@bodynarf/react.components 1.12.6 → 1.13.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/changelog.md +55 -0
- package/components/accordion/component/index.d.ts +6 -6
- package/components/accordion/component/index.d.ts.map +1 -1
- package/components/accordion/component/index.js +33 -35
- package/components/accordion/index.d.ts +2 -2
- package/components/accordion/index.js +2 -2
- package/components/accordion/types.d.ts +16 -17
- package/components/accordion/types.d.ts.map +1 -1
- package/components/accordion/types.js +1 -1
- package/components/anchor/component/index.d.ts +7 -5
- package/components/anchor/component/index.d.ts.map +1 -1
- package/components/anchor/component/index.js +23 -20
- package/components/anchor/components/anchorWithIcon/index.d.ts +10 -10
- package/components/anchor/components/anchorWithIcon/index.d.ts.map +1 -1
- package/components/anchor/components/anchorWithIcon/index.js +24 -24
- package/components/anchor/components/simpleAnchor/index.d.ts +4 -5
- package/components/anchor/components/simpleAnchor/index.d.ts.map +1 -1
- package/components/anchor/components/simpleAnchor/index.js +11 -11
- package/components/anchor/index.d.ts +2 -2
- package/components/anchor/index.js +2 -2
- package/components/anchor/types.d.ts +19 -16
- package/components/anchor/types.d.ts.map +1 -1
- package/components/anchor/types.js +1 -1
- package/components/breadcrumbs/component/index.d.ts +8 -8
- package/components/breadcrumbs/component/index.d.ts.map +1 -1
- package/components/breadcrumbs/component/index.js +38 -37
- package/components/breadcrumbs/index.d.ts +2 -2
- package/components/breadcrumbs/index.js +2 -2
- package/components/breadcrumbs/types.d.ts +54 -46
- package/components/breadcrumbs/types.d.ts.map +1 -1
- package/components/breadcrumbs/types.js +1 -1
- package/components/button/component/index.d.ts +9 -8
- package/components/button/component/index.d.ts.map +1 -1
- package/components/button/component/index.js +35 -33
- package/components/button/components/buttonWithIcon/index.d.ts +5 -4
- package/components/button/components/buttonWithIcon/index.d.ts.map +1 -1
- package/components/button/components/buttonWithIcon/index.js +27 -27
- package/components/button/components/simpleButton/index.d.ts +5 -5
- package/components/button/components/simpleButton/index.d.ts.map +1 -1
- package/components/button/components/simpleButton/index.js +11 -11
- package/components/button/index.d.ts +2 -2
- package/components/button/index.js +2 -2
- package/components/button/types.d.ts +71 -37
- package/components/button/types.d.ts.map +1 -1
- package/components/button/types.js +30 -1
- package/components/dropdown/component/index.d.ts +6 -6
- package/components/dropdown/component/index.d.ts.map +1 -1
- package/components/dropdown/component/index.js +12 -12
- package/components/dropdown/components/compact/index.d.ts +10 -10
- package/components/dropdown/components/compact/index.d.ts.map +1 -1
- package/components/dropdown/components/compact/index.js +80 -80
- package/components/dropdown/components/item/index.d.ts +14 -14
- package/components/dropdown/components/item/index.d.ts.map +1 -1
- package/components/dropdown/components/item/index.js +39 -38
- package/components/dropdown/components/label/component/index.d.ts +26 -26
- package/components/dropdown/components/label/component/index.d.ts.map +1 -1
- package/components/dropdown/components/label/component/index.js +16 -16
- package/components/dropdown/components/label/components/empty/index.d.ts +7 -7
- package/components/dropdown/components/label/components/empty/index.d.ts.map +1 -1
- package/components/dropdown/components/label/components/empty/index.js +16 -16
- package/components/dropdown/components/label/components/selected/index.d.ts +7 -7
- package/components/dropdown/components/label/components/selected/index.d.ts.map +1 -1
- package/components/dropdown/components/label/components/selected/index.js +20 -20
- package/components/dropdown/components/label/components/selectedWithIcon/index.d.ts +7 -7
- package/components/dropdown/components/label/components/selectedWithIcon/index.d.ts.map +1 -1
- package/components/dropdown/components/label/components/selectedWithIcon/index.js +28 -28
- package/components/dropdown/components/label/components/withSearch/index.d.ts +15 -15
- package/components/dropdown/components/label/components/withSearch/index.d.ts.map +1 -1
- package/components/dropdown/components/label/components/withSearch/index.js +33 -33
- package/components/dropdown/components/label/index.d.ts +1 -1
- package/components/dropdown/components/label/index.js +1 -1
- package/components/dropdown/components/withLabel/index.d.ts +5 -5
- package/components/dropdown/components/withLabel/index.js +11 -11
- package/components/dropdown/index.d.ts +2 -2
- package/components/dropdown/index.js +2 -2
- package/components/dropdown/types.d.ts +65 -64
- package/components/dropdown/types.d.ts.map +1 -1
- package/components/dropdown/types.js +1 -1
- package/components/file/component/index.d.ts +6 -6
- package/components/file/component/index.d.ts.map +1 -1
- package/components/file/component/index.js +51 -50
- package/components/file/component/styles.scss +13 -0
- package/components/file/index.d.ts +2 -2
- package/components/file/index.js +2 -2
- package/components/file/types.d.ts +31 -31
- package/components/file/types.d.ts.map +1 -1
- package/components/file/types.js +1 -1
- package/components/icon/component/index.d.ts +8 -8
- package/components/icon/component/index.d.ts.map +1 -1
- package/components/icon/component/index.js +23 -28
- package/components/icon/component/style.scss +3 -3
- package/components/icon/index.d.ts +2 -2
- package/components/icon/index.js +2 -2
- package/components/icon/types.d.ts +13 -15
- package/components/icon/types.d.ts.map +1 -1
- package/components/icon/types.js +1 -1
- package/components/index.d.ts +10 -10
- package/components/index.js +10 -10
- package/components/multiselect/component/index.d.ts +7 -7
- package/components/multiselect/component/index.js +13 -13
- package/components/multiselect/components/item/index.d.ts +24 -24
- package/components/multiselect/components/item/index.d.ts.map +1 -1
- package/components/multiselect/components/item/index.js +63 -62
- package/components/multiselect/components/label/component/index.d.ts +19 -19
- package/components/multiselect/components/label/component/index.d.ts.map +1 -1
- package/components/multiselect/components/label/component/index.js +12 -12
- package/components/multiselect/components/label/components/empty/index.d.ts +7 -7
- package/components/multiselect/components/label/components/empty/index.d.ts.map +1 -1
- package/components/multiselect/components/label/components/empty/index.js +16 -16
- package/components/multiselect/components/label/components/nonEmpty/index.d.ts +7 -7
- package/components/multiselect/components/label/components/nonEmpty/index.d.ts.map +1 -1
- package/components/multiselect/components/label/components/nonEmpty/index.js +16 -16
- package/components/multiselect/components/label/index.d.ts +1 -1
- package/components/multiselect/components/label/index.js +1 -1
- package/components/multiselect/components/withLabel/index.d.ts +5 -5
- package/components/multiselect/components/withLabel/index.js +11 -11
- package/components/multiselect/components/withoutLabel/index.d.ts +9 -9
- package/components/multiselect/components/withoutLabel/index.d.ts.map +1 -1
- package/components/multiselect/components/withoutLabel/index.js +85 -84
- package/components/multiselect/index.d.ts +2 -2
- package/components/multiselect/index.js +2 -2
- package/components/multiselect/types.d.ts +32 -40
- package/components/multiselect/types.d.ts.map +1 -1
- package/components/multiselect/types.js +1 -1
- package/components/paginator/component/index.d.ts +8 -8
- package/components/paginator/component/index.d.ts.map +1 -1
- package/components/paginator/component/index.js +65 -70
- package/components/paginator/index.d.ts +2 -2
- package/components/paginator/index.js +2 -2
- package/components/paginator/types.d.ts +54 -54
- package/components/paginator/types.d.ts.map +1 -1
- package/components/paginator/types.js +1 -1
- package/components/primitives/checkbox/component/index.d.ts +6 -6
- package/components/primitives/checkbox/component/index.d.ts.map +1 -1
- package/components/primitives/checkbox/component/index.js +43 -41
- package/components/primitives/checkbox/index.d.ts +2 -2
- package/components/primitives/checkbox/index.js +2 -2
- package/components/primitives/checkbox/types.d.ts +26 -24
- package/components/primitives/checkbox/types.d.ts.map +1 -1
- package/components/primitives/checkbox/types.js +1 -1
- package/components/primitives/color/component/index.d.ts +6 -6
- package/components/primitives/color/component/index.d.ts.map +1 -1
- package/components/primitives/color/component/index.js +10 -10
- package/components/primitives/color/components/picker/index.d.ts +19 -19
- package/components/primitives/color/components/picker/index.d.ts.map +1 -1
- package/components/primitives/color/components/picker/index.js +43 -42
- package/components/primitives/color/components/withLabel/index.d.ts +5 -5
- package/components/primitives/color/components/withLabel/index.d.ts.map +1 -1
- package/components/primitives/color/components/withLabel/index.js +25 -25
- package/components/primitives/color/components/withoutLabel/index.d.ts +5 -5
- package/components/primitives/color/components/withoutLabel/index.d.ts.map +1 -1
- package/components/primitives/color/components/withoutLabel/index.js +21 -21
- package/components/primitives/color/index.d.ts +2 -2
- package/components/primitives/color/index.js +2 -2
- package/components/primitives/color/types.d.ts +23 -23
- package/components/primitives/color/types.d.ts.map +1 -1
- package/components/primitives/color/types.js +1 -1
- package/components/primitives/date/component/index.d.ts +6 -6
- package/components/primitives/date/component/index.d.ts.map +1 -1
- package/components/primitives/date/component/index.js +31 -31
- package/components/primitives/date/index.d.ts +2 -2
- package/components/primitives/date/index.js +2 -2
- package/components/primitives/date/types.d.ts +3 -8
- package/components/primitives/date/types.d.ts.map +1 -1
- package/components/primitives/date/types.js +1 -1
- package/components/primitives/index.d.ts +7 -7
- package/components/primitives/index.js +7 -7
- package/components/primitives/internal/componentWithLabel/index.d.ts +16 -16
- package/components/primitives/internal/componentWithLabel/index.d.ts.map +1 -1
- package/components/primitives/internal/componentWithLabel/index.js +30 -30
- package/components/primitives/internal/hint/index.d.ts +8 -8
- package/components/primitives/internal/hint/index.d.ts.map +1 -1
- package/components/primitives/internal/hint/index.js +49 -48
- package/components/primitives/multiline/component/index.d.ts +5 -5
- package/components/primitives/multiline/component/index.d.ts.map +1 -1
- package/components/primitives/multiline/component/index.js +11 -11
- package/components/primitives/multiline/components/withLabel/index.d.ts +5 -5
- package/components/primitives/multiline/components/withLabel/index.d.ts.map +1 -1
- package/components/primitives/multiline/components/withLabel/index.js +27 -27
- package/components/primitives/multiline/components/withoutLabel/index.d.ts +5 -5
- package/components/primitives/multiline/components/withoutLabel/index.d.ts.map +1 -1
- package/components/primitives/multiline/components/withoutLabel/index.js +27 -27
- package/components/primitives/multiline/index.d.ts +2 -2
- package/components/primitives/multiline/index.js +2 -2
- package/components/primitives/multiline/types.d.ts +8 -10
- package/components/primitives/multiline/types.d.ts.map +1 -1
- package/components/primitives/multiline/types.js +1 -1
- package/components/primitives/number/component/index.d.ts +5 -5
- package/components/primitives/number/component/index.d.ts.map +1 -1
- package/components/primitives/number/component/index.js +11 -11
- package/components/primitives/number/components/withLabel/index.d.ts +5 -5
- package/components/primitives/number/components/withLabel/index.d.ts.map +1 -1
- package/components/primitives/number/components/withLabel/index.js +27 -27
- package/components/primitives/number/components/withoutLabel/index.d.ts +5 -5
- package/components/primitives/number/components/withoutLabel/index.d.ts.map +1 -1
- package/components/primitives/number/components/withoutLabel/index.js +27 -27
- package/components/primitives/number/index.d.ts +2 -2
- package/components/primitives/number/index.js +2 -2
- package/components/primitives/number/types.d.ts +10 -12
- package/components/primitives/number/types.d.ts.map +1 -1
- package/components/primitives/number/types.js +1 -1
- package/components/primitives/password/component/index.d.ts +6 -5
- package/components/primitives/password/component/index.d.ts.map +1 -1
- package/components/primitives/password/component/index.js +12 -12
- package/components/primitives/password/components/withLabel/index.d.ts +4 -3
- package/components/primitives/password/components/withLabel/index.d.ts.map +1 -1
- package/components/primitives/password/components/withLabel/index.js +34 -34
- package/components/primitives/password/components/withoutLabel/index.d.ts +4 -3
- package/components/primitives/password/components/withoutLabel/index.d.ts.map +1 -1
- package/components/primitives/password/components/withoutLabel/index.js +34 -34
- package/components/primitives/password/index.d.ts +2 -2
- package/components/primitives/password/index.js +2 -2
- package/components/primitives/password/types.d.ts +14 -14
- package/components/primitives/password/types.d.ts.map +1 -1
- package/components/primitives/password/types.js +1 -1
- package/components/primitives/text/component/index.d.ts +5 -5
- package/components/primitives/text/component/index.d.ts.map +1 -1
- package/components/primitives/text/component/index.js +11 -11
- package/components/primitives/text/components/withLabel/index.d.ts +5 -5
- package/components/primitives/text/components/withLabel/index.d.ts.map +1 -1
- package/components/primitives/text/components/withLabel/index.js +27 -27
- package/components/primitives/text/components/withoutLabel/index.d.ts +5 -5
- package/components/primitives/text/components/withoutLabel/index.d.ts.map +1 -1
- package/components/primitives/text/components/withoutLabel/index.js +27 -27
- package/components/primitives/text/index.d.ts +2 -2
- package/components/primitives/text/index.js +2 -2
- package/components/primitives/text/types.d.ts +3 -6
- package/components/primitives/text/types.d.ts.map +1 -1
- package/components/primitives/text/types.js +1 -1
- package/components/search/component/index.d.ts +6 -5
- package/components/search/component/index.d.ts.map +1 -1
- package/components/search/component/index.js +41 -40
- package/components/search/index.d.ts +2 -2
- package/components/search/index.js +2 -2
- package/components/search/types.d.ts +41 -41
- package/components/search/types.d.ts.map +1 -1
- package/components/search/types.js +1 -1
- package/components/table/component/index.d.ts +8 -9
- package/components/table/component/index.d.ts.map +1 -1
- package/components/table/component/index.js +28 -29
- package/components/table/components/heading/index.d.ts +14 -12
- package/components/table/components/heading/index.d.ts.map +1 -1
- package/components/table/components/heading/index.js +21 -21
- package/components/table/index.d.ts +2 -2
- package/components/table/index.js +2 -2
- package/components/table/types.d.ts +52 -52
- package/components/table/types.d.ts.map +1 -1
- package/components/table/types.js +1 -1
- package/components/tabs/component/index.d.ts +9 -9
- package/components/tabs/component/index.d.ts.map +1 -1
- package/components/tabs/component/index.js +68 -74
- package/components/tabs/components/item/index.d.ts +12 -12
- package/components/tabs/components/item/index.d.ts.map +1 -1
- package/components/tabs/components/item/index.js +29 -28
- package/components/tabs/index.d.ts +2 -2
- package/components/tabs/index.js +2 -2
- package/components/tabs/types.d.ts +54 -54
- package/components/tabs/types.js +22 -22
- package/components/tag/component/index.d.ts +6 -6
- package/components/tag/component/index.d.ts.map +1 -1
- package/components/tag/component/index.js +32 -32
- package/components/tag/index.d.ts +2 -2
- package/components/tag/index.js +2 -2
- package/components/tag/types.d.ts +24 -26
- package/components/tag/types.d.ts.map +1 -1
- package/components/tag/types.js +1 -1
- package/hooks/index.d.ts +11 -5
- package/hooks/index.d.ts.map +1 -1
- package/hooks/index.js +11 -5
- package/hooks/useComponentOutsideClick.d.ts +11 -11
- package/hooks/useComponentOutsideClick.d.ts.map +1 -1
- package/hooks/useComponentOutsideClick.js +31 -31
- package/hooks/useDebounceHandler.d.ts +17 -17
- package/hooks/useDebounceHandler.d.ts.map +1 -1
- package/hooks/useDebounceHandler.js +30 -30
- package/hooks/useEventListener.d.ts +13 -0
- package/hooks/useEventListener.d.ts.map +1 -0
- package/hooks/useEventListener.js +23 -0
- package/hooks/useInterval.d.ts +12 -0
- package/hooks/useInterval.d.ts.map +1 -0
- package/hooks/useInterval.js +23 -0
- package/hooks/useLocalStorage.d.ts +13 -0
- package/hooks/useLocalStorage.d.ts.map +1 -0
- package/hooks/useLocalStorage.js +23 -0
- package/hooks/useMount.d.ts +11 -11
- package/hooks/useMount.d.ts.map +1 -1
- package/hooks/useMount.js +16 -16
- package/hooks/usePagination.d.ts +19 -19
- package/hooks/usePagination.d.ts.map +1 -1
- package/hooks/usePagination.js +37 -37
- package/hooks/usePrevious.d.ts +12 -0
- package/hooks/usePrevious.d.ts.map +1 -0
- package/hooks/usePrevious.js +18 -0
- package/hooks/useTimeout.d.ts +12 -0
- package/hooks/useTimeout.d.ts.map +1 -0
- package/hooks/useTimeout.js +23 -0
- package/hooks/useUnmount.d.ts +8 -8
- package/hooks/useUnmount.d.ts.map +1 -1
- package/hooks/useUnmount.js +22 -22
- package/hooks/useUpdateEffect.d.ts +16 -0
- package/hooks/useUpdateEffect.d.ts.map +1 -0
- package/hooks/useUpdateEffect.js +25 -0
- package/index.d.ts +4 -4
- package/index.js +4 -4
- package/package.json +12 -10
- package/tsconfig.tsbuildinfo +1 -1
- package/types/{baseElementProps.d.ts → base/baseElementProps.d.ts} +10 -10
- package/types/base/baseElementProps.d.ts.map +1 -0
- package/types/{baseElementProps.js → base/baseElementProps.js} +1 -1
- package/types/{baseInputElementProps.d.ts → base/baseInputElementProps.d.ts} +49 -41
- package/types/base/baseInputElementProps.d.ts.map +1 -0
- package/types/{baseInputElementProps.js → base/baseInputElementProps.js} +1 -1
- package/types/base/blurableElement.d.ts +9 -0
- package/types/base/blurableElement.d.ts.map +1 -0
- package/types/base/blurableElement.js +1 -0
- package/types/base/clickableElement.d.ts +7 -0
- package/types/base/clickableElement.d.ts.map +1 -0
- package/types/base/clickableElement.js +1 -0
- package/types/base/index.d.ts +5 -0
- package/types/base/index.d.ts.map +1 -0
- package/types/base/index.js +4 -0
- package/types/dataAttributes.d.ts +8 -8
- package/types/dataAttributes.d.ts.map +1 -1
- package/types/dataAttributes.js +1 -1
- package/types/elementIcon.d.ts +21 -21
- package/types/elementIcon.d.ts.map +1 -1
- package/types/elementIcon.js +1 -1
- package/types/{elementColor.d.ts → enums/elementColor.d.ts} +17 -17
- package/types/enums/elementColor.d.ts.map +1 -0
- package/types/{elementColor.js → enums/elementColor.js} +18 -18
- package/types/{elementPosition.d.ts → enums/elementPosition.d.ts} +11 -11
- package/types/enums/elementPosition.d.ts.map +1 -0
- package/types/{elementPosition.js → enums/elementPosition.js} +10 -10
- package/types/{elementSize.d.ts → enums/elementSize.d.ts} +11 -11
- package/types/enums/elementSize.d.ts.map +1 -0
- package/types/{elementSize.js → enums/elementSize.js} +12 -12
- package/types/enums/index.d.ts +4 -0
- package/types/enums/index.d.ts.map +1 -0
- package/types/enums/index.js +3 -0
- package/types/hintConfiguration.d.ts +12 -12
- package/types/hintConfiguration.d.ts.map +1 -1
- package/types/hintConfiguration.js +1 -1
- package/types/index.d.ts +7 -10
- package/types/index.d.ts.map +1 -1
- package/types/index.js +7 -10
- package/types/labelConfiguration.d.ts +14 -14
- package/types/labelConfiguration.d.ts.map +1 -1
- package/types/labelConfiguration.js +1 -1
- package/types/validation/index.d.ts +2 -2
- package/types/validation/index.js +2 -2
- package/types/validation/state.d.ts +8 -8
- package/types/validation/state.d.ts.map +1 -1
- package/types/validation/state.js +1 -1
- package/types/validation/status.d.ts +9 -9
- package/types/validation/status.js +10 -10
- package/utils/dataAttributes.d.ts +7 -7
- package/utils/dataAttributes.d.ts.map +1 -1
- package/utils/dataAttributes.js +22 -21
- package/utils/index.d.ts +3 -2
- package/utils/index.d.ts.map +1 -1
- package/utils/index.js +3 -2
- package/utils/styles.d.ts +14 -0
- package/utils/styles.d.ts.map +1 -0
- package/utils/styles.js +33 -0
- package/utils/validation.d.ts +10 -10
- package/utils/validation.d.ts.map +1 -1
- package/utils/validation.js +20 -20
- package/bodynarf-react.components-1.12.2.tgz +0 -0
- package/bodynarf-react.components-1.12.3.tgz +0 -0
- package/bodynarf-react.components-1.12.4.tgz +0 -0
- package/types/baseElementProps.d.ts.map +0 -1
- package/types/baseInputElementProps.d.ts.map +0 -1
- package/types/elementColor.d.ts.map +0 -1
- package/types/elementPosition.d.ts.map +0 -1
- package/types/elementSize.d.ts.map +0 -1
|
@@ -1,47 +1,55 @@
|
|
|
1
|
-
|
|
2
|
-
import { BaseElementProps, ElementIcon, ElementPosition, ElementSize } from "../../types";
|
|
3
|
-
/** Breadcrumb item */
|
|
4
|
-
export interface BreadCrumb {
|
|
5
|
-
/**
|
|
6
|
-
* Displayed text
|
|
7
|
-
* @deprecated Use `caption` instead
|
|
8
|
-
*/
|
|
9
|
-
title?: string;
|
|
10
|
-
/** Displayable caption */
|
|
11
|
-
caption: string;
|
|
12
|
-
/**
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
/**
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
*
|
|
33
|
-
*
|
|
34
|
-
*
|
|
35
|
-
*
|
|
36
|
-
*
|
|
37
|
-
*
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import { BaseElementProps, ElementIcon, ElementPosition, ElementSize } from "../../types";
|
|
3
|
+
/** Breadcrumb item */
|
|
4
|
+
export interface BreadCrumb {
|
|
5
|
+
/**
|
|
6
|
+
* Displayed text
|
|
7
|
+
* @deprecated Use `caption` instead
|
|
8
|
+
*/
|
|
9
|
+
title?: string;
|
|
10
|
+
/** Displayable caption */
|
|
11
|
+
caption: string;
|
|
12
|
+
/**
|
|
13
|
+
* Page address
|
|
14
|
+
* @deprecated Since v1.2.0 Use `href`
|
|
15
|
+
*/
|
|
16
|
+
path: string;
|
|
17
|
+
/** Link address */
|
|
18
|
+
href: string;
|
|
19
|
+
/**
|
|
20
|
+
* Is current page. Will be not clickable
|
|
21
|
+
* @deprecated Since v1.2.0 Not used anymore
|
|
22
|
+
*/
|
|
23
|
+
active: boolean;
|
|
24
|
+
/** Bootstrap icon class name */
|
|
25
|
+
icon?: ElementIcon;
|
|
26
|
+
}
|
|
27
|
+
/** Breadcrumbs component props type */
|
|
28
|
+
export type BreadcrumbsProps = BaseElementProps & {
|
|
29
|
+
/** Breadcrumbs items */
|
|
30
|
+
items: Array<BreadCrumb>;
|
|
31
|
+
/**
|
|
32
|
+
* Function that generates each element
|
|
33
|
+
* @example
|
|
34
|
+
* elementGenerator={breadCrumb =>
|
|
35
|
+
* <div>
|
|
36
|
+
* {breadCrumb.icon &&
|
|
37
|
+
* <span>
|
|
38
|
+
* <Icon {...breadCrumb.icon} />
|
|
39
|
+
* </span>
|
|
40
|
+
* }
|
|
41
|
+
* <span>
|
|
42
|
+
* {breadCrumb.caption}
|
|
43
|
+
* </span>
|
|
44
|
+
* </div>
|
|
45
|
+
* }
|
|
46
|
+
*/
|
|
47
|
+
elementGenerator?: (bc: BreadCrumb) => ReactNode;
|
|
48
|
+
/** Panel size */
|
|
49
|
+
size?: ElementSize;
|
|
50
|
+
/** Items position */
|
|
51
|
+
position?: ElementPosition;
|
|
52
|
+
/** Items separator. By default `arrow` */
|
|
53
|
+
separator?: "arrow" | "bullet" | "dot" | "succeeds";
|
|
54
|
+
};
|
|
47
55
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEzF,sBAAsB;AACtB,MAAM,WAAW,UAAU;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,0BAA0B;IAC1B,OAAO,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB,gCAAgC;IAChC,IAAI,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,uCAAuC;AACvC,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,GAAG;IAC9C,wBAAwB;IACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAEzB;;;;;;;;;;;;;;;MAeE;IACF,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,KAAK,SAAS,CAAC;IAEjD,iBAAiB;IACjB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAE3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;CACvD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export {};
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
import "./style.scss";
|
|
3
|
-
import { ButtonProps } from "..";
|
|
4
|
-
/**
|
|
5
|
-
* Button component
|
|
6
|
-
* @throws Caption is not defined and icon configuration is not defined at the same time
|
|
7
|
-
*/
|
|
8
|
-
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import "./style.scss";
|
|
3
|
+
import { ButtonProps } from "..";
|
|
4
|
+
/**
|
|
5
|
+
* Button component
|
|
6
|
+
* @throws Caption is not defined and icon configuration is not defined at the same time
|
|
7
|
+
*/
|
|
8
|
+
declare const Button: FC<ButtonProps>;
|
|
9
|
+
export default Button;
|
|
9
10
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/component/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/component/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAM3B,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAKjC;;;GAGG;AACH,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA0C3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1,33 +1,35 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { isNullOrEmpty, isNullOrUndefined, getClassName } from "@bodynarf/utils";
|
|
3
|
-
import "
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
*
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
const
|
|
16
|
-
|
|
17
|
-
"button",
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
}
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { isNullOrEmpty, isNullOrUndefined, getClassName } from "@bodynarf/utils";
|
|
3
|
+
import { getSizeClassName } from "../../../utils";
|
|
4
|
+
import "./style.scss";
|
|
5
|
+
import ButtonWithIcon from "../components/buttonWithIcon";
|
|
6
|
+
import SimpleButton from "../components/simpleButton";
|
|
7
|
+
/**
|
|
8
|
+
* Button component
|
|
9
|
+
* @throws Caption is not defined and icon configuration is not defined at the same time
|
|
10
|
+
*/
|
|
11
|
+
const Button = (props) => {
|
|
12
|
+
if (isNullOrEmpty(props.caption) && isNullOrUndefined(props.icon)) {
|
|
13
|
+
throw new Error("No button content provided.");
|
|
14
|
+
}
|
|
15
|
+
const { light = false, outlined = false, rounded = false, isLoading = false, static: isStatic = false } = props;
|
|
16
|
+
const className = getClassName([
|
|
17
|
+
"bbr-button",
|
|
18
|
+
"button",
|
|
19
|
+
props.className,
|
|
20
|
+
`is-${props.style}`,
|
|
21
|
+
light ? "is-light" : "",
|
|
22
|
+
getSizeClassName(props.size),
|
|
23
|
+
outlined ? "is-outlined" : "",
|
|
24
|
+
rounded ? "is-rounded" : "",
|
|
25
|
+
isLoading ? "is-loading" : "",
|
|
26
|
+
isStatic ? "is-static" : "",
|
|
27
|
+
]);
|
|
28
|
+
if (!isNullOrUndefined(props.icon)) {
|
|
29
|
+
return (_jsx(ButtonWithIcon, { ...props, icon: props.icon, className: className }));
|
|
30
|
+
}
|
|
31
|
+
else {
|
|
32
|
+
return (_jsx(SimpleButton, { ...props, className: className }));
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
export default Button;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { ButtonWithIconProps } from "../..";
|
|
3
|
+
/** Button with icon component */
|
|
4
|
+
declare const ButtonWithIcon: FC<ButtonWithIconProps>;
|
|
5
|
+
export default ButtonWithIcon;
|
|
5
6
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/components/buttonWithIcon/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/components/buttonWithIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQ3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE5C,iCAAiC;AACjC,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA+D3C,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { getClassName, isNullOrEmpty, isNullOrUndefined } from "@bodynarf/utils";
|
|
3
|
-
import { ElementPosition } from "../../../../types";
|
|
4
|
-
import { mapDataAttributes } from "../../../../utils";
|
|
5
|
-
import Icon from "../../../icon";
|
|
6
|
-
/** Button with icon component */
|
|
7
|
-
const ButtonWithIcon = ({ className, disabled, onClick, caption, icon, title, data, }) => {
|
|
8
|
-
const iconClassName = isNullOrEmpty(caption)
|
|
9
|
-
? icon.className
|
|
10
|
-
: getClassName([
|
|
11
|
-
icon.className,
|
|
12
|
-
icon.position === ElementPosition.Right
|
|
13
|
-
? "bbr-icon--right"
|
|
14
|
-
: "bbr-icon--left"
|
|
15
|
-
]);
|
|
16
|
-
className = isNullOrEmpty(caption)
|
|
17
|
-
? getClassName([className, "bbr-button--icon-only"])
|
|
18
|
-
: className;
|
|
19
|
-
const dataAttributes = isNullOrUndefined(data)
|
|
20
|
-
? undefined
|
|
21
|
-
: mapDataAttributes(data);
|
|
22
|
-
if (icon.position === ElementPosition.Right) {
|
|
23
|
-
return (_jsxs("button", { onClick: onClick, disabled: disabled, className: className, title: title, ...dataAttributes, children: [caption, _jsx(Icon, { ...icon, className: iconClassName })] }));
|
|
24
|
-
}
|
|
25
|
-
return (_jsxs("button", { onClick: onClick, disabled: disabled, className: className, title: title, ...dataAttributes, children: [_jsx(Icon, { ...icon, className: iconClassName }), caption] }));
|
|
26
|
-
};
|
|
27
|
-
export default ButtonWithIcon;
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { getClassName, isNullOrEmpty, isNullOrUndefined } from "@bodynarf/utils";
|
|
3
|
+
import { ElementPosition } from "../../../../types";
|
|
4
|
+
import { mapDataAttributes } from "../../../../utils";
|
|
5
|
+
import Icon from "../../../icon";
|
|
6
|
+
/** Button with icon component */
|
|
7
|
+
const ButtonWithIcon = ({ className, disabled, onClick, caption, icon, title, data, }) => {
|
|
8
|
+
const iconClassName = isNullOrEmpty(caption)
|
|
9
|
+
? icon.className
|
|
10
|
+
: getClassName([
|
|
11
|
+
icon.className,
|
|
12
|
+
icon.position === ElementPosition.Right
|
|
13
|
+
? "bbr-icon--right"
|
|
14
|
+
: "bbr-icon--left"
|
|
15
|
+
]);
|
|
16
|
+
className = isNullOrEmpty(caption)
|
|
17
|
+
? getClassName([className, "bbr-button--icon-only"])
|
|
18
|
+
: className;
|
|
19
|
+
const dataAttributes = isNullOrUndefined(data)
|
|
20
|
+
? undefined
|
|
21
|
+
: mapDataAttributes(data);
|
|
22
|
+
if (icon.position === ElementPosition.Right) {
|
|
23
|
+
return (_jsxs("button", { type: "button", onClick: onClick, disabled: disabled, className: className, title: title, ...dataAttributes, children: [caption, _jsx(Icon, { ...icon, className: iconClassName })] }));
|
|
24
|
+
}
|
|
25
|
+
return (_jsxs("button", { type: "button", onClick: onClick, disabled: disabled, className: className, title: title, ...dataAttributes, children: [_jsx(Icon, { ...icon, className: iconClassName }), caption] }));
|
|
26
|
+
};
|
|
27
|
+
export default ButtonWithIcon;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import { SimpleButtonProps } from "../..";
|
|
3
|
-
/** Simple button component, without icon */
|
|
4
|
-
declare const SimpleButton:
|
|
5
|
-
export default SimpleButton;
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { SimpleButtonProps } from "../..";
|
|
3
|
+
/** Simple button component, without icon */
|
|
4
|
+
declare const SimpleButton: FC<SimpleButtonProps>;
|
|
5
|
+
export default SimpleButton;
|
|
6
6
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/components/simpleButton/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/components/simpleButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAM3B,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,4CAA4C;AAC5C,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAwBvC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { isNullOrUndefined } from "@bodynarf/utils";
|
|
3
|
-
import { mapDataAttributes } from "../../../../utils";
|
|
4
|
-
/** Simple button component, without icon */
|
|
5
|
-
const SimpleButton = ({ className, disabled, onClick, caption, title, data }) => {
|
|
6
|
-
const dataAttributes = isNullOrUndefined(data)
|
|
7
|
-
? undefined
|
|
8
|
-
: mapDataAttributes(data);
|
|
9
|
-
return (_jsx("button", { onClick: onClick, disabled: disabled, className: className, title: title, ...dataAttributes, children: caption }));
|
|
10
|
-
};
|
|
11
|
-
export default SimpleButton;
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { isNullOrUndefined } from "@bodynarf/utils";
|
|
3
|
+
import { mapDataAttributes } from "../../../../utils";
|
|
4
|
+
/** Simple button component, without icon */
|
|
5
|
+
const SimpleButton = ({ className, disabled, onClick, caption, title, data }) => {
|
|
6
|
+
const dataAttributes = isNullOrUndefined(data)
|
|
7
|
+
? undefined
|
|
8
|
+
: mapDataAttributes(data);
|
|
9
|
+
return (_jsx("button", { type: "button", onClick: onClick, disabled: disabled, className: className, title: title, ...dataAttributes, children: caption }));
|
|
10
|
+
};
|
|
11
|
+
export default SimpleButton;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default } from "./component";
|
|
2
|
-
export * from "./types";
|
|
1
|
+
export { default } from "./component";
|
|
2
|
+
export * from "./types";
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default } from "./component";
|
|
2
|
-
export * from "./types";
|
|
1
|
+
export { default } from "./component";
|
|
2
|
+
export * from "./types";
|
|
@@ -1,38 +1,72 @@
|
|
|
1
|
-
import { BaseElementProps, ElementIcon, ElementSize } from "../../types";
|
|
2
|
-
export
|
|
3
|
-
/** Button displaying text */
|
|
4
|
-
caption?: string;
|
|
5
|
-
/**
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
/**
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
/**
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
1
|
+
import { BaseElementProps, ClickableElement, ElementIcon, ElementSize } from "../../types";
|
|
2
|
+
export type ButtonProps = BaseElementProps & ClickableElement & {
|
|
3
|
+
/** Button displaying text */
|
|
4
|
+
caption?: string;
|
|
5
|
+
/**
|
|
6
|
+
* Type of button (color)
|
|
7
|
+
* @deprecated Use `style` prop instead
|
|
8
|
+
*/
|
|
9
|
+
type?: ButtonType;
|
|
10
|
+
/** Style */
|
|
11
|
+
style: ButtonStyle;
|
|
12
|
+
/** Configuration of inner icon */
|
|
13
|
+
icon?: ElementIcon;
|
|
14
|
+
/** Button size */
|
|
15
|
+
size?: ElementSize;
|
|
16
|
+
/** Is button uses light version of color */
|
|
17
|
+
light?: boolean;
|
|
18
|
+
/** Is button outlined */
|
|
19
|
+
outlined?: boolean;
|
|
20
|
+
/** Should button corners be rounded */
|
|
21
|
+
rounded?: boolean;
|
|
22
|
+
/** Display loading icon */
|
|
23
|
+
isLoading?: boolean;
|
|
24
|
+
/** Is button disabled */
|
|
25
|
+
disabled?: boolean;
|
|
26
|
+
/** Is non-interactive button */
|
|
27
|
+
static?: boolean;
|
|
28
|
+
};
|
|
29
|
+
/**
|
|
30
|
+
* Button types according to Bulma framework
|
|
31
|
+
* @deprecated Use `ButtonStyle` enum
|
|
32
|
+
*/
|
|
33
|
+
export type ButtonType = "default" /** color: transparent */ | "primary" /** color: sea-wave green */ | "link" /** color: blue-violet */ | "info" /** color: sky-blue */ | "success" /** color: green */ | "warning" /** color: yellow */ | "danger" /** color: red */ | "white" /** color: white */ | "light" /** color: light-gray */ | "dark" /** color: dark-gray */ | "black" /** color: black */ | "text" /** Underline text with color: gray */ | "ghost" /** Blue underline text with color: transparent */;
|
|
34
|
+
/** Simple button props type */
|
|
35
|
+
export type SimpleButtonProps = Omit<ButtonProps, "className"> & {
|
|
36
|
+
/** Button class name*/
|
|
37
|
+
className: string;
|
|
38
|
+
};
|
|
39
|
+
export type ButtonWithIconProps = SimpleButtonProps & {
|
|
40
|
+
/** Icon configuration */
|
|
41
|
+
icon: ElementIcon;
|
|
42
|
+
};
|
|
43
|
+
/** Button style type */
|
|
44
|
+
export declare enum ButtonStyle {
|
|
45
|
+
/** color: transparent */
|
|
46
|
+
Default = "default",
|
|
47
|
+
/** color: sea-wave green */
|
|
48
|
+
Primary = "primary",
|
|
49
|
+
/** color: blue-violet */
|
|
50
|
+
Link = "link",
|
|
51
|
+
/** color: sky-blue */
|
|
52
|
+
Info = "info",
|
|
53
|
+
/** color: green */
|
|
54
|
+
Success = "success",
|
|
55
|
+
/** color: yellow */
|
|
56
|
+
Warning = "warning",
|
|
57
|
+
/** color: red */
|
|
58
|
+
Danger = "danger",
|
|
59
|
+
/** color: white */
|
|
60
|
+
White = "white",
|
|
61
|
+
/** color: light-gray */
|
|
62
|
+
Light = "light",
|
|
63
|
+
/** color: dark-gray */
|
|
64
|
+
Dark = "dark",
|
|
65
|
+
/** color: black */
|
|
66
|
+
Black = "black",
|
|
67
|
+
/** Underline text with color: gray */
|
|
68
|
+
Text = "text",
|
|
69
|
+
/** Blue underline text with color: transparent */
|
|
70
|
+
Ghost = "ghost"
|
|
71
|
+
}
|
|
38
72
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE1F,MAAM,MAAM,WAAW,GACjB,gBAAgB,GAChB,gBAAgB,GAChB;IACE,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB,YAAY;IACZ,KAAK,EAAE,WAAW,CAAC;IAEnB,kCAAkC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gCAAgC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEN;;;GAGG;AACH,MAAM,MAAM,UAAU,GAChB,SAAS,CAAC,yBAAyB,GACnC,SAAS,CAAC,4BAA4B,GACtC,MAAM,CAAC,yBAAyB,GAChC,MAAM,CAAC,sBAAsB,GAC7B,SAAS,CAAC,mBAAmB,GAC7B,SAAS,CAAC,oBAAoB,GAC9B,QAAQ,CAAC,iBAAiB,GAC1B,OAAO,CAAC,mBAAmB,GAC3B,OAAO,CAAC,wBAAwB,GAChC,MAAM,CAAC,uBAAuB,GAC9B,OAAO,CAAC,mBAAmB,GAC3B,MAAM,CAAC,sCAAsC,GAC7C,OAAO,CAAC,kDAAkD,CAC3D;AAEL,+BAA+B;AAC/B,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG;IAC7D,uBAAuB;IACvB,SAAS,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,GAAG;IAClD,yBAAyB;IACzB,IAAI,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,wBAAwB;AACxB,oBAAY,WAAW;IACnB,yBAAyB;IACzB,OAAO,YAAY;IAEnB,4BAA4B;IAC5B,OAAO,YAAY;IAEnB,yBAAyB;IACzB,IAAI,SAAS;IAEb,sBAAsB;IACtB,IAAI,SAAS;IAEb,mBAAmB;IACnB,OAAO,YAAY;IAEnB,oBAAoB;IACpB,OAAO,YAAY;IAEnB,iBAAiB;IACjB,MAAM,WAAW;IAEjB,mBAAmB;IACnB,KAAK,UAAU;IAEf,wBAAwB;IACxB,KAAK,UAAU;IAEf,uBAAuB;IACvB,IAAI,SAAS;IAEb,mBAAmB;IACnB,KAAK,UAAU;IAEf,sCAAsC;IACtC,IAAI,SAAS;IAEb,kDAAkD;IAClD,KAAK,UAAU;CAClB"}
|
|
@@ -1 +1,30 @@
|
|
|
1
|
-
|
|
1
|
+
/** Button style type */
|
|
2
|
+
export var ButtonStyle;
|
|
3
|
+
(function (ButtonStyle) {
|
|
4
|
+
/** color: transparent */
|
|
5
|
+
ButtonStyle["Default"] = "default";
|
|
6
|
+
/** color: sea-wave green */
|
|
7
|
+
ButtonStyle["Primary"] = "primary";
|
|
8
|
+
/** color: blue-violet */
|
|
9
|
+
ButtonStyle["Link"] = "link";
|
|
10
|
+
/** color: sky-blue */
|
|
11
|
+
ButtonStyle["Info"] = "info";
|
|
12
|
+
/** color: green */
|
|
13
|
+
ButtonStyle["Success"] = "success";
|
|
14
|
+
/** color: yellow */
|
|
15
|
+
ButtonStyle["Warning"] = "warning";
|
|
16
|
+
/** color: red */
|
|
17
|
+
ButtonStyle["Danger"] = "danger";
|
|
18
|
+
/** color: white */
|
|
19
|
+
ButtonStyle["White"] = "white";
|
|
20
|
+
/** color: light-gray */
|
|
21
|
+
ButtonStyle["Light"] = "light";
|
|
22
|
+
/** color: dark-gray */
|
|
23
|
+
ButtonStyle["Dark"] = "dark";
|
|
24
|
+
/** color: black */
|
|
25
|
+
ButtonStyle["Black"] = "black";
|
|
26
|
+
/** Underline text with color: gray */
|
|
27
|
+
ButtonStyle["Text"] = "text";
|
|
28
|
+
/** Blue underline text with color: transparent */
|
|
29
|
+
ButtonStyle["Ghost"] = "ghost";
|
|
30
|
+
})(ButtonStyle || (ButtonStyle = {}));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
import "./style.scss";
|
|
3
|
-
import { DropdownProps } from "..";
|
|
4
|
-
/** Dropdown component */
|
|
5
|
-
declare const Dropdown:
|
|
6
|
-
export default Dropdown;
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import "./style.scss";
|
|
3
|
+
import { DropdownProps } from "..";
|
|
4
|
+
/** Dropdown component */
|
|
5
|
+
declare const Dropdown: FC<DropdownProps>;
|
|
6
|
+
export default Dropdown;
|
|
7
7
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/component/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/component/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAInC,yBAAyB;AACzB,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAI/B,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { isNullOrUndefined } from "@bodynarf/utils";
|
|
3
|
-
import "./style.scss";
|
|
4
|
-
import DropdownWithLabel from "../components/withLabel";
|
|
5
|
-
import DropdownCompact from "../components/compact";
|
|
6
|
-
/** Dropdown component */
|
|
7
|
-
const Dropdown = (props) => {
|
|
8
|
-
return isNullOrUndefined(props.label)
|
|
9
|
-
? _jsx(DropdownCompact, { ...props })
|
|
10
|
-
: _jsx(DropdownWithLabel, { ...props });
|
|
11
|
-
};
|
|
12
|
-
export default Dropdown;
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { isNullOrUndefined } from "@bodynarf/utils";
|
|
3
|
+
import "./style.scss";
|
|
4
|
+
import DropdownWithLabel from "../components/withLabel";
|
|
5
|
+
import DropdownCompact from "../components/compact";
|
|
6
|
+
/** Dropdown component */
|
|
7
|
+
const Dropdown = (props) => {
|
|
8
|
+
return isNullOrUndefined(props.label)
|
|
9
|
+
? _jsx(DropdownCompact, { ...props })
|
|
10
|
+
: _jsx(DropdownWithLabel, { ...props });
|
|
11
|
+
};
|
|
12
|
+
export default Dropdown;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
2
|
-
import { DropdownProps } from "../..";
|
|
3
|
-
/** Props type of `DropdownCompact` */
|
|
4
|
-
|
|
5
|
-
/** Manual compact dropdown identifier */
|
|
6
|
-
id?: string;
|
|
7
|
-
};
|
|
8
|
-
/** Dropdown component without label */
|
|
9
|
-
declare const DropdownCompact: FC<DropdownCompactProps>;
|
|
10
|
-
export default DropdownCompact;
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { DropdownProps } from "../..";
|
|
3
|
+
/** Props type of `DropdownCompact` */
|
|
4
|
+
type DropdownCompactProps = DropdownProps & {
|
|
5
|
+
/** Manual compact dropdown identifier */
|
|
6
|
+
id?: string;
|
|
7
|
+
};
|
|
8
|
+
/** Dropdown component without label */
|
|
9
|
+
declare const DropdownCompact: FC<DropdownCompactProps>;
|
|
10
|
+
export default DropdownCompact;
|
|
11
11
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dropdown/components/compact/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dropdown/components/compact/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,EAAE,EAAW,MAAM,OAAO,CAAC;AAQ9E,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAItC,sCAAsC;AACtC,KAAK,oBAAoB,GAAG,aAAa,GAAG;IACxC,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,uCAAuC;AACvC,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAkK7C,CAAC;AAEF,eAAe,eAAe,CAAC"}
|