@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
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { Button } from '../../ui-kit/Button/Button';
|
|
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
|
+
import { renderItems } from './renderItems';
|
|
7
|
+
import { useLink } from '../../hooks/useLink';
|
|
8
|
+
|
|
9
|
+
export const renderStepContent =
|
|
10
|
+
({
|
|
11
|
+
styleMap,
|
|
12
|
+
isMainButton,
|
|
13
|
+
version,
|
|
14
|
+
router,
|
|
15
|
+
handlerDecorator,
|
|
16
|
+
}: {
|
|
17
|
+
styleMap: StyleType;
|
|
18
|
+
isMainButton: boolean;
|
|
19
|
+
version: BlockVersion;
|
|
20
|
+
router: Router;
|
|
21
|
+
handlerDecorator?: HandlerDecorator;
|
|
22
|
+
}) =>
|
|
23
|
+
(step: Step, i: number, { length }: { length: number }) => {
|
|
24
|
+
const { label, description, button, items, isDotted } = step;
|
|
25
|
+
|
|
26
|
+
const additionalMarginClass = `${button?.text ? 'mb-8' : ''} ${step?.label ? 'mt-2' : 'mt-4'}`;
|
|
27
|
+
const widthContainer = length < 5 ? 'w-[276px]' : 'w-[210px]';
|
|
28
|
+
|
|
29
|
+
return (
|
|
30
|
+
<div
|
|
31
|
+
key={String(i)}
|
|
32
|
+
className={`flex flex-col items-center text-center relative
|
|
33
|
+
whitespace-pre-line overflow-hidden ${widthContainer}`}
|
|
34
|
+
>
|
|
35
|
+
{renderStepLabel(label)}
|
|
36
|
+
{renderStepDescription({
|
|
37
|
+
description,
|
|
38
|
+
className: `${styleMap.description} ${additionalMarginClass}`,
|
|
39
|
+
})}
|
|
40
|
+
{renderItems({ items, isDotted, version, className: styleMap.description })}
|
|
41
|
+
{button?.text && !isMainButton ? (
|
|
42
|
+
<Button
|
|
43
|
+
className="box-border py-3 h-12 w-full max-w-[240px] mt-auto"
|
|
44
|
+
{...useLink({ router, handlerDecorator }, button)}
|
|
45
|
+
version={version}
|
|
46
|
+
>
|
|
47
|
+
{button.text}
|
|
48
|
+
</Button>
|
|
49
|
+
) : null}
|
|
50
|
+
</div>
|
|
51
|
+
);
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
const renderStepLabel = (label?: string) =>
|
|
55
|
+
label ? <div className="text-x6 m-0 mt-4">{label}</div> : null;
|
|
56
|
+
|
|
57
|
+
const renderStepDescription = ({
|
|
58
|
+
description,
|
|
59
|
+
className = '',
|
|
60
|
+
}: {
|
|
61
|
+
description?: string;
|
|
62
|
+
className?: string;
|
|
63
|
+
}) => (description ? <div className={className}>{description}</div> : null);
|
|
@@ -2,9 +2,10 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
2
2
|
import { useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
3
3
|
import { useTableArrowScrollControl } from '../../hooks/useTableArrowScrollControl';
|
|
4
4
|
import type { UniBlockProps } from '../../model/ContentPageDef';
|
|
5
|
-
import type { VNode } from '../../model/VNode';
|
|
6
5
|
import { BlockWrapper } from '../../ui-kit/BlockWrapper';
|
|
6
|
+
import { renderDefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton';
|
|
7
7
|
import { Foldable } from '../../ui-kit/Foldable/Foldable';
|
|
8
|
+
import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
|
|
8
9
|
import { Heading } from '../../ui-kit/Heading/Heading';
|
|
9
10
|
import { TableArrowScrollControl } from '../../ui-kit/TableArrowScrollControl/TableArrowScrollControl';
|
|
10
11
|
import type { TableArrowScrollControlProps } from '../../ui-kit/TableArrowScrollControl/TableArrowScrollControlProps';
|
|
@@ -42,7 +43,7 @@ export const TariffsTable = JSX<TariffsTableProps>(
|
|
|
42
43
|
setActiveCardIndex,
|
|
43
44
|
});
|
|
44
45
|
|
|
45
|
-
const
|
|
46
|
+
const rows = (rowData || []).map((row, i, { length }) => (
|
|
46
47
|
<TariffsTableRow
|
|
47
48
|
context={context}
|
|
48
49
|
key={String(i)}
|
|
@@ -52,6 +53,8 @@ export const TariffsTable = JSX<TariffsTableProps>(
|
|
|
52
53
|
rowIdx={i}
|
|
53
54
|
/>
|
|
54
55
|
));
|
|
56
|
+
const [visibleRows, hiddenRows] =
|
|
57
|
+
hiddenRowsNum > 0 ? [rows.slice(0, -hiddenRowsNum), rows.slice(-hiddenRowsNum)] : [rows, []];
|
|
55
58
|
|
|
56
59
|
return (
|
|
57
60
|
<BlockWrapper
|
|
@@ -61,37 +64,43 @@ export const TariffsTable = JSX<TariffsTableProps>(
|
|
|
61
64
|
context={context}
|
|
62
65
|
{...rest}
|
|
63
66
|
>
|
|
64
|
-
{title
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
className={`text-center ${description ? 'mb-2.5' : 'mb-8'}`}
|
|
68
|
-
title={title}
|
|
69
|
-
/>
|
|
70
|
-
) : null}
|
|
71
|
-
{description ? <div className="mb-9 text-center text-l">{description}</div> : null}
|
|
72
|
-
{rowData?.length ? (
|
|
67
|
+
{renderTitle({ title, description })}
|
|
68
|
+
{renderDescription(description)}
|
|
69
|
+
{hiddenRowsNum > 0 ? (
|
|
73
70
|
<Foldable
|
|
74
|
-
|
|
75
|
-
hiddenBlocksNum={hiddenRowsNum}
|
|
76
|
-
blockWrapper={(children) => (
|
|
71
|
+
renderFoldableSection={({ isUnfolded }) => (
|
|
77
72
|
<Wrapper tableArrowScrollControlProps={tableArrowScrollControlProps}>
|
|
78
|
-
{
|
|
73
|
+
{visibleRows}
|
|
74
|
+
<FoldableSection isUnfolded={isUnfolded}>{hiddenRows}</FoldableSection>
|
|
79
75
|
</Wrapper>
|
|
80
76
|
)}
|
|
77
|
+
renderFoldButton={renderDefaultFoldButton}
|
|
81
78
|
/>
|
|
82
|
-
) :
|
|
79
|
+
) : (
|
|
80
|
+
<Wrapper tableArrowScrollControlProps={tableArrowScrollControlProps}>{rows}</Wrapper>
|
|
81
|
+
)}
|
|
83
82
|
</BlockWrapper>
|
|
84
83
|
);
|
|
85
84
|
},
|
|
86
85
|
);
|
|
87
86
|
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
87
|
+
function renderTitle({ title, description }: { title?: string; description?: string }) {
|
|
88
|
+
return title ? (
|
|
89
|
+
<Heading
|
|
90
|
+
headingType="h3"
|
|
91
|
+
className={`text-center ${description ? 'mb-2.5' : 'mb-8'}`}
|
|
92
|
+
title={title}
|
|
93
|
+
/>
|
|
94
|
+
) : null;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
function renderDescription(description?: string) {
|
|
98
|
+
return description ? <div className="mb-9 text-center text-l">{description}</div> : null;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
const Wrapper = JSX<{
|
|
102
|
+
tableArrowScrollControlProps: TableArrowScrollControlProps;
|
|
103
|
+
}>(({ children, tableArrowScrollControlProps }) => {
|
|
95
104
|
const { isScrollAvailable } = tableArrowScrollControlProps;
|
|
96
105
|
|
|
97
106
|
return (
|
|
@@ -4,6 +4,8 @@ export const DEFAULT_SLOT_NAME = null;
|
|
|
4
4
|
|
|
5
5
|
export type BlockAncestors = [keyof SlotsMap | typeof DEFAULT_SLOT_NAME, ...Slot[]];
|
|
6
6
|
|
|
7
|
+
export const DEFAULT_ANCESTORS: BlockAncestors = [DEFAULT_SLOT_NAME];
|
|
8
|
+
|
|
7
9
|
interface BlockDecoratorProps<VNode> {
|
|
8
10
|
blockClassName: string;
|
|
9
11
|
block: BlockDef;
|
|
@@ -6,6 +6,9 @@ export type JSXBlock<BlockProps = Record<string, any>> = UNIComponent<
|
|
|
6
6
|
BlockProps & UniBlockProps,
|
|
7
7
|
any,
|
|
8
8
|
VNode | VNode[]
|
|
9
|
-
|
|
9
|
+
> & {
|
|
10
|
+
childrenTypes?: string[];
|
|
11
|
+
renderChild?: (child: VNode, i: number) => VNode;
|
|
12
|
+
};
|
|
10
13
|
|
|
11
14
|
export type BlocksRegistry<BlockProps = Record<string, any>> = Record<string, JSXBlock<BlockProps>>;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
+
import type { ColorPalette } from '../../model/ContentPageDef';
|
|
3
|
+
import type { IconName } from '../Icon/IconProps';
|
|
4
|
+
import { Img } from '../Img/Img';
|
|
5
|
+
import type { FoldablePartProps } from './FoldablePartProps';
|
|
6
|
+
|
|
7
|
+
interface DefaultFoldButtonProps {
|
|
8
|
+
className?: string;
|
|
9
|
+
label: string;
|
|
10
|
+
icon: IconName;
|
|
11
|
+
dataTheme?: ColorPalette;
|
|
12
|
+
onClick?: () => void;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export const DefaultFoldButton = JSX<DefaultFoldButtonProps>(
|
|
16
|
+
({ className, label, icon, dataTheme = '', onClick }) => (
|
|
17
|
+
<button
|
|
18
|
+
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 ${
|
|
19
|
+
className || ''
|
|
20
|
+
}`}
|
|
21
|
+
data-theme={dataTheme}
|
|
22
|
+
onClick={onClick}
|
|
23
|
+
>
|
|
24
|
+
<span className="text-h4 pr-3">{label}</span>
|
|
25
|
+
{icon ? (
|
|
26
|
+
<Img
|
|
27
|
+
image={{
|
|
28
|
+
icon,
|
|
29
|
+
iconVersion: 'white',
|
|
30
|
+
}}
|
|
31
|
+
className="flex-shrink-0 my-auto"
|
|
32
|
+
width="20"
|
|
33
|
+
height="20"
|
|
34
|
+
asSVG
|
|
35
|
+
/>
|
|
36
|
+
) : null}
|
|
37
|
+
</button>
|
|
38
|
+
),
|
|
39
|
+
);
|
|
40
|
+
|
|
41
|
+
export const renderDefaultFoldButton = ({ isUnfolded, onToggle }: FoldablePartProps) => {
|
|
42
|
+
const labels = ['Развернуть', 'Скрыть'];
|
|
43
|
+
const icons: IconName[] = ['ArrowDownIcon', 'ArrowUpIcon'];
|
|
44
|
+
|
|
45
|
+
return (
|
|
46
|
+
<DefaultFoldButton
|
|
47
|
+
icon={icons[Number(isUnfolded)]}
|
|
48
|
+
label={labels[Number(isUnfolded)]}
|
|
49
|
+
onClick={onToggle}
|
|
50
|
+
/>
|
|
51
|
+
);
|
|
52
|
+
};
|
|
@@ -1,89 +1,41 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
-
import {
|
|
2
|
+
import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
3
3
|
import type { VNode } from '../../model/VNode';
|
|
4
|
-
import {
|
|
5
|
-
import type { IconName } from '../Icon/IconProps';
|
|
6
|
-
import { DefaultButton } from './DefaultButton';
|
|
4
|
+
import type { FoldablePartProps } from './FoldablePartProps';
|
|
7
5
|
|
|
8
|
-
interface RenderFoldButtonProps {
|
|
9
|
-
isUnfolded: boolean;
|
|
10
|
-
onToggle: () => void;
|
|
11
|
-
}
|
|
12
6
|
export interface FoldableProps {
|
|
13
|
-
blocks?: VNode[];
|
|
14
|
-
hiddenBlocksNum?: number;
|
|
15
7
|
unfoldedByDefault?: boolean;
|
|
16
8
|
isFoldButtonOnTop?: boolean;
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
renderFoldButton?: (props: RenderFoldButtonProps) => VNode;
|
|
9
|
+
renderFoldableSection: (props: FoldablePartProps) => VNode;
|
|
10
|
+
renderFoldButton?: (props: FoldablePartProps) => VNode;
|
|
20
11
|
}
|
|
21
12
|
|
|
22
13
|
export const Foldable = JSX<FoldableProps>(
|
|
23
14
|
({
|
|
24
|
-
blocks = [],
|
|
25
|
-
hiddenBlocksNum = 0,
|
|
26
15
|
isFoldButtonOnTop = false,
|
|
27
16
|
unfoldedByDefault = false,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
renderFoldButton = renderDefaultFoldButton,
|
|
17
|
+
renderFoldableSection,
|
|
18
|
+
renderFoldButton,
|
|
31
19
|
}) => {
|
|
32
20
|
const [isUnfolded, setIsUnfolded] = useState(unfoldedByDefault);
|
|
33
|
-
const blocksToHide = clamp(hiddenBlocksNum, 0, blocks?.length);
|
|
34
|
-
const visibleBlocks = blocks.slice(0, blocks.length - blocksToHide);
|
|
35
|
-
const hiddenBlocks = blocksToHide > 0 ? blocks.slice(-blocksToHide) : [];
|
|
36
|
-
const containerRef = useRef<HTMLDivElement | null>(null);
|
|
37
21
|
|
|
38
|
-
const onToggle = () => {
|
|
39
|
-
setIsUnfolded(!
|
|
40
|
-
|
|
41
|
-
containerRef.current.style.maxHeight = isUnfolded
|
|
42
|
-
? ''
|
|
43
|
-
: `${containerRef.current.scrollHeight}px`;
|
|
44
|
-
}
|
|
45
|
-
};
|
|
22
|
+
const onToggle = useCallback(() => {
|
|
23
|
+
setIsUnfolded((_) => !_);
|
|
24
|
+
}, []);
|
|
46
25
|
|
|
47
|
-
const
|
|
48
|
-
const
|
|
49
|
-
<div>
|
|
50
|
-
{visibleBlocks}
|
|
51
|
-
<div
|
|
52
|
-
ref={containerRef}
|
|
53
|
-
className={`transition-max-h duration-300 overflow-hidden max-h-0 ${containerClassName}`}
|
|
54
|
-
>
|
|
55
|
-
{hiddenBlocks}
|
|
56
|
-
</div>
|
|
57
|
-
</div>,
|
|
58
|
-
);
|
|
26
|
+
const sectionNode = renderFoldableSection({ isUnfolded, onToggle });
|
|
27
|
+
const buttonNode = renderFoldButton ? renderFoldButton({ isUnfolded, onToggle }) : null;
|
|
59
28
|
|
|
60
|
-
return (
|
|
29
|
+
return isFoldButtonOnTop ? (
|
|
61
30
|
<div>
|
|
62
|
-
{
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
{blocksNode}
|
|
70
|
-
{buttonNode}
|
|
71
|
-
</div>
|
|
72
|
-
)}
|
|
31
|
+
{buttonNode}
|
|
32
|
+
{sectionNode}
|
|
33
|
+
</div>
|
|
34
|
+
) : (
|
|
35
|
+
<div>
|
|
36
|
+
{sectionNode}
|
|
37
|
+
{buttonNode}
|
|
73
38
|
</div>
|
|
74
39
|
);
|
|
75
40
|
},
|
|
76
41
|
);
|
|
77
|
-
|
|
78
|
-
const renderDefaultFoldButton = (props: RenderFoldButtonProps) => {
|
|
79
|
-
const labels = ['Развернуть', 'Скрыть'];
|
|
80
|
-
const icons: IconName[] = ['ArrowDownIcon', 'ArrowUpIcon'];
|
|
81
|
-
|
|
82
|
-
return (
|
|
83
|
-
<DefaultButton
|
|
84
|
-
icon={icons[Number(props.isUnfolded)]}
|
|
85
|
-
label={labels[Number(props.isUnfolded)]}
|
|
86
|
-
onClick={props.onToggle}
|
|
87
|
-
/>
|
|
88
|
-
);
|
|
89
|
-
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
+
import { useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
|
|
3
|
+
|
|
4
|
+
export interface FoldableSectionProps {
|
|
5
|
+
className?: string;
|
|
6
|
+
isUnfolded?: boolean;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export const FoldableSection = JSX<FoldableSectionProps>(
|
|
10
|
+
({ className = '', isUnfolded, children }) => {
|
|
11
|
+
const containerRef = useRef<HTMLDivElement | null>(null);
|
|
12
|
+
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
if (containerRef.current) {
|
|
15
|
+
containerRef.current.style.maxHeight = isUnfolded
|
|
16
|
+
? `${containerRef.current.scrollHeight}px`
|
|
17
|
+
: '';
|
|
18
|
+
}
|
|
19
|
+
}, [isUnfolded]);
|
|
20
|
+
|
|
21
|
+
return (
|
|
22
|
+
<div
|
|
23
|
+
ref={containerRef}
|
|
24
|
+
className={`transition-max-h duration-300 overflow-hidden max-h-0 ${className}`}
|
|
25
|
+
>
|
|
26
|
+
{children}
|
|
27
|
+
</div>
|
|
28
|
+
);
|
|
29
|
+
},
|
|
30
|
+
);
|
package/tailwind.config.cjs
CHANGED
|
@@ -216,6 +216,11 @@ module.exports = {
|
|
|
216
216
|
// Text
|
|
217
217
|
text: 'rgba(125, 126, 127, <alpha-value>)',
|
|
218
218
|
},
|
|
219
|
+
green: 'rgba(var(--color-green), <alpha-value>)',
|
|
220
|
+
'green-light': 'rgba(var(--color-green-light), <alpha-value>)',
|
|
221
|
+
'green-dark': 'rgba(var(--color-green-dark), <alpha-value>)',
|
|
222
|
+
'green-more-dark': 'rgba(var(--color-green-more-dark), <alpha-value>)',
|
|
223
|
+
yellow: 'rgba(var(--color-yellow), <alpha-value>)',
|
|
219
224
|
gray: 'rgba(201, 202, 204, <alpha-value>)',
|
|
220
225
|
error: 'rgba(242, 48, 48, <alpha-value>)',
|
|
221
226
|
},
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ColorPalette } from '../../model/ContentPageDef';
|
|
2
|
-
import { Picture } from '../../model/Picture';
|
|
3
|
-
import { IconName } from '../Icon/IconProps';
|
|
4
|
-
export interface FoldButtonProps {
|
|
5
|
-
className?: string;
|
|
6
|
-
hasContent?: boolean;
|
|
7
|
-
primaryIcon?: Picture;
|
|
8
|
-
icon: IconName;
|
|
9
|
-
label: string;
|
|
10
|
-
onClick: (e: any) => void;
|
|
11
|
-
dataTheme?: ColorPalette;
|
|
12
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const getAccordionItems: (items: any) => any;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
-
exports.isBlockInRegistry = void 0;
|
|
3
|
-
function isBlockInRegistry(blockType, registry) {
|
|
4
|
-
return (blockType || '') in registry;
|
|
5
|
-
}
|
|
6
|
-
exports.isBlockInRegistry = isBlockInRegistry;
|
|
7
|
-
//# sourceMappingURL=isBlockInRegistry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"isBlockInRegistry.js","sourceRoot":"","sources":["../../../src/components/ContentPage/isBlockInRegistry.ts"],"names":[],"mappings":";;AAEA,SAAgB,iBAAiB,CAAC,SAA6B,EAAE,QAAwB;IACvF,OAAO,CAAC,SAAS,IAAI,EAAE,CAAC,IAAI,QAAQ,CAAC;AACvC,CAAC;AAFD,8CAEC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
-
exports.DefaultButton = void 0;
|
|
3
|
-
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
-
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
-
const Img_1 = require("../Img/Img");
|
|
6
|
-
exports.DefaultButton = (0, uni_jsx_1.JSX)(({ icon, label, dataTheme = '', onClick }) => {
|
|
7
|
-
return ((0, jsx_runtime_1.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", "data-theme": dataTheme, onClick: onClick, children: [(0, jsx_runtime_1.jsx)("span", { className: "text-h4 pr-3", children: label }), icon ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { image: {
|
|
8
|
-
icon,
|
|
9
|
-
iconVersion: 'white',
|
|
10
|
-
}, className: "flex-shrink-0 my-auto", width: "20", height: "20", asSVG: true })) : null] }));
|
|
11
|
-
});
|
|
12
|
-
//# sourceMappingURL=DefaultButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultButton.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/DefaultButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,oCAAiC;AAGpB,QAAA,aAAa,GAAG,IAAA,aAAG,EAAkB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IAC7F,OAAO,CACL,oCACE,SAAS,EAAC,sIAAsI,gBACpI,SAAS,EACrB,OAAO,EAAE,OAAO,aAEhB,iCAAM,SAAS,EAAC,cAAc,YAAE,KAAK,GAAQ,EAC5C,IAAI,CAAC,CAAC,CAAC,CACN,uBAAC,SAAG,IACF,KAAK,EAAE;oBACL,IAAI;oBACJ,WAAW,EAAE,OAAO;iBACrB,EACD,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ColorPalette } from '../../model/ContentPageDef';
|
|
2
|
-
import { Picture } from '../../model/Picture';
|
|
3
|
-
import { IconName } from '../Icon/IconProps';
|
|
4
|
-
export interface FoldButtonProps {
|
|
5
|
-
className?: string;
|
|
6
|
-
hasContent?: boolean;
|
|
7
|
-
primaryIcon?: Picture;
|
|
8
|
-
icon: IconName;
|
|
9
|
-
label: string;
|
|
10
|
-
onClick: (e: any) => void;
|
|
11
|
-
dataTheme?: ColorPalette;
|
|
12
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FoldButtonProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/FoldButtonProps.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const getAccordionItems: (items: any) => any;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
-
exports.getAccordionItems = void 0;
|
|
3
|
-
const getAccordionItems = (items) => items?.map((item) => ({
|
|
4
|
-
label: item.text || '',
|
|
5
|
-
blocks: [
|
|
6
|
-
{
|
|
7
|
-
accordionBlockType: 'LinkList',
|
|
8
|
-
documents: item.items || [],
|
|
9
|
-
},
|
|
10
|
-
],
|
|
11
|
-
}));
|
|
12
|
-
exports.getAccordionItems = getAccordionItems;
|
|
13
|
-
//# sourceMappingURL=getAccordionItems.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"getAccordionItems.js","sourceRoot":"","sources":["../../src/utils/getAccordionItems.ts"],"names":[],"mappings":";;AAAO,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,EAAE,CACzC,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IACpB,KAAK,EAAE,IAAI,CAAC,IAAI,IAAI,EAAE;IACtB,MAAM,EAAE;QACN;YACE,kBAAkB,EAAE,UAAU;YAC9B,SAAS,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE;SAC5B;KACF;CACF,CAAC,CAAC,CAAC;AATO,QAAA,iBAAiB,qBASxB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"isBlockInRegistry.js","sourceRoot":"","sources":["../../../src/components/ContentPage/isBlockInRegistry.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,iBAAiB,CAAC,SAA6B,EAAE,QAAwB;IACvF,OAAO,CAAC,SAAS,IAAI,EAAE,CAAC,IAAI,QAAQ,CAAC;AACvC,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
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 DefaultButton = JSX(({ icon, label, dataTheme = '', onClick }) => {
|
|
5
|
-
return (_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", "data-theme": dataTheme, onClick: onClick, children: [_jsx("span", { className: "text-h4 pr-3", children: label }), icon ? (_jsx(Img, { image: {
|
|
6
|
-
icon,
|
|
7
|
-
iconVersion: 'white',
|
|
8
|
-
}, className: "flex-shrink-0 my-auto", width: "20", height: "20", asSVG: true })) : null] }));
|
|
9
|
-
});
|
|
10
|
-
//# sourceMappingURL=DefaultButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultButton.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/DefaultButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAGjC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAkB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IAC7F,OAAO,CACL,kBACE,SAAS,EAAC,sIAAsI,gBACpI,SAAS,EACrB,OAAO,EAAE,OAAO,aAEhB,eAAM,SAAS,EAAC,cAAc,YAAE,KAAK,GAAQ,EAC5C,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,GAAG,IACF,KAAK,EAAE;oBACL,IAAI;oBACJ,WAAW,EAAE,OAAO;iBACrB,EACD,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ColorPalette } from '../../model/ContentPageDef';
|
|
2
|
-
import { Picture } from '../../model/Picture';
|
|
3
|
-
import { IconName } from '../Icon/IconProps';
|
|
4
|
-
export interface FoldButtonProps {
|
|
5
|
-
className?: string;
|
|
6
|
-
hasContent?: boolean;
|
|
7
|
-
primaryIcon?: Picture;
|
|
8
|
-
icon: IconName;
|
|
9
|
-
label: string;
|
|
10
|
-
onClick: (e: any) => void;
|
|
11
|
-
dataTheme?: ColorPalette;
|
|
12
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FoldButtonProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/FoldButtonProps.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const getAccordionItems: (items: any) => any;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"getAccordionItems.js","sourceRoot":"","sources":["../../src/utils/getAccordionItems.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,EAAE,CACzC,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IACpB,KAAK,EAAE,IAAI,CAAC,IAAI,IAAI,EAAE;IACtB,MAAM,EAAE;QACN;YACE,kBAAkB,EAAE,UAAU;YAC9B,SAAS,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE;SAC5B;KACF;CACF,CAAC,CAAC,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ColorPalette } from '../../model/ContentPageDef';
|
|
2
|
-
import { Picture } from '../../model/Picture';
|
|
3
|
-
import { IconName } from '../Icon/IconProps';
|
|
4
|
-
export interface FoldButtonProps {
|
|
5
|
-
className?: string;
|
|
6
|
-
hasContent?: boolean;
|
|
7
|
-
primaryIcon?: Picture;
|
|
8
|
-
icon: IconName;
|
|
9
|
-
label: string;
|
|
10
|
-
onClick: (e: any) => void;
|
|
11
|
-
dataTheme?: ColorPalette;
|
|
12
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const getAccordionItems: (items: any) => any;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
-
exports.isBlockInRegistry = void 0;
|
|
3
|
-
function isBlockInRegistry(blockType, registry) {
|
|
4
|
-
return (blockType || '') in registry;
|
|
5
|
-
}
|
|
6
|
-
exports.isBlockInRegistry = isBlockInRegistry;
|
|
7
|
-
//# sourceMappingURL=isBlockInRegistry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"isBlockInRegistry.js","sourceRoot":"","sources":["../../../src/components/ContentPage/isBlockInRegistry.ts"],"names":[],"mappings":";;AAEA,SAAgB,iBAAiB,CAAC,SAA6B,EAAE,QAAwB;IACvF,OAAO,CAAC,SAAS,IAAI,EAAE,CAAC,IAAI,QAAQ,CAAC;AACvC,CAAC;AAFD,8CAEC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
-
exports.DefaultButton = void 0;
|
|
3
|
-
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
-
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
-
const Img_1 = require("../Img/Img");
|
|
6
|
-
exports.DefaultButton = (0, uni_jsx_1.JSX)(({ icon, label, dataTheme = '', onClick }) => {
|
|
7
|
-
return ((0, jsx_runtime_1.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", "data-theme": dataTheme, onClick: onClick, children: [(0, jsx_runtime_1.jsx)("span", { className: "text-h4 pr-3", children: label }), icon ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { image: {
|
|
8
|
-
icon,
|
|
9
|
-
iconVersion: 'white',
|
|
10
|
-
}, className: "flex-shrink-0 my-auto", width: "20", height: "20", asSVG: true })) : null] }));
|
|
11
|
-
});
|
|
12
|
-
//# sourceMappingURL=DefaultButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultButton.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/DefaultButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,oCAAiC;AAGpB,QAAA,aAAa,GAAG,IAAA,aAAG,EAAkB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IAC7F,OAAO,CACL,oCACE,SAAS,EAAC,sIAAsI,gBACpI,SAAS,EACrB,OAAO,EAAE,OAAO,aAEhB,iCAAM,SAAS,EAAC,cAAc,YAAE,KAAK,GAAQ,EAC5C,IAAI,CAAC,CAAC,CAAC,CACN,uBAAC,SAAG,IACF,KAAK,EAAE;oBACL,IAAI;oBACJ,WAAW,EAAE,OAAO;iBACrB,EACD,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}
|