@redneckz/wildless-cms-uni-blocks 0.5.12 → 0.5.13
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/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +125 -69
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/Accordion/AccordionContent.d.ts +9 -7
- package/bundle/components/Accordion/AccordionItem.d.ts +1 -4
- package/bundle/components/Accordion/AccordionItem.mobile.d.ts +1 -4
- package/bundle/components/Accordion/AccordionItemProps.d.ts +5 -0
- package/bundle/components/Accordion/AccordionItemsList.d.ts +1 -0
- package/bundle/components/Blocks.d.ts +1 -0
- package/bundle/components/InvestmentInfo/InvestmentInfo.d.ts +5 -0
- package/bundle/components/InvestmentInfo/InvestmentInfoContent.d.ts +49 -0
- package/bundle/components/StepsBlock/renderItems.d.ts +7 -2
- package/bundle/components/StepsBlock/renderStepContent.d.ts +14 -0
- package/bundle/model/BlockDecorator.d.ts +1 -0
- package/bundle/model/BlocksRegistry.d.ts +4 -1
- package/bundle/ui-kit/Foldable/DefaultFoldButton.d.ts +14 -0
- package/bundle/ui-kit/Foldable/Foldable.d.ts +3 -10
- package/bundle/ui-kit/Foldable/FoldablePartProps.d.ts +4 -0
- package/bundle/ui-kit/Foldable/FoldableSection.d.ts +5 -0
- package/dist/components/Accordion/Accordion.js +3 -1
- package/dist/components/Accordion/Accordion.js.map +1 -1
- package/dist/components/Accordion/Accordion.mobile.js +5 -2
- package/dist/components/Accordion/Accordion.mobile.js.map +1 -1
- package/dist/components/Accordion/AccordionContent.d.ts +9 -7
- package/dist/components/Accordion/AccordionItem.d.ts +1 -4
- package/dist/components/Accordion/AccordionItem.js +3 -8
- package/dist/components/Accordion/AccordionItem.js.map +1 -1
- package/dist/components/Accordion/AccordionItem.mobile.d.ts +1 -4
- package/dist/components/Accordion/AccordionItem.mobile.js +2 -5
- package/dist/components/Accordion/AccordionItem.mobile.js.map +1 -1
- package/dist/components/Accordion/AccordionItemProps.d.ts +5 -0
- package/dist/components/Accordion/AccordionItemProps.js +2 -0
- package/dist/components/Accordion/AccordionItemProps.js.map +1 -0
- package/dist/components/Accordion/AccordionItemsList.d.ts +1 -0
- package/dist/components/Accordion/AccordionItemsList.js +6 -0
- package/dist/components/Accordion/AccordionItemsList.js.map +1 -0
- package/dist/components/Blocks.d.ts +1 -0
- package/dist/components/Blocks.js +2 -0
- package/dist/components/Blocks.js.map +1 -1
- package/dist/components/ContentPage/filterBlocks.js +1 -2
- package/dist/components/ContentPage/filterBlocks.js.map +1 -1
- package/dist/components/ContentPage/filterBlocks.mobile.js +1 -3
- package/dist/components/ContentPage/filterBlocks.mobile.js.map +1 -1
- package/dist/components/ContentPage/renderBlock.js +1 -1
- package/dist/components/ContentPage/renderBlock.js.map +1 -1
- package/dist/components/Footer/Footer.mobile.js +8 -7
- package/dist/components/Footer/Footer.mobile.js.map +1 -1
- package/dist/components/Header/Header.mobile.js +5 -5
- package/dist/components/Header/Header.mobile.js.map +1 -1
- package/dist/components/InvestmentInfo/InvestmentInfo.d.ts +5 -0
- package/dist/components/InvestmentInfo/InvestmentInfo.js +49 -0
- package/dist/components/InvestmentInfo/InvestmentInfo.js.map +1 -0
- package/dist/components/InvestmentInfo/InvestmentInfoContent.d.ts +49 -0
- package/dist/components/InvestmentInfo/InvestmentInfoContent.js +2 -0
- package/dist/components/InvestmentInfo/InvestmentInfoContent.js.map +1 -0
- package/dist/components/OtherProducts/OtherProductsItem.js +4 -6
- package/dist/components/OtherProducts/OtherProductsItem.js.map +1 -1
- package/dist/components/StepsBlock/StepsBlock.js +2 -8
- package/dist/components/StepsBlock/StepsBlock.js.map +1 -1
- package/dist/components/StepsBlock/StepsBlockStyleMaps.js +2 -2
- package/dist/components/StepsBlock/StepsBlockStyleMaps.js.map +1 -1
- package/dist/components/StepsBlock/renderItems.d.ts +7 -2
- package/dist/components/StepsBlock/renderItems.js +5 -1
- package/dist/components/StepsBlock/renderItems.js.map +1 -1
- package/dist/components/StepsBlock/renderStepContent.d.ts +14 -0
- package/dist/components/StepsBlock/renderStepContent.js +20 -0
- package/dist/components/StepsBlock/renderStepContent.js.map +1 -0
- package/dist/components/TariffsTable/TariffsTable.js +11 -2
- package/dist/components/TariffsTable/TariffsTable.js.map +1 -1
- package/dist/model/BlockDecorator.d.ts +1 -0
- package/dist/model/BlockDecorator.js +2 -1
- package/dist/model/BlockDecorator.js.map +1 -1
- package/dist/model/BlocksRegistry.d.ts +4 -1
- package/dist/ui-kit/Foldable/DefaultFoldButton.d.ts +14 -0
- package/dist/ui-kit/Foldable/DefaultFoldButton.js +16 -0
- package/dist/ui-kit/Foldable/DefaultFoldButton.js.map +1 -0
- package/dist/ui-kit/Foldable/Foldable.d.ts +3 -10
- package/dist/ui-kit/Foldable/Foldable.js +7 -23
- package/dist/ui-kit/Foldable/Foldable.js.map +1 -1
- package/dist/ui-kit/Foldable/FoldablePartProps.d.ts +4 -0
- package/dist/ui-kit/Foldable/{FoldButtonProps.js → FoldablePartProps.js} +1 -1
- package/dist/ui-kit/Foldable/FoldablePartProps.js.map +1 -0
- package/dist/ui-kit/Foldable/FoldableSection.d.ts +5 -0
- package/dist/ui-kit/Foldable/FoldableSection.js +17 -0
- package/dist/ui-kit/Foldable/FoldableSection.js.map +1 -0
- package/lib/common.css +1 -1
- package/lib/components/Accordion/Accordion.js +3 -1
- package/lib/components/Accordion/Accordion.js.map +1 -1
- package/lib/components/Accordion/Accordion.mobile.js +5 -2
- package/lib/components/Accordion/Accordion.mobile.js.map +1 -1
- package/lib/components/Accordion/AccordionContent.d.ts +9 -7
- package/lib/components/Accordion/AccordionItem.d.ts +1 -4
- package/lib/components/Accordion/AccordionItem.js +3 -8
- package/lib/components/Accordion/AccordionItem.js.map +1 -1
- package/lib/components/Accordion/AccordionItem.mobile.d.ts +1 -4
- package/lib/components/Accordion/AccordionItem.mobile.js +2 -5
- package/lib/components/Accordion/AccordionItem.mobile.js.map +1 -1
- package/lib/components/Accordion/AccordionItemProps.d.ts +5 -0
- package/lib/components/Accordion/AccordionItemProps.js +2 -0
- package/lib/components/Accordion/AccordionItemProps.js.map +1 -0
- package/lib/components/Accordion/AccordionItemsList.d.ts +1 -0
- package/lib/components/Accordion/AccordionItemsList.js +4 -0
- package/lib/components/Accordion/AccordionItemsList.js.map +1 -0
- package/lib/components/Blocks.d.ts +1 -0
- package/lib/components/Blocks.js +2 -0
- package/lib/components/Blocks.js.map +1 -1
- package/lib/components/ContentPage/filterBlocks.js +1 -2
- package/lib/components/ContentPage/filterBlocks.js.map +1 -1
- package/lib/components/ContentPage/filterBlocks.mobile.js +1 -3
- package/lib/components/ContentPage/filterBlocks.mobile.js.map +1 -1
- package/lib/components/ContentPage/renderBlock.js +2 -2
- package/lib/components/ContentPage/renderBlock.js.map +1 -1
- package/lib/components/Footer/Footer.mobile.js +8 -7
- package/lib/components/Footer/Footer.mobile.js.map +1 -1
- package/lib/components/Header/Header.mobile.js +5 -5
- package/lib/components/Header/Header.mobile.js.map +1 -1
- package/lib/components/InvestmentInfo/InvestmentInfo.d.ts +5 -0
- package/lib/components/InvestmentInfo/InvestmentInfo.fixture.d.ts +7 -0
- package/lib/components/InvestmentInfo/InvestmentInfo.js +47 -0
- package/lib/components/InvestmentInfo/InvestmentInfo.js.map +1 -0
- package/lib/components/InvestmentInfo/InvestmentInfoContent.d.ts +49 -0
- package/lib/components/InvestmentInfo/InvestmentInfoContent.js +2 -0
- package/lib/components/InvestmentInfo/InvestmentInfoContent.js.map +1 -0
- package/lib/components/OtherProducts/OtherProductsItem.js +4 -6
- package/lib/components/OtherProducts/OtherProductsItem.js.map +1 -1
- package/lib/components/StepsBlock/StepsBlock.fixture.d.ts +2 -1
- package/lib/components/StepsBlock/StepsBlock.js +2 -8
- package/lib/components/StepsBlock/StepsBlock.js.map +1 -1
- package/lib/components/StepsBlock/StepsBlockStyleMaps.js +2 -2
- package/lib/components/StepsBlock/StepsBlockStyleMaps.js.map +1 -1
- package/lib/components/StepsBlock/renderItems.d.ts +7 -2
- package/lib/components/StepsBlock/renderItems.js +6 -2
- package/lib/components/StepsBlock/renderItems.js.map +1 -1
- package/lib/components/StepsBlock/renderStepContent.d.ts +14 -0
- package/lib/components/StepsBlock/renderStepContent.js +17 -0
- package/lib/components/StepsBlock/renderStepContent.js.map +1 -0
- package/lib/components/TariffsTable/TariffsTable.js +11 -2
- package/lib/components/TariffsTable/TariffsTable.js.map +1 -1
- package/lib/model/BlockDecorator.d.ts +1 -0
- package/lib/model/BlockDecorator.js +1 -0
- package/lib/model/BlockDecorator.js.map +1 -1
- package/lib/model/BlocksRegistry.d.ts +4 -1
- package/lib/ui-kit/Foldable/DefaultFoldButton.d.ts +14 -0
- package/lib/ui-kit/Foldable/DefaultFoldButton.js +13 -0
- package/lib/ui-kit/Foldable/DefaultFoldButton.js.map +1 -0
- package/lib/ui-kit/Foldable/Foldable.d.ts +3 -10
- package/lib/ui-kit/Foldable/Foldable.js +9 -25
- package/lib/ui-kit/Foldable/Foldable.js.map +1 -1
- package/lib/ui-kit/Foldable/FoldablePartProps.d.ts +4 -0
- package/lib/ui-kit/Foldable/FoldablePartProps.js +2 -0
- package/lib/ui-kit/Foldable/FoldablePartProps.js.map +1 -0
- package/lib/ui-kit/Foldable/FoldableSection.d.ts +5 -0
- package/lib/ui-kit/Foldable/FoldableSection.js +15 -0
- package/lib/ui-kit/Foldable/FoldableSection.js.map +1 -0
- package/mobile/bundle/bundle.umd.js +131 -153
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/Accordion/AccordionContent.d.ts +9 -7
- package/mobile/bundle/components/Accordion/AccordionItem.d.ts +1 -4
- package/mobile/bundle/components/Accordion/AccordionItemProps.d.ts +5 -0
- package/mobile/bundle/components/Accordion/AccordionItemsList.d.ts +1 -0
- package/mobile/bundle/components/InvestmentInfo/InvestmentInfo.d.ts +5 -0
- package/mobile/bundle/components/InvestmentInfo/InvestmentInfoContent.d.ts +49 -0
- package/mobile/bundle/components/StepsBlock/renderItems.d.ts +7 -2
- package/mobile/bundle/components/StepsBlock/renderStepContent.d.ts +14 -0
- package/mobile/bundle/model/BlockDecorator.d.ts +1 -0
- package/mobile/bundle/model/BlocksRegistry.d.ts +4 -1
- package/mobile/bundle/ui-kit/Foldable/DefaultFoldButton.d.ts +14 -0
- package/mobile/bundle/ui-kit/Foldable/Foldable.d.ts +3 -10
- package/mobile/bundle/ui-kit/Foldable/FoldablePartProps.d.ts +4 -0
- package/mobile/bundle/ui-kit/Foldable/FoldableSection.d.ts +5 -0
- package/mobile/dist/components/Accordion/Accordion.js +5 -2
- package/mobile/dist/components/Accordion/Accordion.js.map +1 -1
- package/mobile/dist/components/Accordion/AccordionContent.d.ts +9 -7
- package/mobile/dist/components/Accordion/AccordionItem.d.ts +1 -4
- package/mobile/dist/components/Accordion/AccordionItem.js +2 -5
- package/mobile/dist/components/Accordion/AccordionItem.js.map +1 -1
- package/mobile/dist/components/Accordion/AccordionItemProps.d.ts +5 -0
- package/mobile/dist/components/Accordion/AccordionItemProps.js +2 -0
- package/mobile/dist/components/Accordion/AccordionItemProps.js.map +1 -0
- package/mobile/dist/components/Accordion/AccordionItemsList.d.ts +1 -0
- package/mobile/dist/components/Accordion/AccordionItemsList.js +6 -0
- package/mobile/dist/components/Accordion/AccordionItemsList.js.map +1 -0
- package/mobile/dist/components/ContentPage/filterBlocks.js +1 -3
- package/mobile/dist/components/ContentPage/filterBlocks.js.map +1 -1
- package/mobile/dist/components/ContentPage/renderBlock.js +1 -1
- package/mobile/dist/components/ContentPage/renderBlock.js.map +1 -1
- package/mobile/dist/components/Footer/Footer.js +8 -7
- package/mobile/dist/components/Footer/Footer.js.map +1 -1
- package/mobile/dist/components/Header/Header.js +5 -5
- package/mobile/dist/components/Header/Header.js.map +1 -1
- package/mobile/dist/components/InvestmentInfo/InvestmentInfo.d.ts +5 -0
- package/mobile/dist/components/InvestmentInfo/InvestmentInfo.js +49 -0
- package/mobile/dist/components/InvestmentInfo/InvestmentInfo.js.map +1 -0
- package/mobile/dist/components/InvestmentInfo/InvestmentInfoContent.d.ts +49 -0
- package/mobile/dist/components/InvestmentInfo/InvestmentInfoContent.js +2 -0
- package/mobile/dist/components/InvestmentInfo/InvestmentInfoContent.js.map +1 -0
- package/mobile/dist/components/OtherProducts/OtherProductsItem.js +4 -6
- package/mobile/dist/components/OtherProducts/OtherProductsItem.js.map +1 -1
- package/mobile/dist/components/StepsBlock/StepsBlockStyleMaps.js +2 -2
- package/mobile/dist/components/StepsBlock/StepsBlockStyleMaps.js.map +1 -1
- package/mobile/dist/components/StepsBlock/renderItems.d.ts +7 -2
- package/mobile/dist/components/StepsBlock/renderItems.js +5 -1
- package/mobile/dist/components/StepsBlock/renderItems.js.map +1 -1
- package/mobile/dist/components/StepsBlock/renderStepContent.d.ts +14 -0
- package/mobile/dist/components/StepsBlock/renderStepContent.js +20 -0
- package/mobile/dist/components/StepsBlock/renderStepContent.js.map +1 -0
- package/mobile/dist/model/BlockDecorator.d.ts +1 -0
- package/mobile/dist/model/BlockDecorator.js +2 -1
- package/mobile/dist/model/BlockDecorator.js.map +1 -1
- package/mobile/dist/model/BlocksRegistry.d.ts +4 -1
- package/mobile/dist/ui-kit/Foldable/DefaultFoldButton.d.ts +14 -0
- package/mobile/dist/ui-kit/Foldable/DefaultFoldButton.js +16 -0
- package/mobile/dist/ui-kit/Foldable/DefaultFoldButton.js.map +1 -0
- package/mobile/dist/ui-kit/Foldable/Foldable.d.ts +3 -10
- package/mobile/dist/ui-kit/Foldable/Foldable.js +7 -23
- package/mobile/dist/ui-kit/Foldable/Foldable.js.map +1 -1
- package/mobile/dist/ui-kit/Foldable/FoldablePartProps.d.ts +4 -0
- package/mobile/dist/ui-kit/Foldable/{FoldButtonProps.js → FoldablePartProps.js} +1 -1
- package/mobile/dist/ui-kit/Foldable/FoldablePartProps.js.map +1 -0
- package/mobile/dist/ui-kit/Foldable/FoldableSection.d.ts +5 -0
- package/mobile/dist/ui-kit/Foldable/FoldableSection.js +17 -0
- package/mobile/dist/ui-kit/Foldable/FoldableSection.js.map +1 -0
- package/mobile/lib/components/Accordion/Accordion.js +5 -2
- package/mobile/lib/components/Accordion/Accordion.js.map +1 -1
- package/mobile/lib/components/Accordion/AccordionContent.d.ts +9 -7
- package/mobile/lib/components/Accordion/AccordionItem.d.ts +1 -4
- package/mobile/lib/components/Accordion/AccordionItem.js +2 -5
- package/mobile/lib/components/Accordion/AccordionItem.js.map +1 -1
- package/mobile/lib/components/Accordion/AccordionItemProps.d.ts +5 -0
- package/mobile/lib/components/Accordion/AccordionItemProps.js +2 -0
- package/mobile/lib/components/Accordion/AccordionItemProps.js.map +1 -0
- package/mobile/lib/components/Accordion/AccordionItemsList.d.ts +1 -0
- package/mobile/lib/components/Accordion/AccordionItemsList.js +4 -0
- package/mobile/lib/components/Accordion/AccordionItemsList.js.map +1 -0
- package/mobile/lib/components/ContentPage/filterBlocks.js +1 -3
- package/mobile/lib/components/ContentPage/filterBlocks.js.map +1 -1
- package/mobile/lib/components/ContentPage/renderBlock.js +2 -2
- package/mobile/lib/components/ContentPage/renderBlock.js.map +1 -1
- package/mobile/lib/components/Footer/Footer.js +8 -7
- package/mobile/lib/components/Footer/Footer.js.map +1 -1
- package/mobile/lib/components/Header/Header.js +5 -5
- package/mobile/lib/components/Header/Header.js.map +1 -1
- package/mobile/lib/components/InvestmentInfo/InvestmentInfo.d.ts +5 -0
- package/mobile/lib/components/InvestmentInfo/InvestmentInfo.js +47 -0
- package/mobile/lib/components/InvestmentInfo/InvestmentInfo.js.map +1 -0
- package/mobile/lib/components/InvestmentInfo/InvestmentInfoContent.d.ts +49 -0
- package/mobile/lib/components/InvestmentInfo/InvestmentInfoContent.js +2 -0
- package/mobile/lib/components/InvestmentInfo/InvestmentInfoContent.js.map +1 -0
- package/mobile/lib/components/OtherProducts/OtherProductsItem.js +4 -6
- package/mobile/lib/components/OtherProducts/OtherProductsItem.js.map +1 -1
- package/mobile/lib/components/StepsBlock/StepsBlockStyleMaps.js +2 -2
- package/mobile/lib/components/StepsBlock/StepsBlockStyleMaps.js.map +1 -1
- package/mobile/lib/components/StepsBlock/renderItems.d.ts +7 -2
- package/mobile/lib/components/StepsBlock/renderItems.js +6 -2
- package/mobile/lib/components/StepsBlock/renderItems.js.map +1 -1
- package/mobile/lib/components/StepsBlock/renderStepContent.d.ts +14 -0
- package/mobile/lib/components/StepsBlock/renderStepContent.js +17 -0
- package/mobile/lib/components/StepsBlock/renderStepContent.js.map +1 -0
- package/mobile/lib/model/BlockDecorator.d.ts +1 -0
- package/mobile/lib/model/BlockDecorator.js +1 -0
- package/mobile/lib/model/BlockDecorator.js.map +1 -1
- package/mobile/lib/model/BlocksRegistry.d.ts +4 -1
- package/mobile/lib/ui-kit/Foldable/DefaultFoldButton.d.ts +14 -0
- package/mobile/lib/ui-kit/Foldable/DefaultFoldButton.js +13 -0
- package/mobile/lib/ui-kit/Foldable/DefaultFoldButton.js.map +1 -0
- package/mobile/lib/ui-kit/Foldable/Foldable.d.ts +3 -10
- package/mobile/lib/ui-kit/Foldable/Foldable.js +9 -25
- package/mobile/lib/ui-kit/Foldable/Foldable.js.map +1 -1
- package/mobile/lib/ui-kit/Foldable/FoldablePartProps.d.ts +4 -0
- package/mobile/lib/ui-kit/Foldable/FoldablePartProps.js +2 -0
- package/mobile/lib/ui-kit/Foldable/FoldablePartProps.js.map +1 -0
- package/mobile/lib/ui-kit/Foldable/FoldableSection.d.ts +5 -0
- package/mobile/lib/ui-kit/Foldable/FoldableSection.js +15 -0
- package/mobile/lib/ui-kit/Foldable/FoldableSection.js.map +1 -0
- package/mobile/src/common.css +11 -3
- package/mobile/src/components/Accordion/Accordion.tsx +17 -7
- package/mobile/src/components/Accordion/AccordionContent.ts +10 -7
- package/mobile/src/components/Accordion/AccordionItem.tsx +34 -30
- package/mobile/src/components/Accordion/AccordionItemProps.ts +6 -0
- package/mobile/src/components/Accordion/AccordionItemsList.tsx +5 -0
- package/mobile/src/components/ContentPage/filterBlocks.ts +1 -3
- package/mobile/src/components/ContentPage/renderBlock.tsx +2 -2
- package/mobile/src/components/ExchangeRateTile/ExchangeRateTile.ui.json +8 -1
- package/mobile/src/components/Footer/Footer.tsx +15 -13
- package/mobile/src/components/GracePeriod/GracePeriod.ui.json +5 -0
- package/mobile/src/components/Header/Header.tsx +16 -11
- package/mobile/src/components/InvestmentInfo/InvestmentInfo.example.json +48 -0
- package/mobile/src/components/InvestmentInfo/InvestmentInfo.tsx +149 -0
- package/mobile/src/components/InvestmentInfo/InvestmentInfo.ui.json +16 -0
- package/mobile/src/components/InvestmentInfo/InvestmentInfoContent.ts +55 -0
- package/mobile/src/components/OtherProducts/OtherProductsItem.tsx +18 -15
- package/mobile/src/components/SafeDepositRental/SafeDepositRental.ui.json +8 -1
- package/mobile/src/components/StepsBlock/StepsBlockStyleMaps.ts +2 -2
- package/mobile/src/components/StepsBlock/renderItems.tsx +24 -15
- package/mobile/src/components/StepsBlock/renderStepContent.tsx +63 -0
- package/mobile/src/model/BlockDecorator.ts +2 -0
- package/mobile/src/model/BlocksRegistry.ts +4 -1
- package/mobile/src/ui-kit/Foldable/DefaultFoldButton.tsx +52 -0
- package/mobile/src/ui-kit/Foldable/Foldable.tsx +19 -67
- package/mobile/src/ui-kit/Foldable/FoldablePartProps.ts +4 -0
- package/mobile/src/ui-kit/Foldable/FoldableSection.tsx +30 -0
- package/package.json +2 -2
- package/src/common.css +11 -3
- package/src/components/Accordion/Accordion.mobile.tsx +17 -7
- package/src/components/Accordion/Accordion.tsx +12 -3
- package/src/components/Accordion/AccordionContent.ts +10 -7
- package/src/components/Accordion/AccordionItem.mobile.tsx +34 -30
- package/src/components/Accordion/AccordionItem.tsx +24 -23
- package/src/components/Accordion/AccordionItemProps.ts +6 -0
- package/src/components/Accordion/AccordionItemsList.tsx +5 -0
- package/src/components/Blocks.ts +2 -0
- package/src/components/ContentPage/filterBlocks.mobile.ts +1 -3
- package/src/components/ContentPage/filterBlocks.ts +1 -2
- package/src/components/ContentPage/renderBlock.tsx +2 -2
- package/src/components/ExchangeRateTile/ExchangeRateTile.ui.json +8 -1
- package/src/components/Footer/Footer.mobile.tsx +15 -13
- package/src/components/GracePeriod/GracePeriod.ui.json +5 -0
- package/src/components/Header/Header.mobile.tsx +16 -11
- package/src/components/InvestmentInfo/InvestmentInfo.example.json +48 -0
- package/src/components/InvestmentInfo/InvestmentInfo.fixture.tsx +107 -0
- package/src/components/InvestmentInfo/InvestmentInfo.tsx +149 -0
- package/src/components/InvestmentInfo/InvestmentInfo.ui.json +16 -0
- package/src/components/InvestmentInfo/InvestmentInfoContent.ts +55 -0
- package/src/components/OtherProducts/OtherProductsItem.tsx +18 -15
- package/src/components/SafeDepositRental/SafeDepositRental.ui.json +8 -1
- package/src/components/StepsBlock/StepsBlock.fixture.tsx +39 -25
- package/src/components/StepsBlock/StepsBlock.tsx +3 -49
- package/src/components/StepsBlock/StepsBlockStyleMaps.ts +2 -2
- package/src/components/StepsBlock/renderItems.tsx +24 -15
- package/src/components/StepsBlock/renderStepContent.tsx +63 -0
- package/src/components/TariffsTable/TariffsTable.tsx +32 -23
- package/src/model/BlockDecorator.ts +2 -0
- package/src/model/BlocksRegistry.ts +4 -1
- package/src/ui-kit/Foldable/DefaultFoldButton.tsx +52 -0
- package/src/ui-kit/Foldable/Foldable.tsx +19 -67
- package/src/ui-kit/Foldable/FoldablePartProps.ts +4 -0
- package/src/ui-kit/Foldable/FoldableSection.tsx +30 -0
- package/tailwind.config.cjs +5 -0
- package/bundle/components/ContentPage/isBlockInRegistry.d.ts +0 -2
- package/bundle/ui-kit/Foldable/DefaultButton.d.ts +0 -2
- package/bundle/ui-kit/Foldable/FoldButtonProps.d.ts +0 -12
- package/bundle/utils/getAccordionItems.d.ts +0 -1
- package/dist/components/ContentPage/isBlockInRegistry.d.ts +0 -2
- package/dist/components/ContentPage/isBlockInRegistry.js +0 -7
- package/dist/components/ContentPage/isBlockInRegistry.js.map +0 -1
- package/dist/ui-kit/Foldable/DefaultButton.d.ts +0 -2
- package/dist/ui-kit/Foldable/DefaultButton.js +0 -12
- package/dist/ui-kit/Foldable/DefaultButton.js.map +0 -1
- package/dist/ui-kit/Foldable/FoldButtonProps.d.ts +0 -12
- package/dist/ui-kit/Foldable/FoldButtonProps.js.map +0 -1
- package/dist/utils/getAccordionItems.d.ts +0 -1
- package/dist/utils/getAccordionItems.js +0 -13
- package/dist/utils/getAccordionItems.js.map +0 -1
- package/lib/components/ContentPage/isBlockInRegistry.d.ts +0 -2
- package/lib/components/ContentPage/isBlockInRegistry.js +0 -4
- package/lib/components/ContentPage/isBlockInRegistry.js.map +0 -1
- package/lib/ui-kit/Foldable/DefaultButton.d.ts +0 -2
- package/lib/ui-kit/Foldable/DefaultButton.js +0 -10
- package/lib/ui-kit/Foldable/DefaultButton.js.map +0 -1
- package/lib/ui-kit/Foldable/FoldButtonProps.d.ts +0 -12
- package/lib/ui-kit/Foldable/FoldButtonProps.js +0 -2
- package/lib/ui-kit/Foldable/FoldButtonProps.js.map +0 -1
- package/lib/utils/getAccordionItems.d.ts +0 -1
- package/lib/utils/getAccordionItems.js +0 -10
- package/lib/utils/getAccordionItems.js.map +0 -1
- package/mobile/bundle/components/ContentPage/isBlockInRegistry.d.ts +0 -2
- package/mobile/bundle/ui-kit/Foldable/DefaultButton.d.ts +0 -2
- package/mobile/bundle/ui-kit/Foldable/FoldButtonProps.d.ts +0 -12
- package/mobile/bundle/utils/getAccordionItems.d.ts +0 -1
- package/mobile/dist/components/ContentPage/isBlockInRegistry.d.ts +0 -2
- package/mobile/dist/components/ContentPage/isBlockInRegistry.js +0 -7
- package/mobile/dist/components/ContentPage/isBlockInRegistry.js.map +0 -1
- package/mobile/dist/ui-kit/Foldable/DefaultButton.d.ts +0 -2
- package/mobile/dist/ui-kit/Foldable/DefaultButton.js +0 -12
- package/mobile/dist/ui-kit/Foldable/DefaultButton.js.map +0 -1
- package/mobile/dist/ui-kit/Foldable/FoldButtonProps.d.ts +0 -12
- package/mobile/dist/ui-kit/Foldable/FoldButtonProps.js.map +0 -1
- package/mobile/dist/utils/getAccordionItems.d.ts +0 -1
- package/mobile/dist/utils/getAccordionItems.js +0 -13
- package/mobile/dist/utils/getAccordionItems.js.map +0 -1
- package/mobile/lib/components/ContentPage/isBlockInRegistry.d.ts +0 -2
- package/mobile/lib/components/ContentPage/isBlockInRegistry.js +0 -4
- package/mobile/lib/components/ContentPage/isBlockInRegistry.js.map +0 -1
- package/mobile/lib/ui-kit/Foldable/DefaultButton.d.ts +0 -2
- package/mobile/lib/ui-kit/Foldable/DefaultButton.js +0 -10
- package/mobile/lib/ui-kit/Foldable/DefaultButton.js.map +0 -1
- package/mobile/lib/ui-kit/Foldable/FoldButtonProps.d.ts +0 -12
- package/mobile/lib/ui-kit/Foldable/FoldButtonProps.js +0 -2
- package/mobile/lib/ui-kit/Foldable/FoldButtonProps.js.map +0 -1
- package/mobile/lib/utils/getAccordionItems.d.ts +0 -1
- package/mobile/lib/utils/getAccordionItems.js +0 -10
- package/mobile/lib/utils/getAccordionItems.js.map +0 -1
- package/mobile/src/components/ContentPage/isBlockInRegistry.ts +0 -5
- package/mobile/src/ui-kit/Foldable/DefaultButton.tsx +0 -27
- package/mobile/src/ui-kit/Foldable/FoldButtonProps.ts +0 -13
- package/mobile/src/utils/getAccordionItems.ts +0 -10
- package/src/components/ContentPage/isBlockInRegistry.ts +0 -5
- package/src/ui-kit/Foldable/DefaultButton.tsx +0 -27
- package/src/ui-kit/Foldable/FoldButtonProps.ts +0 -13
- package/src/utils/getAccordionItems.ts +0 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.mobile.js","sourceRoot":"","sources":["../../../src/components/Header/Header.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"Header.mobile.js","sourceRoot":"","sources":["../../../src/components/Header/Header.mobile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { UniBlockProps } from '../../model/ContentPageDef';
|
|
2
|
+
import type { InvestmentInfoContent } from './InvestmentInfoContent';
|
|
3
|
+
export interface InvestmentInfoProps extends InvestmentInfoContent, UniBlockProps {
|
|
4
|
+
}
|
|
5
|
+
export declare const InvestmentInfo: import("@redneckz/uni-jsx").UNIComponent<InvestmentInfoProps, any, any>;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
|
|
4
|
+
import { List } from '../../ui-kit/List/List.js';
|
|
5
|
+
import { joinList } from '../../utils/joinList.js';
|
|
6
|
+
const investmentCellColorMap = {
|
|
7
|
+
yellow: 'bg-yellow',
|
|
8
|
+
green: 'bg-green',
|
|
9
|
+
'green-light': 'bg-green-light',
|
|
10
|
+
'green-dark': 'bg-green-dark',
|
|
11
|
+
};
|
|
12
|
+
const investmentCellSizeMap = {
|
|
13
|
+
XS: 'h-[40px]',
|
|
14
|
+
S: 'h-[68px]',
|
|
15
|
+
M: 'h-[102px]',
|
|
16
|
+
L: 'h-[136px]',
|
|
17
|
+
XL: 'h-[204px]',
|
|
18
|
+
};
|
|
19
|
+
export const InvestmentInfo = JSX((props) => {
|
|
20
|
+
const { context, className = '', items, isDotted, investmentZeroColumn, investmentColumns, ...rest } = props;
|
|
21
|
+
const colums = investmentColumns ? [...investmentColumns] : [];
|
|
22
|
+
if (investmentZeroColumn) {
|
|
23
|
+
colums.unshift(investmentZeroColumn);
|
|
24
|
+
}
|
|
25
|
+
return (_jsx(BlockWrapper, { className: `font-sans bg-white p-9 pb-9 ${className}`, context: context, ...rest, children: _jsxs("div", { className: "container text-m-light", children: [colums?.length ? (_jsxs("div", { children: [_jsxs("div", { className: "flex items-end px-9 text-white", children: [joinList(_jsx("div", { className: "w-px h-4 bg-main-stroke" }))(colums.map(renderInvestmentColumn)), _jsx("div", { className: "w-px h-4 bg-main-stroke" })] }), _jsx("div", { className: "border-t border-main-stroke -mt-2 mx-9" }), _jsx("div", { className: "flex justify-between mt-3 -mx-10", children: colums.map(renderInvestmentColumnTitle) })] })) : null, items?.length ? (_jsx(List, { className: "mt-9 text-h6", items: items, itemClassName: "mb-[7px]", isDotted: isDotted })) : null] }) }));
|
|
26
|
+
});
|
|
27
|
+
const renderInvestmentColumn = (column, i, arr) => {
|
|
28
|
+
const isSecondColumn = i === 1;
|
|
29
|
+
const isLastColumn = i === arr.length - 1;
|
|
30
|
+
return (_jsx("div", { className: `${getColumnClasses(isSecondColumn, isLastColumn, column.cells)}`, children: column.cells?.length ? (_jsx("div", { className: `w-full ${isLastColumn ? 'border-4 border-green-more-dark p-1' : ''}`, children: column.cells.map(renderInvestmentCell) })) : null }, `column_${i}`));
|
|
31
|
+
};
|
|
32
|
+
const getColumnClasses = (isSecondColumn, isLastColumn, cells = []) => [
|
|
33
|
+
cells.length ? 'flex-1' : 'flex-0',
|
|
34
|
+
cells.length && !isSecondColumn && !isLastColumn ? 'pl-2.5' : '',
|
|
35
|
+
cells.length && !isLastColumn ? 'pr-2.5 pb-8' : 'pb-6',
|
|
36
|
+
].join(' ');
|
|
37
|
+
const renderInvestmentCell = (cell, i) => {
|
|
38
|
+
const cellSize = cell.cellSize || 'XS';
|
|
39
|
+
const cellColor = cell.cellColor || 'green';
|
|
40
|
+
return cell.text ? (_jsx("div", { className: `flex-1 flex items-center justify-center relative py-2 ${investmentCellSizeMap[cellSize]} ${investmentCellColorMap[cellColor]} ${cellSize === 'XS' ? 'px-3' : 'px-11'}`, children: _jsx("div", { className: "text-center", children: cell.text }) }, `cell_${i}`)) : null;
|
|
41
|
+
};
|
|
42
|
+
const renderInvestmentColumnTitle = (column, i, arr) => {
|
|
43
|
+
const isFirstColumn = i === 0;
|
|
44
|
+
const isLastColumn = i === arr.length - 1;
|
|
45
|
+
return (_jsx("div", { className: `flex-1 max-w-[180px] text-center px-2 ${isFirstColumn ? 'pl-9' : ''} ${isLastColumn ? 'pr-9' : ' '}`, children: column.title }, `title_${i}`));
|
|
46
|
+
};
|
|
47
|
+
//# sourceMappingURL=InvestmentInfo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InvestmentInfo.js","sourceRoot":"","sources":["../../../src/components/InvestmentInfo/InvestmentInfo.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import type { ListContent } from '../../ui-kit/List/ListContent';
|
|
2
|
+
/**
|
|
3
|
+
* @title Цвет
|
|
4
|
+
* @enumNames ["Желтый", "Светло-зеленый", "Зеленый", "Тёмно-зеленый"]
|
|
5
|
+
*/
|
|
6
|
+
export declare type InvestmentCellColor = 'yellow' | 'green-light' | 'green' | 'green-dark';
|
|
7
|
+
/**
|
|
8
|
+
* @title Высота
|
|
9
|
+
* @enumNames ["Очень большой", "Большой", "Средний", "Маленький", "Очень маленький"]
|
|
10
|
+
*/
|
|
11
|
+
export declare type InvestmentCellSize = 'XL' | 'L' | 'M' | 'S' | 'XS';
|
|
12
|
+
/**
|
|
13
|
+
* @title Ячейка
|
|
14
|
+
*/
|
|
15
|
+
export declare type InvestmentCell = {
|
|
16
|
+
/** @title Текст */
|
|
17
|
+
text?: string;
|
|
18
|
+
cellColor?: InvestmentCellColor;
|
|
19
|
+
cellSize?: InvestmentCellSize;
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* @title Элемент данных 1
|
|
23
|
+
*/
|
|
24
|
+
export declare type InvestmentZeroColumn = {
|
|
25
|
+
/** @title Название */
|
|
26
|
+
title?: string;
|
|
27
|
+
/** @hidden */
|
|
28
|
+
cells?: InvestmentCell[];
|
|
29
|
+
};
|
|
30
|
+
/**
|
|
31
|
+
* @title Элемент данных
|
|
32
|
+
*/
|
|
33
|
+
export declare type InvestmentColumn = {
|
|
34
|
+
/** @title Название */
|
|
35
|
+
title?: string;
|
|
36
|
+
/** @title Ячейки */
|
|
37
|
+
cells?: InvestmentCell[];
|
|
38
|
+
};
|
|
39
|
+
/**
|
|
40
|
+
* @title Блок инвестиций
|
|
41
|
+
*/
|
|
42
|
+
export declare type InvestmentInfoContent = ListContent & {
|
|
43
|
+
/** @title Буллиты */
|
|
44
|
+
isDotted?: boolean;
|
|
45
|
+
/** @title Элемент данных 1 */
|
|
46
|
+
investmentZeroColumn?: InvestmentZeroColumn;
|
|
47
|
+
/** @title Остальные элементы данных */
|
|
48
|
+
investmentColumns?: InvestmentColumn[];
|
|
49
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InvestmentInfoContent.js","sourceRoot":"","sources":["../../../src/components/InvestmentInfo/InvestmentInfoContent.ts"],"names":[],"mappings":""}
|
|
@@ -1,17 +1,15 @@
|
|
|
1
1
|
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { renderBlocksList } from '../../ui-kit/BlocksList/renderBlocksList.js';
|
|
4
|
-
import {
|
|
4
|
+
import { DefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton.js';
|
|
5
5
|
import { Foldable } from '../../ui-kit/Foldable/Foldable.js';
|
|
6
|
+
import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection.js';
|
|
6
7
|
const icons = ['ArrowDownIcon', 'ArrowUpIcon'];
|
|
7
|
-
export const OtherProductsItem = JSX(({ label = '', blocks, context, dataTheme, isUnfolded }) => {
|
|
8
|
+
export const OtherProductsItem = JSX(({ label = '', blocks, context, dataTheme, isUnfolded: unfoldedByDefault }) => {
|
|
8
9
|
const foldableBlocks = renderBlocksList({
|
|
9
10
|
context,
|
|
10
11
|
blocks,
|
|
11
12
|
});
|
|
12
|
-
return (_jsx("div", { className: "\u02DDborder-0 border-b border-solid border-main-divider", children: blocks?.length ? (_jsx(Foldable, {
|
|
13
|
-
});
|
|
14
|
-
const Wrapper = JSX(({ children }) => {
|
|
15
|
-
return _jsx("div", { className: "box-border", children: children });
|
|
13
|
+
return (_jsx("div", { className: "\u02DDborder-0 border-b border-solid border-main-divider", children: blocks?.length ? (_jsx(Foldable, { unfoldedByDefault: unfoldedByDefault, renderFoldableSection: ({ isUnfolded }) => (_jsx("div", { className: "box-border", children: _jsx(FoldableSection, { className: "grid grid-cols-12 gap-1 border-box", isUnfolded: isUnfolded, children: foldableBlocks }) })), renderFoldButton: ({ isUnfolded, onToggle }) => (_jsx(DefaultFoldButton, { label: label, icon: icons[Number(isUnfolded)], dataTheme: dataTheme, onClick: onToggle })) })) : null }));
|
|
16
14
|
});
|
|
17
15
|
//# sourceMappingURL=OtherProductsItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OtherProductsItem.js","sourceRoot":"","sources":["../../../src/components/OtherProducts/OtherProductsItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"OtherProductsItem.js","sourceRoot":"","sources":["../../../src/components/OtherProducts/OtherProductsItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAQxE,MAAM,KAAK,GAAe,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;AAE3D,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,iBAAiB,EAAE,EAAE,EAAE;IAC5E,MAAM,cAAc,GAAG,gBAAgB,CAAC;QACtC,OAAO;QACP,MAAM;KACP,CAAY,CAAC;IAEd,OAAO,CACL,cAAK,SAAS,EAAC,0DAAqD,YACjE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,KAAC,QAAQ,IACP,iBAAiB,EAAE,iBAAiB,EACpC,qBAAqB,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACzC,cAAK,SAAS,EAAC,YAAY,YACzB,KAAC,eAAe,IACd,SAAS,EAAC,oCAAoC,EAC9C,UAAU,EAAE,UAAU,YAErB,cAAc,GACC,GACd,CACP,EACD,gBAAgB,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC9C,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAC/B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,QAAQ,GACjB,CACH,GACD,CACH,CAAC,CAAC,CAAC,IAAI,GACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -7,8 +7,8 @@ import { Heading } from '../../ui-kit/Heading/Heading.js';
|
|
|
7
7
|
import { Img } from '../../ui-kit/Img/Img.js';
|
|
8
8
|
import { checkIsIconRenderable } from '../../utils/checkIsIconRenderable.js';
|
|
9
9
|
import { joinList } from '../../utils/joinList.js';
|
|
10
|
-
import { renderItems } from './renderItems.js';
|
|
11
10
|
import { STEPS_BLOCK_STYLE_MAPS } from './StepsBlockStyleMaps.js';
|
|
11
|
+
import { renderStepContent } from './renderStepContent.js';
|
|
12
12
|
const getLineOpacity = (showLines) => (showLines ? '' : 'opacity-0');
|
|
13
13
|
const getPaddingX = (steps) => (steps < 5 ? 'px-[88px]' : 'px-[55px]');
|
|
14
14
|
export const StepsBlock = JSX(({ className = '', showLines = true, steps = [], button, version = 'primary', context, ...rest }) => {
|
|
@@ -27,7 +27,7 @@ export const StepsBlock = JSX(({ className = '', showLines = true, steps = [], b
|
|
|
27
27
|
styleMap.background,
|
|
28
28
|
styleMap.title,
|
|
29
29
|
className,
|
|
30
|
-
].join(' '), context: context, ...rest, children: [title ? (_jsx(Heading, { headingType: "
|
|
30
|
+
].join(' '), context: context, ...rest, children: [title ? (_jsx(Heading, { headingType: "h3", className: "max-w-[752px] text-center", title: title })) : null, steps?.length ? (_jsxs("div", { className: `box-border ${titleMargin}`, children: [_jsx("div", { className: `flex items-center ${paddingX}`, children: joinList(_jsx("div", { className: `h-0.5 w-full bg-secondary-light ${lineOpacity}` }))(steps.map(renderStepIcon(styleMap))) }), _jsx("div", { className: `flex justify-between ${shortGaps ? 'gap-x-3' : 'gap-x-[101px]'}`, children: steps.map(renderStepContent({
|
|
31
31
|
styleMap,
|
|
32
32
|
isMainButton: Boolean(button?.text),
|
|
33
33
|
version,
|
|
@@ -39,10 +39,4 @@ const renderStepIcon = (styleMap) => ({ icon }, i) => {
|
|
|
39
39
|
return (_jsx("div", { className: "flex flex-col items-center text-center", children: _jsx("div", { className: `h-[100px] w-[100px] min-w-[100px] min-h-[100px] rounded-full p-[26px] box-border z-10 flex justify-center items-center
|
|
40
40
|
${styleMap.iconBackground} ${styleMap.title}`, children: checkIsIconRenderable(icon) ? (_jsx(Img, { image: icon, width: "48", height: "48", asSVG: true })) : (_jsx("span", { className: `text-h4 ${styleMap.iconText}`, children: i + 1 })) }) }, String(i)));
|
|
41
41
|
};
|
|
42
|
-
const renderStepTitle = ({ styleMap, isMainButton, version, router, handlerDecorator, }) => (step, i, { length }) => {
|
|
43
|
-
const additionalMarginClass = step?.label ? 'mt-2' : 'mt-4';
|
|
44
|
-
const widthContainer = length < 5 ? 'w-[276px]' : 'w-[210px]';
|
|
45
|
-
return (_jsxs("div", { className: `flex flex-col items-center text-center relative
|
|
46
|
-
whitespace-pre-line overflow-hidden ${widthContainer}`, children: [step?.label ? _jsx("div", { className: "text-xl m-0 mt-4", children: step.label }) : null, step?.description ? (_jsx("div", { className: `text-l-light ${styleMap.description} ${additionalMarginClass}`, children: step.description })) : null, renderItems(step?.items, styleMap, step?.isDotted), step.button?.text && !isMainButton ? (_jsx(Button, { className: "box-border mt-8 py-3 h-12 w-full max-w-[240px]", ...useLink({ router, handlerDecorator }, step.button), version: version, children: step.button.text })) : null] }, String(i)));
|
|
47
|
-
};
|
|
48
42
|
//# sourceMappingURL=StepsBlock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ export const STEPS_BLOCK_STYLE_MAPS = {
|
|
|
2
2
|
primary: {
|
|
3
3
|
background: 'bg-white',
|
|
4
4
|
title: 'text-primary-text',
|
|
5
|
-
description: 'text-secondary-text',
|
|
5
|
+
description: '!text-secondary-text text-l-light',
|
|
6
6
|
iconText: 'text-secondary-text',
|
|
7
7
|
iconBackground: 'bg-main-divider',
|
|
8
8
|
iconConnector: 'bg-secondary-light',
|
|
@@ -11,7 +11,7 @@ export const STEPS_BLOCK_STYLE_MAPS = {
|
|
|
11
11
|
secondary: {
|
|
12
12
|
background: 'bg-primary-main',
|
|
13
13
|
title: 'text-white',
|
|
14
|
-
description: 'text-white/80',
|
|
14
|
+
description: '!text-white/80 text-l-light',
|
|
15
15
|
iconText: 'text-white',
|
|
16
16
|
iconBackground: 'bg-white/30',
|
|
17
17
|
iconConnector: 'bg-white',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepsBlockStyleMaps.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlockStyleMaps.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,MAAM,sBAAsB,GAAoC;IACrE,OAAO,EAAE;QACP,UAAU,EAAE,UAAU;QACtB,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"StepsBlockStyleMaps.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlockStyleMaps.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,MAAM,sBAAsB,GAAoC;IACrE,OAAO,EAAE;QACP,UAAU,EAAE,UAAU;QACtB,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,mCAAmC;QAChD,QAAQ,EAAE,qBAAqB;QAC/B,cAAc,EAAE,iBAAiB;QACjC,aAAa,EAAE,oBAAoB;QACnC,GAAG,EAAE,mBAAmB;KACzB;IACD,SAAS,EAAE;QACT,UAAU,EAAE,iBAAiB;QAC7B,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,6BAA6B;QAC1C,QAAQ,EAAE,YAAY;QACtB,cAAc,EAAE,aAAa;QAC7B,aAAa,EAAE,UAAU;QACzB,GAAG,EAAE,aAAa;KACnB;CACF,CAAC"}
|
|
@@ -1,3 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type {
|
|
3
|
-
export declare const renderItems: (items
|
|
2
|
+
import type { BlockVersion } from '../../model/BlockVersion';
|
|
3
|
+
export declare const renderItems: ({ items, isDotted, version, className, }: {
|
|
4
|
+
items?: string[] | undefined;
|
|
5
|
+
isDotted?: boolean | undefined;
|
|
6
|
+
version?: BlockVersion | undefined;
|
|
7
|
+
className?: string | undefined;
|
|
8
|
+
}) => JSX.Element | null;
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
-
import { jsx as _jsx
|
|
2
|
-
|
|
1
|
+
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
+
import { List } from '../../ui-kit/List/List.js';
|
|
3
|
+
export const renderItems = ({ items, isDotted = true, version = 'primary', className = '', }) => {
|
|
4
|
+
const listVersion = version === 'primary' ? 'gray' : version;
|
|
5
|
+
return items ? (_jsx(List, { className: `mt-4 ${className}`, version: listVersion, items: items, listItemSize: "S", isDotted: isDotted })) : null;
|
|
6
|
+
};
|
|
3
7
|
//# sourceMappingURL=renderItems.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderItems.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/renderItems.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"renderItems.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/renderItems.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAG9C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,QAAQ,GAAG,IAAI,EACf,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,EAAE,GAMf,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAE7D,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,KAAC,IAAI,IACH,SAAS,EAAE,QAAQ,SAAS,EAAE,EAC9B,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAC,GAAG,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { BlockVersion } from '../../model/BlockVersion';
|
|
3
|
+
import type { HandlerDecorator, Router } from '../ContentPage/ContentPageContext';
|
|
4
|
+
import type { Step } from './StepsBlockContent';
|
|
5
|
+
import type { StyleType } from './StepsBlockStyleMaps';
|
|
6
|
+
export declare const renderStepContent: ({ styleMap, isMainButton, version, router, handlerDecorator, }: {
|
|
7
|
+
styleMap: StyleType;
|
|
8
|
+
isMainButton: boolean;
|
|
9
|
+
version: BlockVersion;
|
|
10
|
+
router: Router;
|
|
11
|
+
handlerDecorator?: HandlerDecorator | undefined;
|
|
12
|
+
}) => (step: Step, i: number, { length }: {
|
|
13
|
+
length: number;
|
|
14
|
+
}) => JSX.Element;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
+
import { Button } from '../../ui-kit/Button/Button.js';
|
|
3
|
+
import { renderItems } from './renderItems.js';
|
|
4
|
+
import { useLink } from '../../hooks/useLink.js';
|
|
5
|
+
export const renderStepContent = ({ styleMap, isMainButton, version, router, handlerDecorator, }) => (step, i, { length }) => {
|
|
6
|
+
const { label, description, button, items, isDotted } = step;
|
|
7
|
+
const additionalMarginClass = `${button?.text ? 'mb-8' : ''} ${step?.label ? 'mt-2' : 'mt-4'}`;
|
|
8
|
+
const widthContainer = length < 5 ? 'w-[276px]' : 'w-[210px]';
|
|
9
|
+
return (_jsxs("div", { className: `flex flex-col items-center text-center relative
|
|
10
|
+
whitespace-pre-line overflow-hidden ${widthContainer}`, children: [renderStepLabel(label), renderStepDescription({
|
|
11
|
+
description,
|
|
12
|
+
className: `${styleMap.description} ${additionalMarginClass}`,
|
|
13
|
+
}), renderItems({ items, isDotted, version, className: styleMap.description }), button?.text && !isMainButton ? (_jsx(Button, { className: "box-border py-3 h-12 w-full max-w-[240px] mt-auto", ...useLink({ router, handlerDecorator }, button), version: version, children: button.text })) : null] }, String(i)));
|
|
14
|
+
};
|
|
15
|
+
const renderStepLabel = (label) => label ? _jsx("div", { className: "text-x6 m-0 mt-4", children: label }) : null;
|
|
16
|
+
const renderStepDescription = ({ description, className = '', }) => (description ? _jsx("div", { className: className, children: description }) : null);
|
|
17
|
+
//# sourceMappingURL=renderStepContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"renderStepContent.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/renderStepContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAKpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,CAAC,MAAM,iBAAiB,GAC5B,CAAC,EACC,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,MAAM,EACN,gBAAgB,GAOjB,EAAE,EAAE,CACL,CAAC,IAAU,EAAE,CAAS,EAAE,EAAE,MAAM,EAAsB,EAAE,EAAE;IACxD,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAE7D,MAAM,qBAAqB,GAAG,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;IAC/F,MAAM,cAAc,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC;IAE9D,OAAO,CACL,eAEE,SAAS,EAAE;8CAC2B,cAAc,EAAE,aAErD,eAAe,CAAC,KAAK,CAAC,EACtB,qBAAqB,CAAC;gBACrB,WAAW;gBACX,SAAS,EAAE,GAAG,QAAQ,CAAC,WAAW,IAAI,qBAAqB,EAAE;aAC9D,CAAC,EACD,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,WAAW,EAAE,CAAC,EAC1E,MAAM,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAC/B,KAAC,MAAM,IACL,SAAS,EAAC,mDAAmD,KACzD,OAAO,CAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,MAAM,CAAC,EACjD,OAAO,EAAE,OAAO,YAEf,MAAM,CAAC,IAAI,GACL,CACV,CAAC,CAAC,CAAC,IAAI,KAlBH,MAAM,CAAC,CAAC,CAAC,CAmBV,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,eAAe,GAAG,CAAC,KAAc,EAAE,EAAE,CACzC,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,kBAAkB,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,CAAC;AAEjE,MAAM,qBAAqB,GAAG,CAAC,EAC7B,WAAW,EACX,SAAS,GAAG,EAAE,GAIf,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,SAAS,YAAG,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC"}
|
|
@@ -3,7 +3,9 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
3
3
|
import { useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
4
4
|
import { useTableArrowScrollControl } from '../../hooks/useTableArrowScrollControl.js';
|
|
5
5
|
import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
|
|
6
|
+
import { renderDefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton.js';
|
|
6
7
|
import { Foldable } from '../../ui-kit/Foldable/Foldable.js';
|
|
8
|
+
import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection.js';
|
|
7
9
|
import { Heading } from '../../ui-kit/Heading/Heading.js';
|
|
8
10
|
import { TableArrowScrollControl } from '../../ui-kit/TableArrowScrollControl/TableArrowScrollControl.js';
|
|
9
11
|
import { COLS_LENGTH_FOR_SCROLL } from './constants.js';
|
|
@@ -22,9 +24,16 @@ export const TariffsTable = JSX(({ className = '', context, title, description,
|
|
|
22
24
|
activeCardIndex,
|
|
23
25
|
setActiveCardIndex,
|
|
24
26
|
});
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
+
const rows = (rowData || []).map((row, i, { length }) => (_jsx(TariffsTableRow, { context: context, row: row, isLastRow: i + 1 === length, activeCardIndex: activeCardIndex, rowIdx: i }, String(i))));
|
|
28
|
+
const [visibleRows, hiddenRows] = hiddenRowsNum > 0 ? [rows.slice(0, -hiddenRowsNum), rows.slice(-hiddenRowsNum)] : [rows, []];
|
|
29
|
+
return (_jsxs(BlockWrapper, { className: `bg-white font-sans p-[50px] overflow-hidden text-primary-text relative ${columnsLength > 1 ? 'pr-0' : ''} ${className}`, context: context, ...rest, children: [renderTitle({ title, description }), renderDescription(description), hiddenRowsNum > 0 ? (_jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => (_jsxs(Wrapper, { tableArrowScrollControlProps: tableArrowScrollControlProps, children: [visibleRows, _jsx(FoldableSection, { isUnfolded: isUnfolded, children: hiddenRows })] })), renderFoldButton: renderDefaultFoldButton })) : (_jsx(Wrapper, { tableArrowScrollControlProps: tableArrowScrollControlProps, children: rows }))] }));
|
|
27
30
|
});
|
|
31
|
+
function renderTitle({ title, description }) {
|
|
32
|
+
return title ? (_jsx(Heading, { headingType: "h3", className: `text-center ${description ? 'mb-2.5' : 'mb-8'}`, title: title })) : null;
|
|
33
|
+
}
|
|
34
|
+
function renderDescription(description) {
|
|
35
|
+
return description ? _jsx("div", { className: "mb-9 text-center text-l", children: description }) : null;
|
|
36
|
+
}
|
|
28
37
|
const Wrapper = JSX(({ children, tableArrowScrollControlProps }) => {
|
|
29
38
|
const { isScrollAvailable } = tableArrowScrollControlProps;
|
|
30
39
|
return (_jsxs("div", { role: "table", children: [_jsxs("div", { className: "relative", children: [children, _jsx(TableArrowScrollControl, { ...tableArrowScrollControlProps })] }), isScrollAvailable ? (_jsx("div", { className: "absolute top-0 right-0 bottom-0 w-[84px] bg-opacity-to-white" })) : null] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TariffsTable.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAC;
|
|
1
|
+
{"version":3,"file":"TariffsTable.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { BlockDef, Slot, SlotsMap } from './ContentPageDef';
|
|
2
2
|
export declare const DEFAULT_SLOT_NAME: null;
|
|
3
3
|
export declare type BlockAncestors = [keyof SlotsMap | typeof DEFAULT_SLOT_NAME, ...Slot[]];
|
|
4
|
+
export declare const DEFAULT_ANCESTORS: BlockAncestors;
|
|
4
5
|
interface BlockDecoratorProps<VNode> {
|
|
5
6
|
blockClassName: string;
|
|
6
7
|
block: BlockDef;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockDecorator.js","sourceRoot":"","sources":["../../src/model/BlockDecorator.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAC"}
|
|
1
|
+
{"version":3,"file":"BlockDecorator.js","sourceRoot":"","sources":["../../src/model/BlockDecorator.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAC;AAItC,MAAM,CAAC,MAAM,iBAAiB,GAAmB,CAAC,iBAAiB,CAAC,CAAC"}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import type { UNIComponent } from '@redneckz/uni-jsx';
|
|
2
2
|
import type { UniBlockProps } from './ContentPageDef';
|
|
3
3
|
import type { VNode } from './VNode';
|
|
4
|
-
export declare type JSXBlock<BlockProps = Record<string, any>> = UNIComponent<BlockProps & UniBlockProps, any, VNode | VNode[]
|
|
4
|
+
export declare type JSXBlock<BlockProps = Record<string, any>> = UNIComponent<BlockProps & UniBlockProps, any, VNode | VNode[]> & {
|
|
5
|
+
childrenTypes?: string[];
|
|
6
|
+
renderChild?: (child: VNode, i: number) => VNode;
|
|
7
|
+
};
|
|
5
8
|
export declare type BlocksRegistry<BlockProps = Record<string, any>> = Record<string, JSXBlock<BlockProps>>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { ColorPalette } from '../../model/ContentPageDef';
|
|
3
|
+
import type { IconName } from '../Icon/IconProps';
|
|
4
|
+
import type { FoldablePartProps } from './FoldablePartProps';
|
|
5
|
+
interface DefaultFoldButtonProps {
|
|
6
|
+
className?: string;
|
|
7
|
+
label: string;
|
|
8
|
+
icon: IconName;
|
|
9
|
+
dataTheme?: ColorPalette;
|
|
10
|
+
onClick?: () => void;
|
|
11
|
+
}
|
|
12
|
+
export declare const DefaultFoldButton: import("@redneckz/uni-jsx").UNIComponent<DefaultFoldButtonProps, any, any>;
|
|
13
|
+
export declare const renderDefaultFoldButton: ({ isUnfolded, onToggle }: FoldablePartProps) => JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { Img } from '../Img/Img.js';
|
|
4
|
+
export const DefaultFoldButton = JSX(({ className, label, icon, dataTheme = '', onClick }) => (_jsxs("button", { className: `border-none bg-primary-main hover:bg-primary-hover px-0 py-5 mb-[1px] w-full font-sans text-white flex justify-center cursor-pointer ${className || ''}`, "data-theme": dataTheme, onClick: onClick, children: [_jsx("span", { className: "text-h4 pr-3", children: label }), icon ? (_jsx(Img, { image: {
|
|
5
|
+
icon,
|
|
6
|
+
iconVersion: 'white',
|
|
7
|
+
}, className: "flex-shrink-0 my-auto", width: "20", height: "20", asSVG: true })) : null] })));
|
|
8
|
+
export const renderDefaultFoldButton = ({ isUnfolded, onToggle }) => {
|
|
9
|
+
const labels = ['Развернуть', 'Скрыть'];
|
|
10
|
+
const icons = ['ArrowDownIcon', 'ArrowUpIcon'];
|
|
11
|
+
return (_jsx(DefaultFoldButton, { icon: icons[Number(isUnfolded)], label: labels[Number(isUnfolded)], onClick: onToggle }));
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=DefaultFoldButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DefaultFoldButton.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/DefaultFoldButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAWjC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACvD,kBACE,SAAS,EAAE,wIACT,SAAS,IAAI,EACf,EAAE,gBACU,SAAS,EACrB,OAAO,EAAE,OAAO,aAEhB,eAAM,SAAS,EAAC,cAAc,YAAE,KAAK,GAAQ,EAC5C,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,GAAG,IACF,KAAK,EAAE;gBACL,IAAI;gBACJ,WAAW,EAAE,OAAO;aACrB,EACD,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAqB,EAAE,EAAE;IACrF,MAAM,MAAM,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IACxC,MAAM,KAAK,GAAe,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;IAE3D,OAAO,CACL,KAAC,iBAAiB,IAChB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAC/B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EACjC,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,16 +1,9 @@
|
|
|
1
1
|
import type { VNode } from '../../model/VNode';
|
|
2
|
-
|
|
3
|
-
isUnfolded: boolean;
|
|
4
|
-
onToggle: () => void;
|
|
5
|
-
}
|
|
2
|
+
import type { FoldablePartProps } from './FoldablePartProps';
|
|
6
3
|
export interface FoldableProps {
|
|
7
|
-
blocks?: VNode[];
|
|
8
|
-
hiddenBlocksNum?: number;
|
|
9
4
|
unfoldedByDefault?: boolean;
|
|
10
5
|
isFoldButtonOnTop?: boolean;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
renderFoldButton?: (props: RenderFoldButtonProps) => VNode;
|
|
6
|
+
renderFoldableSection: (props: FoldablePartProps) => VNode;
|
|
7
|
+
renderFoldButton?: (props: FoldablePartProps) => VNode;
|
|
14
8
|
}
|
|
15
9
|
export declare const Foldable: import("@redneckz/uni-jsx").UNIComponent<FoldableProps, any, any>;
|
|
16
|
-
export {};
|
|
@@ -1,29 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
import { DefaultButton } from './DefaultButton.js';
|
|
6
|
-
export const Foldable = JSX(({ blocks = [], hiddenBlocksNum = 0, isFoldButtonOnTop = false, unfoldedByDefault = false, containerClassName = '', blockWrapper = (_) => _, renderFoldButton = renderDefaultFoldButton, }) => {
|
|
3
|
+
import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
4
|
+
export const Foldable = JSX(({ isFoldButtonOnTop = false, unfoldedByDefault = false, renderFoldableSection, renderFoldButton, }) => {
|
|
7
5
|
const [isUnfolded, setIsUnfolded] = useState(unfoldedByDefault);
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
if (containerRef.current) {
|
|
15
|
-
containerRef.current.style.maxHeight = isUnfolded
|
|
16
|
-
? ''
|
|
17
|
-
: `${containerRef.current.scrollHeight}px`;
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
const buttonNode = hiddenBlocksNum ? renderFoldButton({ isUnfolded, onToggle }) : null;
|
|
21
|
-
const blocksNode = blockWrapper(_jsxs("div", { children: [visibleBlocks, _jsx("div", { ref: containerRef, className: `transition-max-h duration-300 overflow-hidden max-h-0 ${containerClassName}`, children: hiddenBlocks })] }));
|
|
22
|
-
return (_jsx("div", { children: isFoldButtonOnTop ? (_jsxs("div", { children: [buttonNode, blocksNode] })) : (_jsxs("div", { children: [blocksNode, buttonNode] })) }));
|
|
6
|
+
const onToggle = useCallback(() => {
|
|
7
|
+
setIsUnfolded((_) => !_);
|
|
8
|
+
}, []);
|
|
9
|
+
const sectionNode = renderFoldableSection({ isUnfolded, onToggle });
|
|
10
|
+
const buttonNode = renderFoldButton ? renderFoldButton({ isUnfolded, onToggle }) : null;
|
|
11
|
+
return isFoldButtonOnTop ? (_jsxs("div", { children: [buttonNode, sectionNode] })) : (_jsxs("div", { children: [sectionNode, buttonNode] }));
|
|
23
12
|
});
|
|
24
|
-
const renderDefaultFoldButton = (props) => {
|
|
25
|
-
const labels = ['Развернуть', 'Скрыть'];
|
|
26
|
-
const icons = ['ArrowDownIcon', 'ArrowUpIcon'];
|
|
27
|
-
return (_jsx(DefaultButton, { icon: icons[Number(props.isUnfolded)], label: labels[Number(props.isUnfolded)], onClick: props.onToggle }));
|
|
28
|
-
};
|
|
29
13
|
//# sourceMappingURL=Foldable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Foldable.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/Foldable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Foldable.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/Foldable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAWpE,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,iBAAiB,GAAG,KAAK,EACzB,iBAAiB,GAAG,KAAK,EACzB,qBAAqB,EACrB,gBAAgB,GACjB,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAEhE,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,qBAAqB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC;IACpE,MAAM,UAAU,GAAG,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAExF,OAAO,iBAAiB,CAAC,CAAC,CAAC,CACzB,0BACG,UAAU,EACV,WAAW,IACR,CACP,CAAC,CAAC,CAAC,CACF,0BACG,WAAW,EACX,UAAU,IACP,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FoldablePartProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/FoldablePartProps.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
|
|
4
|
+
export const FoldableSection = JSX(({ className = '', isUnfolded, children }) => {
|
|
5
|
+
const containerRef = useRef(null);
|
|
6
|
+
useEffect(() => {
|
|
7
|
+
if (containerRef.current) {
|
|
8
|
+
containerRef.current.style.maxHeight = isUnfolded
|
|
9
|
+
? `${containerRef.current.scrollHeight}px`
|
|
10
|
+
: '';
|
|
11
|
+
}
|
|
12
|
+
}, [isUnfolded]);
|
|
13
|
+
return (_jsx("div", { ref: containerRef, className: `transition-max-h duration-300 overflow-hidden max-h-0 ${className}`, children: children }));
|
|
14
|
+
});
|
|
15
|
+
//# sourceMappingURL=FoldableSection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FoldableSection.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/FoldableSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAOhE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAChC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3C,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,UAAU;gBAC/C,CAAC,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,YAAY,IAAI;gBAC1C,CAAC,CAAC,EAAE,CAAC;SACR;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,cACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,yDAAyD,SAAS,EAAE,YAE9E,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|