@bodynarf/react.components 1.7.3 → 1.7.4
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/{components → dist/components}/accordion/component/index.d.ts +1 -1
- package/{components → dist/components}/accordion/component/index.js +3 -3
- package/dist/components/accordion/types.d.ts +18 -0
- package/{components → dist/components}/anchor/component/index.d.ts +1 -1
- package/{components → dist/components}/anchor/component/index.js +2 -2
- package/{components → dist/components}/anchor/components/anchorWithIcon/index.d.ts +1 -1
- package/{components → dist/components}/anchor/components/anchorWithIcon/index.js +1 -1
- package/{components → dist/components}/anchor/components/simpleAnchor/index.d.ts +1 -1
- package/dist/components/anchor/types.d.ts +39 -0
- package/{components → dist/components}/button/component/index.d.ts +1 -1
- package/{components → dist/components}/button/component/index.js +3 -3
- package/{components → dist/components}/button/components/buttonWithIcon/index.d.ts +1 -1
- package/{components → dist/components}/button/components/buttonWithIcon/index.js +1 -1
- package/{components → dist/components}/button/components/simpleButton/index.d.ts +1 -1
- package/{components → dist/components}/button/types.d.ts +1 -1
- package/{components → dist/components}/dropdown/component/index.d.ts +1 -1
- package/{components → dist/components}/dropdown/component/index.js +2 -2
- package/{components → dist/components}/dropdown/components/compact/index.d.ts +1 -1
- package/{components → dist/components}/dropdown/components/compact/index.js +3 -3
- package/{components → dist/components}/dropdown/components/item/index.d.ts +1 -1
- package/{components → dist/components}/dropdown/components/label/index.d.ts +1 -1
- package/{components → dist/components}/dropdown/components/label/index.js +2 -2
- package/{components → dist/components}/dropdown/components/withLabel/index.d.ts +1 -1
- package/{components → dist/components}/dropdown/components/withLabel/index.js +4 -4
- package/dist/components/dropdown/types.d.ts +46 -0
- package/{components → dist/components}/icon/component/index.d.ts +1 -1
- package/{components → dist/components}/icon/component/index.js +1 -1
- package/dist/components/icon/types.d.ts +16 -0
- package/{components → dist/components}/paginator/component/index.d.ts +1 -1
- package/{components → dist/components}/paginator/component/index.js +1 -1
- package/{components → dist/components}/paginator/types.d.ts +1 -1
- package/{components → dist/components}/primitives/checkbox/component/index.d.ts +1 -1
- package/dist/components/primitives/checkbox/types.d.ts +25 -0
- package/{components → dist/components}/primitives/date/component/index.d.ts +1 -1
- package/{components → dist/components}/primitives/date/component/index.js +2 -2
- package/dist/components/primitives/date/types.d.ts +9 -0
- package/{components → dist/components}/primitives/multiline/component/index.d.ts +1 -1
- package/{components → dist/components}/primitives/multiline/component/index.js +2 -2
- package/{components → dist/components}/primitives/multiline/components/multilineWithLabel/index.d.ts +1 -1
- package/{components → dist/components}/primitives/multiline/components/multilineWithLabel/index.js +2 -2
- package/{components → dist/components}/primitives/multiline/components/multilineWithoutLabel/index.d.ts +1 -1
- package/{components → dist/components}/primitives/multiline/components/multilineWithoutLabel/index.js +2 -2
- package/dist/components/primitives/multiline/types.d.ts +11 -0
- package/{components → dist/components}/primitives/number/component/index.d.ts +1 -1
- package/{components → dist/components}/primitives/number/component/index.js +2 -2
- package/{components → dist/components}/primitives/number/components/withLabel/index.d.ts +1 -1
- package/{components → dist/components}/primitives/number/components/withLabel/index.js +2 -2
- package/{components → dist/components}/primitives/number/components/withoutLabel/index.d.ts +1 -1
- package/{components → dist/components}/primitives/number/components/withoutLabel/index.js +2 -2
- package/dist/components/primitives/number/types.d.ts +13 -0
- package/{components → dist/components}/primitives/password/component/index.d.ts +1 -1
- package/{components → dist/components}/primitives/password/component/index.js +2 -2
- package/{components → dist/components}/primitives/password/components/withLabel/index.d.ts +1 -1
- package/{components → dist/components}/primitives/password/components/withLabel/index.js +3 -3
- package/{components → dist/components}/primitives/password/components/withoutLabel/index.d.ts +1 -1
- package/{components → dist/components}/primitives/password/components/withoutLabel/index.js +3 -3
- package/dist/components/primitives/password/types.d.ts +10 -0
- package/{components → dist/components}/primitives/text/component/index.d.ts +1 -1
- package/{components → dist/components}/primitives/text/component/index.js +2 -2
- package/{components → dist/components}/primitives/text/components/textWithLabel/index.d.ts +1 -1
- package/{components → dist/components}/primitives/text/components/textWithLabel/index.js +2 -2
- package/{components → dist/components}/primitives/text/components/textWithoutLabel/index.d.ts +1 -1
- package/{components → dist/components}/primitives/text/components/textWithoutLabel/index.js +2 -2
- package/dist/components/primitives/text/types.d.ts +7 -0
- package/dist/components/primitives/types/baseProps.d.ts +30 -0
- package/{components → dist/components}/search/component/index.d.ts +1 -1
- package/{components → dist/components}/search/component/index.js +1 -1
- package/dist/components/search/types.d.ts +27 -0
- package/{components → dist/components}/tabs/component/index.d.ts +2 -2
- package/{components → dist/components}/tabs/component/index.js +4 -4
- package/{components → dist/components}/tabs/components/item/index.d.ts +1 -1
- package/{components → dist/components}/tabs/components/item/index.js +1 -1
- package/{components → dist/components}/tabs/types.d.ts +1 -1
- package/{components → dist/components}/tag/component/index.d.ts +1 -1
- package/{components → dist/components}/tag/component/index.js +1 -1
- package/dist/components/tag/types.d.ts +27 -0
- package/dist/package.json +41 -0
- package/dist/readme.md +56 -0
- package/{utils → dist/utils}/dataAttributes.d.ts +1 -1
- package/{utils → dist/utils}/formValidation.d.ts +1 -1
- package/{utils → dist/utils}/formValidation.js +1 -1
- package/package.json +5 -3
- package/src/common.scss +3 -0
- package/src/components/accordion/component/index.tsx +84 -0
- package/src/components/accordion/index.ts +2 -0
- package/{components/accordion/types.d.ts → src/components/accordion/types.ts} +6 -2
- package/src/components/anchor/component/index.tsx +40 -0
- package/src/components/anchor/component/style.scss +15 -0
- package/src/components/anchor/components/anchorWithIcon/index.tsx +45 -0
- package/src/components/anchor/components/simpleAnchor/index.tsx +16 -0
- package/src/components/anchor/index.ts +2 -0
- package/{components/anchor/types.d.ts → src/components/anchor/types.ts} +16 -1
- package/src/components/button/component/index.tsx +58 -0
- package/src/components/button/component/style.scss +12 -0
- package/src/components/button/components/buttonWithIcon/index.tsx +53 -0
- package/src/components/button/components/simpleButton/index.tsx +21 -0
- package/src/components/button/index.ts +2 -0
- package/src/components/button/types.ts +64 -0
- package/src/components/dropdown/component/index.tsx +20 -0
- package/src/components/dropdown/component/style.scss +120 -0
- package/src/components/dropdown/components/compact/index.tsx +121 -0
- package/src/components/dropdown/components/item/index.tsx +30 -0
- package/src/components/dropdown/components/label/index.tsx +68 -0
- package/src/components/dropdown/components/withLabel/index.tsx +201 -0
- package/src/components/dropdown/index.ts +2 -0
- package/{components/dropdown/types.d.ts → src/components/dropdown/types.ts} +15 -2
- package/src/components/icon/component/index.tsx +34 -0
- package/src/components/icon/component/style.scss +21 -0
- package/src/components/icon/index.ts +2 -0
- package/{components/icon/types.d.ts → src/components/icon/types.ts} +3 -1
- package/src/components/index.ts +13 -0
- package/src/components/paginator/component/index.tsx +131 -0
- package/src/components/paginator/index.ts +3 -0
- package/src/components/paginator/types.ts +40 -0
- package/src/components/paginator/utils.ts +19 -0
- package/src/components/primitives/checkbox/component/index.tsx +102 -0
- package/src/components/primitives/checkbox/component/style.scss +10 -0
- package/src/components/primitives/checkbox/index.ts +2 -0
- package/{components/primitives/checkbox/types.d.ts → src/components/primitives/checkbox/types.ts} +6 -2
- package/src/components/primitives/date/component/index.tsx +129 -0
- package/src/components/primitives/date/index.ts +2 -0
- package/{components/primitives/date/types.d.ts → src/components/primitives/date/types.ts} +2 -1
- package/src/components/primitives/index.ts +7 -0
- package/src/components/primitives/multiline/component/index.tsx +20 -0
- package/src/components/primitives/multiline/components/multilineWithLabel/index.tsx +125 -0
- package/src/components/primitives/multiline/components/multilineWithoutLabel/index.tsx +62 -0
- package/src/components/primitives/multiline/index.ts +2 -0
- package/{components/primitives/multiline/types.d.ts → src/components/primitives/multiline/types.ts} +3 -1
- package/src/components/primitives/number/component/index.tsx +17 -0
- package/src/components/primitives/number/components/withLabel/index.tsx +127 -0
- package/src/components/primitives/number/components/withoutLabel/index.tsx +66 -0
- package/src/components/primitives/number/index.ts +2 -0
- package/{components/primitives/number/types.d.ts → src/components/primitives/number/types.ts} +2 -1
- package/src/components/primitives/password/component/index.tsx +19 -0
- package/src/components/primitives/password/component/style.scss +16 -0
- package/src/components/primitives/password/components/withLabel/index.tsx +147 -0
- package/src/components/primitives/password/components/withoutLabel/index.tsx +79 -0
- package/src/components/primitives/password/index.ts +2 -0
- package/{components/primitives/password/types.d.ts → src/components/primitives/password/types.ts} +1 -1
- package/src/components/primitives/text/component/index.tsx +20 -0
- package/src/components/primitives/text/components/textWithLabel/index.tsx +123 -0
- package/src/components/primitives/text/components/textWithoutLabel/index.tsx +64 -0
- package/src/components/primitives/text/index.tsx +2 -0
- package/{components/primitives/text/types.d.ts → src/components/primitives/text/types.ts} +1 -1
- package/{components/primitives/types/baseProps.d.ts → src/components/primitives/types/baseProps.ts} +13 -1
- package/src/components/primitives/types/index.ts +3 -0
- package/src/components/primitives/types/label.ts +17 -0
- package/src/components/primitives/types/validation/index.ts +2 -0
- package/src/components/primitives/types/validation/state.ts +10 -0
- package/src/components/primitives/types/validation/status.ts +11 -0
- package/src/components/search/component/index.tsx +88 -0
- package/src/components/search/component/style.scss +24 -0
- package/src/components/search/index.ts +2 -0
- package/{components/search/types.d.ts → src/components/search/types.ts} +10 -2
- package/src/components/tabs/component/index.tsx +147 -0
- package/src/components/tabs/component/style.scss +12 -0
- package/src/components/tabs/components/item/index.tsx +86 -0
- package/src/components/tabs/index.ts +2 -0
- package/src/components/tabs/types.ts +52 -0
- package/src/components/tag/component/index.tsx +52 -0
- package/src/components/tag/component/style.scss +27 -0
- package/src/components/tag/index.ts +2 -0
- package/{components/tag/types.d.ts → src/components/tag/types.ts} +8 -1
- package/src/components/types.ts +87 -0
- package/src/hooks/index.ts +2 -0
- package/src/hooks/useComponentOutsideClick.ts +48 -0
- package/src/hooks/usePagination.ts +55 -0
- package/src/index.ts +3 -0
- package/src/utils/dataAttributes.ts +26 -0
- package/src/utils/formValidation.ts +42 -0
- package/src/utils/index.ts +2 -0
- package/tsconfig.json +42 -0
- /package/{components → dist/components}/accordion/component/index.d.ts.map +0 -0
- /package/{components → dist/components}/accordion/index.d.ts +0 -0
- /package/{components → dist/components}/accordion/index.d.ts.map +0 -0
- /package/{components → dist/components}/accordion/index.js +0 -0
- /package/{components → dist/components}/accordion/types.d.ts.map +0 -0
- /package/{components → dist/components}/accordion/types.js +0 -0
- /package/{components → dist/components}/anchor/component/index.d.ts.map +0 -0
- /package/{components → dist/components}/anchor/components/anchorWithIcon/index.d.ts.map +0 -0
- /package/{components → dist/components}/anchor/components/simpleAnchor/index.d.ts.map +0 -0
- /package/{components → dist/components}/anchor/components/simpleAnchor/index.js +0 -0
- /package/{components → dist/components}/anchor/index.d.ts +0 -0
- /package/{components → dist/components}/anchor/index.d.ts.map +0 -0
- /package/{components → dist/components}/anchor/index.js +0 -0
- /package/{components → dist/components}/anchor/types.d.ts.map +0 -0
- /package/{components → dist/components}/anchor/types.js +0 -0
- /package/{components → dist/components}/button/component/index.d.ts.map +0 -0
- /package/{components → dist/components}/button/components/buttonWithIcon/index.d.ts.map +0 -0
- /package/{components → dist/components}/button/components/simpleButton/index.d.ts.map +0 -0
- /package/{components → dist/components}/button/components/simpleButton/index.js +0 -0
- /package/{components → dist/components}/button/index.d.ts +0 -0
- /package/{components → dist/components}/button/index.d.ts.map +0 -0
- /package/{components → dist/components}/button/index.js +0 -0
- /package/{components → dist/components}/button/types.d.ts.map +0 -0
- /package/{components → dist/components}/button/types.js +0 -0
- /package/{components → dist/components}/dropdown/component/index.d.ts.map +0 -0
- /package/{components → dist/components}/dropdown/components/compact/index.d.ts.map +0 -0
- /package/{components → dist/components}/dropdown/components/item/index.d.ts.map +0 -0
- /package/{components → dist/components}/dropdown/components/item/index.js +0 -0
- /package/{components → dist/components}/dropdown/components/label/index.d.ts.map +0 -0
- /package/{components → dist/components}/dropdown/components/withLabel/index.d.ts.map +0 -0
- /package/{components → dist/components}/dropdown/index.d.ts +0 -0
- /package/{components → dist/components}/dropdown/index.d.ts.map +0 -0
- /package/{components → dist/components}/dropdown/index.js +0 -0
- /package/{components → dist/components}/dropdown/types.d.ts.map +0 -0
- /package/{components → dist/components}/dropdown/types.js +0 -0
- /package/{components → dist/components}/icon/component/index.d.ts.map +0 -0
- /package/{components → dist/components}/icon/index.d.ts +0 -0
- /package/{components → dist/components}/icon/index.d.ts.map +0 -0
- /package/{components → dist/components}/icon/index.js +0 -0
- /package/{components → dist/components}/icon/types.d.ts.map +0 -0
- /package/{components → dist/components}/icon/types.js +0 -0
- /package/{components → dist/components}/index.d.ts +0 -0
- /package/{components → dist/components}/index.d.ts.map +0 -0
- /package/{components → dist/components}/index.js +0 -0
- /package/{components → dist/components}/paginator/component/index.d.ts.map +0 -0
- /package/{components → dist/components}/paginator/index.d.ts +0 -0
- /package/{components → dist/components}/paginator/index.d.ts.map +0 -0
- /package/{components → dist/components}/paginator/index.js +0 -0
- /package/{components → dist/components}/paginator/types.d.ts.map +0 -0
- /package/{components → dist/components}/paginator/types.js +0 -0
- /package/{components → dist/components}/paginator/utils.d.ts +0 -0
- /package/{components → dist/components}/paginator/utils.d.ts.map +0 -0
- /package/{components → dist/components}/paginator/utils.js +0 -0
- /package/{components → dist/components}/primitives/checkbox/component/index.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/checkbox/component/index.js +0 -0
- /package/{components → dist/components}/primitives/checkbox/index.d.ts +0 -0
- /package/{components → dist/components}/primitives/checkbox/index.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/checkbox/index.js +0 -0
- /package/{components → dist/components}/primitives/checkbox/types.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/checkbox/types.js +0 -0
- /package/{components → dist/components}/primitives/date/component/index.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/date/index.d.ts +0 -0
- /package/{components → dist/components}/primitives/date/index.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/date/index.js +0 -0
- /package/{components → dist/components}/primitives/date/types.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/date/types.js +0 -0
- /package/{components → dist/components}/primitives/index.d.ts +0 -0
- /package/{components → dist/components}/primitives/index.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/index.js +0 -0
- /package/{components → dist/components}/primitives/multiline/component/index.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/multiline/components/multilineWithLabel/index.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/multiline/components/multilineWithoutLabel/index.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/multiline/index.d.ts +0 -0
- /package/{components → dist/components}/primitives/multiline/index.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/multiline/index.js +0 -0
- /package/{components → dist/components}/primitives/multiline/types.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/multiline/types.js +0 -0
- /package/{components → dist/components}/primitives/number/component/index.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/number/components/withLabel/index.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/number/components/withoutLabel/index.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/number/index.d.ts +0 -0
- /package/{components → dist/components}/primitives/number/index.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/number/index.js +0 -0
- /package/{components → dist/components}/primitives/number/types.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/number/types.js +0 -0
- /package/{components → dist/components}/primitives/password/component/index.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/password/components/withLabel/index.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/password/components/withoutLabel/index.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/password/index.d.ts +0 -0
- /package/{components → dist/components}/primitives/password/index.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/password/index.js +0 -0
- /package/{components → dist/components}/primitives/password/types.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/password/types.js +0 -0
- /package/{components → dist/components}/primitives/text/component/index.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/text/components/textWithLabel/index.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/text/components/textWithoutLabel/index.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/text/index.d.ts +0 -0
- /package/{components → dist/components}/primitives/text/index.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/text/index.js +0 -0
- /package/{components → dist/components}/primitives/text/types.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/text/types.js +0 -0
- /package/{components → dist/components}/primitives/types/baseProps.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/types/baseProps.js +0 -0
- /package/{components → dist/components}/primitives/types/index.d.ts +0 -0
- /package/{components → dist/components}/primitives/types/index.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/types/index.js +0 -0
- /package/{components → dist/components}/primitives/types/label.d.ts +0 -0
- /package/{components → dist/components}/primitives/types/label.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/types/label.js +0 -0
- /package/{components → dist/components}/primitives/types/validation/index.d.ts +0 -0
- /package/{components → dist/components}/primitives/types/validation/index.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/types/validation/index.js +0 -0
- /package/{components → dist/components}/primitives/types/validation/state.d.ts +0 -0
- /package/{components → dist/components}/primitives/types/validation/state.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/types/validation/state.js +0 -0
- /package/{components → dist/components}/primitives/types/validation/status.d.ts +0 -0
- /package/{components → dist/components}/primitives/types/validation/status.d.ts.map +0 -0
- /package/{components → dist/components}/primitives/types/validation/status.js +0 -0
- /package/{components → dist/components}/search/component/index.d.ts.map +0 -0
- /package/{components → dist/components}/search/index.d.ts +0 -0
- /package/{components → dist/components}/search/index.d.ts.map +0 -0
- /package/{components → dist/components}/search/index.js +0 -0
- /package/{components → dist/components}/search/types.d.ts.map +0 -0
- /package/{components → dist/components}/search/types.js +0 -0
- /package/{components → dist/components}/tabs/component/index.d.ts.map +0 -0
- /package/{components → dist/components}/tabs/components/item/index.d.ts.map +0 -0
- /package/{components → dist/components}/tabs/index.d.ts +0 -0
- /package/{components → dist/components}/tabs/index.d.ts.map +0 -0
- /package/{components → dist/components}/tabs/index.js +0 -0
- /package/{components → dist/components}/tabs/types.d.ts.map +0 -0
- /package/{components → dist/components}/tabs/types.js +0 -0
- /package/{components → dist/components}/tag/component/index.d.ts.map +0 -0
- /package/{components → dist/components}/tag/index.d.ts +0 -0
- /package/{components → dist/components}/tag/index.d.ts.map +0 -0
- /package/{components → dist/components}/tag/index.js +0 -0
- /package/{components → dist/components}/tag/types.d.ts.map +0 -0
- /package/{components → dist/components}/tag/types.js +0 -0
- /package/{components → dist/components}/types.d.ts +0 -0
- /package/{components → dist/components}/types.d.ts.map +0 -0
- /package/{components → dist/components}/types.js +0 -0
- /package/{hooks → dist/hooks}/index.d.ts +0 -0
- /package/{hooks → dist/hooks}/index.d.ts.map +0 -0
- /package/{hooks → dist/hooks}/index.js +0 -0
- /package/{hooks → dist/hooks}/useComponentOutsideClick.d.ts +0 -0
- /package/{hooks → dist/hooks}/useComponentOutsideClick.d.ts.map +0 -0
- /package/{hooks → dist/hooks}/useComponentOutsideClick.js +0 -0
- /package/{hooks → dist/hooks}/usePagination.d.ts +0 -0
- /package/{hooks → dist/hooks}/usePagination.d.ts.map +0 -0
- /package/{hooks → dist/hooks}/usePagination.js +0 -0
- /package/{index.d.ts → dist/index.d.ts} +0 -0
- /package/{index.d.ts.map → dist/index.d.ts.map} +0 -0
- /package/{index.js → dist/index.js} +0 -0
- /package/{tsconfig.tsbuildinfo → dist/tsconfig.tsbuildinfo} +0 -0
- /package/{utils → dist/utils}/dataAttributes.d.ts.map +0 -0
- /package/{utils → dist/utils}/dataAttributes.js +0 -0
- /package/{utils → dist/utils}/formValidation.d.ts.map +0 -0
- /package/{utils → dist/utils}/index.d.ts +0 -0
- /package/{utils → dist/utils}/index.d.ts.map +0 -0
- /package/{utils → dist/utils}/index.js +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import "./style.scss";
|
|
3
|
-
import { AccordionProps } from "
|
|
3
|
+
import { AccordionProps } from "../../accordion";
|
|
4
4
|
/** Accordion panel */
|
|
5
5
|
declare const Accordion: ({ children, caption, style, size, defaultExpanded, onToggle, className, data, title, }: AccordionProps) => JSX.Element;
|
|
6
6
|
export default Accordion;
|
|
@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { useCallback, useEffect, useRef, useState } from "react";
|
|
3
3
|
import { getClassName, isNullOrUndefined } from "@bodynarf/utils";
|
|
4
4
|
import "./style.scss";
|
|
5
|
-
import { ElementSize } from "
|
|
6
|
-
import Icon from "
|
|
7
|
-
import { mapDataAttributes } from "
|
|
5
|
+
import { ElementSize } from "../..";
|
|
6
|
+
import Icon from "../../icon";
|
|
7
|
+
import { mapDataAttributes } from "../../../utils";
|
|
8
8
|
/** Accordion panel */
|
|
9
9
|
const Accordion = ({ children, caption, style, size, defaultExpanded, onToggle, className, data, title, }) => {
|
|
10
10
|
const expandablePanelRef = useRef(null);
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { BaseElementProps, ElementColor, ElementSize } from "..";
|
|
3
|
+
/** Accordion panel props type */
|
|
4
|
+
export interface AccordionProps extends BaseElementProps {
|
|
5
|
+
/** Content that should be collapsed inside */
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
/** Collapsible panel caption */
|
|
8
|
+
caption: string;
|
|
9
|
+
/** Default expanded state */
|
|
10
|
+
defaultExpanded?: boolean;
|
|
11
|
+
/** Panel size */
|
|
12
|
+
size?: ElementSize;
|
|
13
|
+
/** Color */
|
|
14
|
+
style?: ElementColor;
|
|
15
|
+
/** Extra handler for toggling visibility. Doesn't affect component logic */
|
|
16
|
+
onToggle?: (collapsed: boolean) => void;
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import "./style.scss";
|
|
3
|
-
import { AnchorProps } from "
|
|
3
|
+
import { AnchorProps } from "../..";
|
|
4
4
|
/** Anchor component */
|
|
5
5
|
export default function Anchor(props: AnchorProps): JSX.Element;
|
|
6
6
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { isNullOrUndefined, isNullOrEmpty, getClassName } from "@bodynarf/utils";
|
|
3
3
|
import "./style.scss";
|
|
4
|
-
import { SimpleAnchor } from "
|
|
5
|
-
import { AnchorWithIcon } from "
|
|
4
|
+
import { SimpleAnchor } from "../../anchor/components/simpleAnchor";
|
|
5
|
+
import { AnchorWithIcon } from "../../anchor/components/anchorWithIcon";
|
|
6
6
|
/** Anchor component */
|
|
7
7
|
export default function Anchor(props) {
|
|
8
8
|
if (isNullOrUndefined(props.caption) && isNullOrUndefined(props.icon)) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { AnchorWithIconProps } from "
|
|
2
|
+
import { AnchorWithIconProps } from "../../../anchor";
|
|
3
3
|
/** Anchor with icon component */
|
|
4
4
|
export declare const AnchorWithIcon: ({ href, className, onClick, caption, title, target, icon }: AnchorWithIconProps) => JSX.Element;
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { isNullOrEmpty } from "@bodynarf/utils";
|
|
3
|
-
import Icon from "
|
|
3
|
+
import Icon from "../../../icon";
|
|
4
4
|
/** Anchor with icon component */
|
|
5
5
|
export const AnchorWithIcon = ({ href, className, onClick, caption, title, target, icon }) => {
|
|
6
6
|
const iconPosition = icon.position || "left";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { SimpleAnchorProps } from "
|
|
2
|
+
import { SimpleAnchorProps } from "../../../anchor";
|
|
3
3
|
/** Simple anchor component, without icon */
|
|
4
4
|
export declare const SimpleAnchor: ({ href, className, onClick, caption, title, target }: SimpleAnchorProps) => JSX.Element;
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { ElementIcon } from "..";
|
|
2
|
+
/** Anchor component props type */
|
|
3
|
+
export interface AnchorProps {
|
|
4
|
+
/** Link destination */
|
|
5
|
+
href?: string;
|
|
6
|
+
/** Link caption */
|
|
7
|
+
caption?: string;
|
|
8
|
+
/** Click handler */
|
|
9
|
+
onClick?: () => void;
|
|
10
|
+
/** Configuration od inner icon */
|
|
11
|
+
icon?: ElementIcon;
|
|
12
|
+
/** Title of anchor */
|
|
13
|
+
title?: string;
|
|
14
|
+
/** Where to open the linked document */
|
|
15
|
+
target?: "_blank" | "_top";
|
|
16
|
+
/** Additional class names */
|
|
17
|
+
className?: string;
|
|
18
|
+
/** Should css hovering effects be disabled */
|
|
19
|
+
disableHovering?: boolean;
|
|
20
|
+
}
|
|
21
|
+
export interface SimpleAnchorProps {
|
|
22
|
+
/** Link destination */
|
|
23
|
+
href?: string;
|
|
24
|
+
/** Class names */
|
|
25
|
+
className: string;
|
|
26
|
+
/** Click handler */
|
|
27
|
+
onClick?: () => void;
|
|
28
|
+
/** Link caption */
|
|
29
|
+
caption?: string;
|
|
30
|
+
/** Title of anchor */
|
|
31
|
+
title?: string;
|
|
32
|
+
/** Where to open the linked document */
|
|
33
|
+
target?: "_blank" | "_top";
|
|
34
|
+
}
|
|
35
|
+
export interface AnchorWithIconProps extends SimpleAnchorProps {
|
|
36
|
+
/** Configuration of icon */
|
|
37
|
+
icon: ElementIcon;
|
|
38
|
+
}
|
|
39
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { isNullOrEmpty, isNullOrUndefined, getClassName } from "@bodynarf/utils";
|
|
3
3
|
import "./style.scss";
|
|
4
|
-
import { mapDataAttributes } from "
|
|
5
|
-
import { ButtonWithIcon } from "
|
|
6
|
-
import { SimpleButton } from "
|
|
4
|
+
import { mapDataAttributes } from "../../../utils";
|
|
5
|
+
import { ButtonWithIcon } from "../../button/components/buttonWithIcon";
|
|
6
|
+
import { SimpleButton } from "../../button/components/simpleButton";
|
|
7
7
|
/**
|
|
8
8
|
* Button component
|
|
9
9
|
* @throws Caption is not defined and icon configuration is not defined at the same time
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { ButtonWithIconProps } from "
|
|
2
|
+
import { ButtonWithIconProps } from "../../../button";
|
|
3
3
|
/** Button with icon component */
|
|
4
4
|
export declare const ButtonWithIcon: ({ className, disabled, onClick, caption, title, icon, data, }: ButtonWithIconProps) => JSX.Element;
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { isNullOrEmpty } from "@bodynarf/utils";
|
|
3
|
-
import Icon from "
|
|
3
|
+
import Icon from "../../../icon";
|
|
4
4
|
/** Button with icon component */
|
|
5
5
|
export const ButtonWithIcon = ({ className, disabled, onClick, caption, title, icon, data, }) => {
|
|
6
6
|
const iconPosition = icon.position || "left";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { SimpleButtonProps } from "
|
|
2
|
+
import { SimpleButtonProps } from "../../../button";
|
|
3
3
|
/** Simple button component, without icon */
|
|
4
4
|
export declare const SimpleButton: ({ className, disabled, onClick, caption, title, data }: SimpleButtonProps) => JSX.Element;
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import "./style.scss";
|
|
3
|
-
import { DropdownProps } from "
|
|
3
|
+
import { DropdownProps } from "../../dropdown";
|
|
4
4
|
/** Dropdown component */
|
|
5
5
|
declare const Dropdown: (props: DropdownProps) => JSX.Element;
|
|
6
6
|
export default Dropdown;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { isNullOrUndefined } from "@bodynarf/utils";
|
|
3
3
|
import "./style.scss";
|
|
4
|
-
import DropdownWithLabel from "
|
|
5
|
-
import DropdownCompact from "
|
|
4
|
+
import DropdownWithLabel from "../../dropdown/components/withLabel";
|
|
5
|
+
import DropdownCompact from "../../dropdown/components/compact";
|
|
6
6
|
/** Dropdown component */
|
|
7
7
|
const Dropdown = (props) => {
|
|
8
8
|
if (!isNullOrUndefined(props.label)) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { DropdownProps } from "
|
|
2
|
+
import { DropdownProps } from "../../../dropdown";
|
|
3
3
|
declare const DropdownCompact: ({ items, value, onSelect, deselectable, className, hideOnOuterClick, listMaxHeight, placeholder, compact, disabled, }: DropdownProps) => JSX.Element;
|
|
4
4
|
export default DropdownCompact;
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useCallback, useId, useState } from "react";
|
|
3
3
|
import { getClassName, isNullOrEmpty, isNullOrUndefined } from "@bodynarf/utils";
|
|
4
|
-
import { useComponentOutsideClick } from "
|
|
5
|
-
import DropdownItem from "
|
|
6
|
-
import DropdownLabel from "
|
|
4
|
+
import { useComponentOutsideClick } from "../../../../hooks";
|
|
5
|
+
import DropdownItem from "../../../dropdown/components/item";
|
|
6
|
+
import DropdownLabel from "../../../dropdown/components/label";
|
|
7
7
|
const DropdownCompact = ({ items, value, onSelect, deselectable, className, hideOnOuterClick, listMaxHeight, placeholder, compact, disabled, }) => {
|
|
8
8
|
const id = useId();
|
|
9
9
|
const [isListVisible, setListVisible] = useState(false);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { getClassName, isNullOrEmpty, isNullOrUndefined } from "@bodynarf/utils";
|
|
3
|
-
import { ElementSize } from "
|
|
4
|
-
import Icon from "
|
|
3
|
+
import { ElementSize } from "../../..";
|
|
4
|
+
import Icon from "../../../icon";
|
|
5
5
|
/** Label component */
|
|
6
6
|
const DropdownLabel = ({ caption, selectedItem, onClick, deselectable, className, }) => {
|
|
7
7
|
const itemSelected = !isNullOrUndefined(selectedItem);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { DropdownProps } from "
|
|
2
|
+
import { DropdownProps } from "../../../dropdown";
|
|
3
3
|
declare const DropdownWithLabel: ({ items, value, onSelect, validationState, deselectable, className, hideOnOuterClick, listMaxHeight, label, placeholder, disabled }: DropdownProps) => JSX.Element;
|
|
4
4
|
export default DropdownWithLabel;
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useCallback, useId, useState } from "react";
|
|
3
3
|
import { isNullOrUndefined, isNullOrEmpty, getClassName } from "@bodynarf/utils";
|
|
4
|
-
import { getValidationValues } from "
|
|
5
|
-
import { useComponentOutsideClick } from "
|
|
6
|
-
import DropdownItem from "
|
|
7
|
-
import DropdownLabel from "
|
|
4
|
+
import { getValidationValues } from "../../../../utils";
|
|
5
|
+
import { useComponentOutsideClick } from "../../../../hooks";
|
|
6
|
+
import DropdownItem from "../../../dropdown/components/item";
|
|
7
|
+
import DropdownLabel from "../../../dropdown/components/label";
|
|
8
8
|
const DropdownWithLabel = ({ items, value, onSelect, validationState, deselectable, className, hideOnOuterClick, listMaxHeight, label, placeholder, disabled }) => {
|
|
9
9
|
const id = useId();
|
|
10
10
|
const [isListVisible, setListVisible] = useState(false);
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { BaseElementProps, InputLabel, ValidationState } from "..";
|
|
2
|
+
/** Dropdown item */
|
|
3
|
+
export interface SelectableItem {
|
|
4
|
+
/** Unique item identifier */
|
|
5
|
+
id: string;
|
|
6
|
+
/** Item value */
|
|
7
|
+
value: string;
|
|
8
|
+
/** Displaying text */
|
|
9
|
+
displayValue: string;
|
|
10
|
+
}
|
|
11
|
+
/** Dropdown component props type */
|
|
12
|
+
export interface DropdownProps extends BaseElementProps {
|
|
13
|
+
/** Items which can be selected */
|
|
14
|
+
items: Array<SelectableItem>;
|
|
15
|
+
/** Input element placeholder */
|
|
16
|
+
placeholder: string;
|
|
17
|
+
/**
|
|
18
|
+
* Action to update selected value, which stored outside
|
|
19
|
+
*/
|
|
20
|
+
onSelect: (item?: SelectableItem) => void;
|
|
21
|
+
/**
|
|
22
|
+
* Selected value.
|
|
23
|
+
* Must be stored outside
|
|
24
|
+
*/
|
|
25
|
+
value?: SelectableItem;
|
|
26
|
+
/** Hide dropdown list when its opened and user click outside */
|
|
27
|
+
hideOnOuterClick: boolean;
|
|
28
|
+
/** Can user deselect */
|
|
29
|
+
deselectable?: boolean;
|
|
30
|
+
/** Custom dropdown list max-height property */
|
|
31
|
+
listMaxHeight?: string;
|
|
32
|
+
/**
|
|
33
|
+
* Should dropdown be compact
|
|
34
|
+
* Will have width by maximum current selection item width
|
|
35
|
+
*/
|
|
36
|
+
compact?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Is element disabled
|
|
39
|
+
*/
|
|
40
|
+
disabled?: boolean;
|
|
41
|
+
/** Label configuration */
|
|
42
|
+
label?: InputLabel;
|
|
43
|
+
/** Current validation state */
|
|
44
|
+
validationState?: ValidationState;
|
|
45
|
+
}
|
|
46
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { getClassName } from "@bodynarf/utils";
|
|
3
3
|
import "./style.scss";
|
|
4
|
-
import { ElementSize } from "
|
|
4
|
+
import { ElementSize } from "../..";
|
|
5
5
|
const sizeToClassMap = new Map([
|
|
6
6
|
[ElementSize.Small, "bbr-icon--size-small"],
|
|
7
7
|
[ElementSize.Normal, ""],
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ElementSize } from "..";
|
|
2
|
+
/** Icon component props */
|
|
3
|
+
export interface IconProps {
|
|
4
|
+
/**
|
|
5
|
+
* Icon name. Must be without `bi-`
|
|
6
|
+
* @example ["Arrow repeat", "arrow-repeat"]
|
|
7
|
+
* // Icon name to icon class name.
|
|
8
|
+
* // For class name check bootstrap icons website
|
|
9
|
+
*/
|
|
10
|
+
name: string;
|
|
11
|
+
/** Additional classname */
|
|
12
|
+
className?: string;
|
|
13
|
+
/** Icon size */
|
|
14
|
+
size?: ElementSize;
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useCallback, useMemo } from "react";
|
|
3
3
|
import { getClassName, isNullOrEmpty } from "@bodynarf/utils";
|
|
4
|
-
import { generatePageNumbers } from "
|
|
4
|
+
import { generatePageNumbers } from "../../paginator";
|
|
5
5
|
/**
|
|
6
6
|
* Paginator component.
|
|
7
7
|
* Used for visualization of pagging configuration
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import "./style.scss";
|
|
3
|
-
import { CheckBoxProps } from "
|
|
3
|
+
import { CheckBoxProps } from "../../checkbox";
|
|
4
4
|
/** Boolean input component */
|
|
5
5
|
declare const CheckBox: ({ label, onValueChange, defaultValue, name, disabled, rounded, size, style, block, withoutBorder, hasBackgroundColor, fixBackgroundColor, isFormLabel, }: CheckBoxProps) => JSX.Element;
|
|
6
6
|
export default CheckBox;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { BaseInputElementProps } from "../..";
|
|
2
|
+
/** Checkbox component props type */
|
|
3
|
+
export interface CheckBoxProps extends BaseInputElementProps<boolean> {
|
|
4
|
+
/** Is full colored checkbox */
|
|
5
|
+
block?: boolean;
|
|
6
|
+
/** Remove the checkbox border */
|
|
7
|
+
withoutBorder?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* Checkbox has background color.
|
|
10
|
+
* Only works if style is set
|
|
11
|
+
*/
|
|
12
|
+
hasBackgroundColor?: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* Set unchecked background as transparent.
|
|
15
|
+
* Only used with `hasBackgroundColor` set as `true`
|
|
16
|
+
* @example `{ style: ElementColor.Info, hasBackgroundColor: true, fixBackgroundColor: true }` -
|
|
17
|
+
*/
|
|
18
|
+
fixBackgroundColor?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Display component with label as form element.
|
|
21
|
+
* Label will be placed at left
|
|
22
|
+
*/
|
|
23
|
+
isFormLabel?: boolean;
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import "../../../../common.scss";
|
|
3
|
-
import { DateProps } from "
|
|
3
|
+
import { DateProps } from "../../date";
|
|
4
4
|
/** Date input component */
|
|
5
5
|
declare const DatePicker: ({ defaultValue, onValueChange, readonly, disabled, validationState, name, size, className, rounded, loading, style, label, onBlur }: DateProps) => JSX.Element;
|
|
6
6
|
export default DatePicker;
|
|
@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { useCallback } from "react";
|
|
3
3
|
import { generateGuid, getClassName, getValueOrDefault, isStringEmpty } from "@bodynarf/utils";
|
|
4
4
|
import "../../../../common.scss";
|
|
5
|
-
import { ElementSize } from "
|
|
6
|
-
import { getValidationValues } from "
|
|
5
|
+
import { ElementSize } from "../../..";
|
|
6
|
+
import { getValidationValues } from "../../../../utils";
|
|
7
7
|
/** Date input component */
|
|
8
8
|
const DatePicker = ({ defaultValue, onValueChange, readonly, disabled, validationState, name, size, className, rounded, loading, style, label, onBlur }) => {
|
|
9
9
|
const onChange = useCallback((event) => onValueChange(isStringEmpty(event.target.value)
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { BaseInputElementProps, InputLabel } from "../..";
|
|
2
|
+
/** Date input component props type */
|
|
3
|
+
export interface DateProps extends Omit<BaseInputElementProps<Date | undefined>, "placeholder"> {
|
|
4
|
+
/** Label configuration */
|
|
5
|
+
label: InputLabel;
|
|
6
|
+
/** Focus out event handler */
|
|
7
|
+
onBlur?: () => void;
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import "../../../../common.scss";
|
|
3
|
-
import { MultilineProps } from "
|
|
3
|
+
import { MultilineProps } from "../../multiline";
|
|
4
4
|
/** Multiline textual input component */
|
|
5
5
|
declare const Multiline: (props: MultilineProps) => JSX.Element;
|
|
6
6
|
export default Multiline;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { isNullOrUndefined } from "@bodynarf/utils";
|
|
3
3
|
import "../../../../common.scss";
|
|
4
|
-
import MultilineWithoutLabel from "
|
|
5
|
-
import MultilineWithLabel from "
|
|
4
|
+
import MultilineWithoutLabel from "../../multiline/components/multilineWithoutLabel";
|
|
5
|
+
import MultilineWithLabel from "../../multiline/components/multilineWithLabel";
|
|
6
6
|
/** Multiline textual input component */
|
|
7
7
|
const Multiline = (props) => {
|
|
8
8
|
if (isNullOrUndefined(props.label)) {
|
package/{components → dist/components}/primitives/multiline/components/multilineWithLabel/index.d.ts
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { MultilineProps } from "
|
|
2
|
+
import { MultilineProps } from "../../../multiline";
|
|
3
3
|
/** Multiline textual input component with describing label */
|
|
4
4
|
declare const MultilineWithLabel: ({ defaultValue, onValueChange, validationState, readonly, disabled, name, className, size, style, rounded, loading, label, placeholder, fixed, rows, onBlur }: MultilineProps) => JSX.Element;
|
|
5
5
|
export default MultilineWithLabel;
|
package/{components → dist/components}/primitives/multiline/components/multilineWithLabel/index.js
RENAMED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useCallback } from "react";
|
|
3
3
|
import { generateGuid, getClassName, getValueOrDefault } from "@bodynarf/utils";
|
|
4
|
-
import { ElementSize } from "
|
|
5
|
-
import { getValidationValues } from "
|
|
4
|
+
import { ElementSize } from "../../../..";
|
|
5
|
+
import { getValidationValues } from "../../../../../utils";
|
|
6
6
|
/** Multiline textual input component with describing label */
|
|
7
7
|
const MultilineWithLabel = ({ defaultValue, onValueChange, validationState, readonly, disabled, name, className, size, style, rounded, loading, label, placeholder, fixed, rows, onBlur }) => {
|
|
8
8
|
const onChange = useCallback((event) => onValueChange(event.target.value), [onValueChange]);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { MultilineProps } from "
|
|
2
|
+
import { MultilineProps } from "../../../multiline";
|
|
3
3
|
/** Multiline textual input component without describing label*/
|
|
4
4
|
declare const MultilineWithoutLabel: ({ onValueChange, defaultValue, validationState, name, placeholder, onBlur, className, size, style, rounded, loading, fixed, rows, }: MultilineProps) => JSX.Element;
|
|
5
5
|
export default MultilineWithoutLabel;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useCallback } from "react";
|
|
3
3
|
import { generateGuid, getClassName, getValueOrDefault } from "@bodynarf/utils";
|
|
4
|
-
import { ElementSize } from "
|
|
5
|
-
import { getValidationValues } from "
|
|
4
|
+
import { ElementSize } from "../../../..";
|
|
5
|
+
import { getValidationValues } from "../../../../../utils";
|
|
6
6
|
/** Multiline textual input component without describing label*/
|
|
7
7
|
const MultilineWithoutLabel = ({ onValueChange, defaultValue, validationState, name, placeholder, onBlur, className, size, style, rounded, loading, fixed, rows, }) => {
|
|
8
8
|
const onChange = useCallback((event) => onValueChange(event.target.value), [onValueChange]);
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { BaseInputElementProps } from "../..";
|
|
2
|
+
/** Multiline textual input component props type */
|
|
3
|
+
export interface MultilineProps extends BaseInputElementProps<string> {
|
|
4
|
+
/** Is input should be resizable */
|
|
5
|
+
fixed?: boolean;
|
|
6
|
+
/** Number of initial rows count */
|
|
7
|
+
rows?: number;
|
|
8
|
+
/** Focus out event handler */
|
|
9
|
+
onBlur?: () => void;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { isNullOrUndefined } from "@bodynarf/utils";
|
|
3
|
-
import NumberWithLabel from "
|
|
4
|
-
import NumberWithoutLabel from "
|
|
3
|
+
import NumberWithLabel from "../../number/components/withLabel";
|
|
4
|
+
import NumberWithoutLabel from "../../number/components/withoutLabel";
|
|
5
5
|
/** Number input component */
|
|
6
6
|
const Number = (props) => {
|
|
7
7
|
if (isNullOrUndefined(props.label)) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { NumberProps } from "
|
|
2
|
+
import { NumberProps } from "../../../number";
|
|
3
3
|
/** Number component with label */
|
|
4
4
|
declare const NumberWithLabel: ({ onValueChange, readonly, disabled, defaultValue, validationState, name, className, size, style, rounded, loading, label, placeholder, onBlur, step, }: NumberProps) => JSX.Element;
|
|
5
5
|
export default NumberWithLabel;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useCallback } from "react";
|
|
3
3
|
import { generateGuid, getClassName, getValueOrDefault, isStringEmpty } from "@bodynarf/utils";
|
|
4
|
-
import { ElementSize } from "
|
|
5
|
-
import { getValidationValues } from "
|
|
4
|
+
import { ElementSize } from "../../../..";
|
|
5
|
+
import { getValidationValues } from "../../../../../utils";
|
|
6
6
|
/** Number component with label */
|
|
7
7
|
const NumberWithLabel = ({ onValueChange, readonly, disabled, defaultValue, validationState, name, className, size, style, rounded, loading, label, placeholder, onBlur, step, }) => {
|
|
8
8
|
const onChange = useCallback((event) => onValueChange(isStringEmpty(event.target.value) ? undefined : +event.target.value), [onValueChange]);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { NumberProps } from "
|
|
2
|
+
import { NumberProps } from "../../../number";
|
|
3
3
|
/** Number component without label */
|
|
4
4
|
declare const NumberWithoutLabel: ({ onValueChange, readonly, disabled, defaultValue, validationState, name, className, size, style, rounded, loading, placeholder, onBlur, step, }: NumberProps) => JSX.Element;
|
|
5
5
|
export default NumberWithoutLabel;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useCallback } from "react";
|
|
3
3
|
import { generateGuid, getClassName, getValueOrDefault } from "@bodynarf/utils";
|
|
4
|
-
import { ElementSize } from "
|
|
5
|
-
import { getValidationValues } from "
|
|
4
|
+
import { ElementSize } from "../../../..";
|
|
5
|
+
import { getValidationValues } from "../../../../../utils";
|
|
6
6
|
/** Number component without label */
|
|
7
7
|
const NumberWithoutLabel = ({ onValueChange, readonly, disabled, defaultValue, validationState, name, className, size, style, rounded, loading, placeholder, onBlur, step, }) => {
|
|
8
8
|
const onChange = useCallback((event) => onValueChange(+event.target.value), [onValueChange]);
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { BaseInputElementProps } from "../..";
|
|
2
|
+
/** Number component props type */
|
|
3
|
+
export interface NumberProps extends BaseInputElementProps<number> {
|
|
4
|
+
/** Focus out event handler */
|
|
5
|
+
onBlur?: () => void;
|
|
6
|
+
/**
|
|
7
|
+
* Difference which will be used to change value after step button click.
|
|
8
|
+
* See html input step documentation.
|
|
9
|
+
* @default 1
|
|
10
|
+
*/
|
|
11
|
+
step?: number;
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=types.d.ts.map
|