@trilogy-ds/react 4.15.2 → 4.15.3
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/lib/components/checkbox/tiles/CheckboxTiles.d.ts +0 -1
- package/lib/components/checkbox/tiles/CheckboxTiles.js +4 -26
- package/lib/components/checkbox/tiles/CheckboxTiles.native.d.ts +3 -2
- package/lib/components/checkbox/tiles/CheckboxTiles.native.js +7 -34
- package/lib/components/checkbox/tiles/CheckboxTilesProps.d.ts +2 -4
- package/lib/components/checkbox/tiles/CheckboxTilesPropsDefaults.js +0 -19
- package/lib/components/checkbox/tiles/tile/CheckboxTile.d.ts +1 -1
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +13 -26
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.js +6 -10
- package/lib/components/checkbox/tiles/tile/CheckboxTileProps.d.ts +3 -4
- package/lib/components/checkbox/tiles/tile/CheckboxTilePropsDefaults.js +0 -14
- package/lib/components/radio/tiles/RadioTiles.d.ts +0 -1
- package/lib/components/radio/tiles/RadioTiles.js +5 -27
- package/lib/components/radio/tiles/RadioTiles.native.d.ts +3 -3
- package/lib/components/radio/tiles/RadioTiles.native.js +7 -35
- package/lib/components/radio/tiles/RadioTilesProps.d.ts +5 -4
- package/lib/components/radio/tiles/RadioTilesPropsDefaults.js +0 -19
- package/lib/components/radio/tiles/tile/RadioTile.d.ts +1 -1
- package/lib/components/radio/tiles/tile/RadioTile.js +20 -23
- package/lib/components/radio/tiles/tile/RadioTile.native.js +5 -8
- package/lib/components/radio/tiles/tile/RadioTileNativePropsDefaults.js +3 -10
- package/lib/components/radio/tiles/tile/RadioTileProps.d.ts +3 -5
- package/lib/components/radio/tiles/tile/RadioTilePropsDefaults.js +75 -8
- package/lib/components/stepper/Stepper.js +19 -44
- package/lib/components/stepper/Stepper.native.js +26 -20
- package/lib/components/stepper/step/Step.js +15 -8
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
|
@@ -5,7 +5,6 @@ import { CheckboxTilesProps } from './CheckboxTilesProps';
|
|
|
5
5
|
* @param id
|
|
6
6
|
* @param align {Alignable}
|
|
7
7
|
* @param verticalAlign {Alignable}
|
|
8
|
-
* @param numberCols {GridSize | GridItemSize} number of columns for grid layout
|
|
9
8
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
10
9
|
* @param className {string} Additional CSS Classes
|
|
11
10
|
*/
|
|
@@ -2,9 +2,9 @@ import { __assign, __rest } from "tslib";
|
|
|
2
2
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
3
|
import { useTrilogyContext } from '../../../context';
|
|
4
4
|
import { hashClass } from '../../../helpers/hashClassesHelpers';
|
|
5
|
-
import { isRequiredChild } from '../../../helpers/require';
|
|
6
5
|
import { getAlignClassName } from '../../../objects/facets/Alignable';
|
|
7
6
|
import { is } from '../../../services/classify';
|
|
7
|
+
import { isRequiredChild } from '../../../helpers/require';
|
|
8
8
|
import clsx from 'clsx';
|
|
9
9
|
import * as React from 'react';
|
|
10
10
|
/**
|
|
@@ -12,12 +12,11 @@ import * as React from 'react';
|
|
|
12
12
|
* @param id
|
|
13
13
|
* @param align {Alignable}
|
|
14
14
|
* @param verticalAlign {Alignable}
|
|
15
|
-
* @param numberCols {GridSize | GridItemSize} number of columns for grid layout
|
|
16
15
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
17
16
|
* @param className {string} Additional CSS Classes
|
|
18
17
|
*/
|
|
19
18
|
var CheckboxTiles = React.forwardRef(function (_a, ref) {
|
|
20
|
-
var id = _a.id, className = _a.className, children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign, accessibilityLabelledBy = _a.accessibilityLabelledBy,
|
|
19
|
+
var id = _a.id, className = _a.className, children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign, accessibilityLabelledBy = _a.accessibilityLabelledBy, others = __rest(_a, ["id", "className", "children", "align", "verticalAlign", "accessibilityLabelledBy"]);
|
|
21
20
|
var styled = useTrilogyContext().styled;
|
|
22
21
|
var alignClass = null;
|
|
23
22
|
if (align) {
|
|
@@ -36,29 +35,8 @@ var CheckboxTiles = React.forwardRef(function (_a, ref) {
|
|
|
36
35
|
(getAlignClassName(verticalAlign) === 'aligned-stretch' && is('aligned-stretch')) ||
|
|
37
36
|
null;
|
|
38
37
|
}
|
|
39
|
-
|
|
40
|
-
if (!numberCols)
|
|
41
|
-
return null;
|
|
42
|
-
if (typeof numberCols === 'number')
|
|
43
|
-
return "is-grid-cols-".concat(numberCols);
|
|
44
|
-
var responsiveClasses = [];
|
|
45
|
-
if (numberCols.mobile)
|
|
46
|
-
responsiveClasses.push("is-grid-cols-mobile-".concat(numberCols.mobile));
|
|
47
|
-
if (numberCols.tablet)
|
|
48
|
-
responsiveClasses.push("is-grid-cols-tablet-".concat(numberCols.tablet));
|
|
49
|
-
if (numberCols.touch)
|
|
50
|
-
responsiveClasses.push("is-grid-cols-touch-".concat(numberCols.touch));
|
|
51
|
-
if (numberCols.desktop)
|
|
52
|
-
responsiveClasses.push("is-grid-cols-desktop-".concat(numberCols.desktop));
|
|
53
|
-
if (numberCols.widescreen)
|
|
54
|
-
responsiveClasses.push("is-grid-cols-widescreen-".concat(numberCols.widescreen));
|
|
55
|
-
if (numberCols.fullhd)
|
|
56
|
-
responsiveClasses.push("is-grid-cols-fullhd-".concat(numberCols.fullhd));
|
|
57
|
-
return responsiveClasses.join(' ');
|
|
58
|
-
};
|
|
59
|
-
var gridColumnClasses = getGridColumnClasses();
|
|
60
|
-
return (React.createElement("div", __assign({ ref: ref, id: id, role: 'group', "aria-labelledby": accessibilityLabelledBy, "aria-required": isRequiredChild(children) ? 'true' : undefined, className: hashClass(styled, clsx('checkbox-tiles', className, align && alignClass, verticalAlign && verticalAlignClass, gridColumnClasses && 'is-grid', gridColumnClasses && gridColumnClasses)) }, others), children));
|
|
38
|
+
return (React.createElement("div", __assign({ ref: ref, id: id, role: "group", "aria-labelledby": accessibilityLabelledBy, "aria-required": isRequiredChild(children) ? 'true' : undefined, className: hashClass(styled, clsx('checkbox-tiles', className, align && alignClass, verticalAlign && verticalAlignClass)) }, others), children));
|
|
61
39
|
});
|
|
62
40
|
CheckboxTiles.displayName = ComponentName.CheckboxTiles;
|
|
63
41
|
export default CheckboxTiles;
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hlY2tib3gvdGlsZXMvQ2hlY2tib3hUaWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzlELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbkQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLGFBQWEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNwQyxVQUFDLEVBQXFGLEVBQUUsR0FBRztJQUF4RixJQUFBLEVBQUUsUUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSx1QkFBdUIsNkJBQUEsRUFBSyxNQUFNLGNBQW5GLG9GQUFxRixDQUFGO0lBQzFFLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQUksVUFBVSxHQUFHLElBQUksQ0FBQTtJQUVyQixJQUFJLEtBQUssRUFBRTtRQUNULFVBQVU7WUFDUixDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGVBQWUsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsQ0FBQztnQkFDdkUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsS0FBSyxnQkFBZ0IsSUFBSSxFQUFFLENBQUMsa0JBQWtCLENBQUMsQ0FBQztnQkFDekUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsS0FBSyxhQUFhLElBQUksRUFBRSxDQUFDLGVBQWUsQ0FBQyxDQUFDO2dCQUNuRSxJQUFJLENBQUE7S0FDUDtJQUVELElBQUksa0JBQWtCLEdBQUcsSUFBSSxDQUFBO0lBRTdCLElBQUksYUFBYSxFQUFFO1FBQ2pCLGtCQUFrQjtZQUNoQixDQUFDLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxLQUFLLGVBQWUsSUFBSSxFQUFFLENBQUMsZUFBZSxDQUFDLENBQUM7Z0JBQzdFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLEtBQUssZ0JBQWdCLElBQUksRUFBRSxDQUFDLGdCQUFnQixDQUFDLENBQUM7Z0JBQy9FLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLEtBQUssYUFBYSxJQUFJLEVBQUUsQ0FBQyxhQUFhLENBQUMsQ0FBQztnQkFDekUsQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxpQkFBaUIsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsQ0FBQztnQkFDakYsSUFBSSxDQUFBO0tBQ1A7SUFFRCxPQUFPLENBQ0wsc0NBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLElBQUksRUFBRSxPQUFPLHFCQUNJLHVCQUF1QixtQkFDekIsZUFBZSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDN0QsU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxTQUFTLEVBQUUsS0FBSyxJQUFJLFVBQVUsRUFBRSxhQUFhLElBQUksa0JBQWtCLENBQUMsQ0FDNUYsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsYUFBYSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsYUFBYSxDQUFBO0FBQ3ZELGVBQWUsYUFBYSxDQUFBIn0=
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import { CheckboxTilesProps } from './CheckboxTilesProps';
|
|
4
|
+
declare const CheckboxTiles: React.ForwardRefExoticComponent<CheckboxTilesProps & React.RefAttributes<View>>;
|
|
4
5
|
export default CheckboxTiles;
|
|
@@ -2,48 +2,21 @@ import { __assign, __rest } from "tslib";
|
|
|
2
2
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
3
|
import { SpacerSize } from '../../../components/spacer';
|
|
4
4
|
import { getAlignStyle } from '../../../objects/facets/Alignable';
|
|
5
|
-
import React
|
|
6
|
-
import {
|
|
7
|
-
import { CheckboxTilesContext } from './context';
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { StyleSheet, View } from 'react-native';
|
|
8
7
|
var CheckboxTiles = React.forwardRef(function (_a, ref) {
|
|
9
|
-
var children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign,
|
|
10
|
-
var childArray = useMemo(function () { return React.Children.toArray(children).filter(React.isValidElement); }, [children]);
|
|
11
|
-
var columnCount = useMemo(function () {
|
|
12
|
-
if (!numberCols || numberCols === 1)
|
|
13
|
-
return null;
|
|
14
|
-
if (typeof numberCols === 'number')
|
|
15
|
-
return numberCols;
|
|
16
|
-
if (numberCols.mobile === 1 || numberCols.tablet === 1)
|
|
17
|
-
return null;
|
|
18
|
-
return numberCols.mobile || numberCols.tablet;
|
|
19
|
-
}, [numberCols]);
|
|
8
|
+
var children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign, others = __rest(_a, ["children", "align", "verticalAlign"]);
|
|
20
9
|
var styles = StyleSheet.create({
|
|
21
10
|
container: {
|
|
22
|
-
flexDirection: 'row',
|
|
23
|
-
flexWrap: 'wrap',
|
|
24
|
-
gap: SpacerSize.TWO,
|
|
25
11
|
justifyContent: getAlignStyle(align),
|
|
26
12
|
alignItems: (verticalAlign && getAlignStyle(verticalAlign)) || (align && getAlignStyle(align)),
|
|
27
|
-
|
|
28
|
-
|
|
13
|
+
flexDirection: 'row',
|
|
14
|
+
flexWrap: 'wrap',
|
|
29
15
|
gap: SpacerSize.TWO,
|
|
30
|
-
marginBottom: SpacerSize.TWO,
|
|
31
16
|
},
|
|
32
17
|
});
|
|
33
|
-
|
|
34
|
-
var item = _a.item, index = _a.index;
|
|
35
|
-
if (!columnCount)
|
|
36
|
-
return React.createElement(View, { style: { flex: 1 } }, item);
|
|
37
|
-
var isLastItem = index === childArray.length - 1;
|
|
38
|
-
var isOddItem = childArray.length % columnCount !== 0 && isLastItem;
|
|
39
|
-
return (React.createElement(View, { style: {
|
|
40
|
-
flex: isOddItem ? 0 : 1,
|
|
41
|
-
width: isOddItem ? "".concat(100 / columnCount, "%") : undefined,
|
|
42
|
-
} }, item));
|
|
43
|
-
}, [childArray.length, columnCount]);
|
|
44
|
-
var keyExtractor = useCallback(function (_, index) { return index.toString(); }, []);
|
|
45
|
-
return (React.createElement(CheckboxTilesContext.Provider, { value: { isGrid: columnCount !== null } }, columnCount !== null ? (React.createElement(FlatList, __assign({ id: id, ref: ref, data: childArray, numColumns: columnCount, scrollEnabled: false, renderItem: renderItem, keyExtractor: keyExtractor, columnWrapperStyle: [styles.columnWrapper], style: { overflow: 'visible' } }, others))) : (React.createElement(View, __assign({ id: id, ref: ref, style: [styles.container] }, others), children))));
|
|
18
|
+
return (React.createElement(View, __assign({ ref: ref, style: styles.container }, others), children));
|
|
46
19
|
});
|
|
47
20
|
CheckboxTiles.displayName = ComponentName.CheckboxTiles;
|
|
48
21
|
export default CheckboxTiles;
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlcy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L3RpbGVzL0NoZWNrYm94VGlsZXMubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDMUQsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRy9DLElBQU0sYUFBYSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3BDLFVBQUMsRUFBNkMsRUFBRSxHQUFHO0lBQWhELElBQUEsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFLLE1BQU0sY0FBM0Msc0NBQTZDLENBQUY7SUFDMUMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxjQUFjLEVBQUUsYUFBYSxDQUFDLEtBQUssQ0FBQztZQUNwQyxVQUFVLEVBQUUsQ0FBQyxhQUFhLElBQUksYUFBYSxDQUFDLGFBQWEsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzlGLGFBQWEsRUFBRSxLQUFLO1lBQ3BCLFFBQVEsRUFBRSxNQUFNO1lBQ2hCLEdBQUcsRUFBRSxVQUFVLENBQUMsR0FBRztTQUNwQjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVMsSUFBTSxNQUFNLEdBQ2hELFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELGFBQWEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGFBQWEsQ0FBQTtBQUV2RCxlQUFlLGFBQWEsQ0FBQSJ9
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
import { FlatList, View } from 'react-native';
|
|
2
|
+
import { View } from 'react-native';
|
|
4
3
|
import { AlignableProps } from '../../../objects/facets/Alignable';
|
|
5
4
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
6
5
|
/**
|
|
@@ -9,7 +8,6 @@ import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
|
9
8
|
export interface CheckboxTilesProps extends AlignableProps, CommonProps {
|
|
10
9
|
children: React.ReactNode;
|
|
11
10
|
accessibilityLabelledBy?: string;
|
|
12
|
-
numberCols?: GridSize | GridItemSize;
|
|
13
11
|
}
|
|
14
12
|
export type CheckboxTilesRef = HTMLDivElement;
|
|
15
|
-
export type CheckboxTilesNativeRef = View
|
|
13
|
+
export type CheckboxTilesNativeRef = View;
|
|
@@ -20,25 +20,6 @@ export default {
|
|
|
20
20
|
"string"
|
|
21
21
|
]
|
|
22
22
|
},
|
|
23
|
-
"numberCols": {
|
|
24
|
-
"type": "string",
|
|
25
|
-
"values": [
|
|
26
|
-
"undefined",
|
|
27
|
-
"2",
|
|
28
|
-
"1",
|
|
29
|
-
"GridSize",
|
|
30
|
-
"3",
|
|
31
|
-
"4",
|
|
32
|
-
"5",
|
|
33
|
-
"6",
|
|
34
|
-
"7",
|
|
35
|
-
"8",
|
|
36
|
-
"9",
|
|
37
|
-
"10",
|
|
38
|
-
"11",
|
|
39
|
-
"12"
|
|
40
|
-
]
|
|
41
|
-
},
|
|
42
23
|
"align": {
|
|
43
24
|
"type": "enum",
|
|
44
25
|
"values": [
|
|
@@ -6,7 +6,7 @@ import { CheckboxTileProps } from './CheckboxTileProps';
|
|
|
6
6
|
* @param checked {Boolean}
|
|
7
7
|
* @param disabled {Boolean}
|
|
8
8
|
* @param readonly {Boolean}
|
|
9
|
-
* @param label {string
|
|
9
|
+
* @param label {string}
|
|
10
10
|
* @param onChange {Function}
|
|
11
11
|
* @param name {string}
|
|
12
12
|
* @param value {string}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
2
|
import { ComponentName } from '../../../../components/enumsComponentsName';
|
|
3
3
|
import { Icon, IconSize } from '../../../../components/icon';
|
|
4
|
-
import { Sticker } from '../../../../components/sticker';
|
|
5
4
|
import { useTrilogyContext } from '../../../../context';
|
|
6
5
|
import { hashClass } from '../../../../helpers';
|
|
7
|
-
import { VariantState } from '../../../../objects';
|
|
8
6
|
import { is } from '../../../../services/classify';
|
|
9
7
|
import clsx from 'clsx';
|
|
10
8
|
import * as React from 'react';
|
|
11
9
|
import { useEffect, useState } from 'react';
|
|
10
|
+
import { Sticker } from '../../../../components/sticker';
|
|
11
|
+
import { VariantState } from '../../../../objects';
|
|
12
12
|
/**
|
|
13
13
|
* CheckboxTile
|
|
14
14
|
* @param id {string}
|
|
15
15
|
* @param checked {Boolean}
|
|
16
16
|
* @param disabled {Boolean}
|
|
17
17
|
* @param readonly {Boolean}
|
|
18
|
-
* @param label {string
|
|
18
|
+
* @param label {string}
|
|
19
19
|
* @param onChange {Function}
|
|
20
20
|
* @param name {string}
|
|
21
21
|
* @param value {string}
|
|
@@ -31,35 +31,22 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
31
31
|
var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, value = _a.value, description = _a.description, icon = _a.icon, horizontal = _a.horizontal, required = _a.required, sticker = _a.sticker, _c = _a.stickerVariant, stickerVariant = _c === void 0 ? VariantState.ACCENT : _c, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value", "description", "icon", "horizontal", "required", "sticker", "stickerVariant"]);
|
|
32
32
|
var styled = useTrilogyContext().styled;
|
|
33
33
|
var _d = __read(useState(checked || false), 2), _checked = _d[0], setChecked = _d[1];
|
|
34
|
-
var inputRef = React.useRef(null);
|
|
35
|
-
var handleDivClick = function () {
|
|
36
|
-
if (!disabled && !readonly && inputRef.current) {
|
|
37
|
-
inputRef.current.click();
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
34
|
useEffect(function () {
|
|
41
35
|
if (!readonly) {
|
|
42
36
|
setChecked(checked || false);
|
|
43
37
|
}
|
|
44
38
|
}, [checked, readonly]);
|
|
45
|
-
return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx('checkbox-tile', horizontal && is('horizontal'), className))
|
|
46
|
-
|
|
47
|
-
React.createElement("
|
|
48
|
-
|
|
49
|
-
React.createElement("
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
checkboxValue: e.target.value,
|
|
55
|
-
checkboxName: e.target.name,
|
|
56
|
-
checkboxChecked: e.target.checked,
|
|
57
|
-
}));
|
|
58
|
-
}
|
|
59
|
-
} }, others)),
|
|
60
|
-
React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('checkbox-label')), onClick: function (e) { return e.preventDefault(); } }, label)),
|
|
39
|
+
return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx('checkbox-tile', horizontal && is('horizontal'), className)) },
|
|
40
|
+
React.createElement("input", __assign({ type: 'checkbox', readOnly: readonly, required: required, id: id, disabled: disabled, name: name, value: value, checked: readonly ? checked : _checked, onChange: function (e) { return (onChange ? onChange : setChecked(e.target.checked)); } }, others)),
|
|
41
|
+
React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('checkbox-label')) },
|
|
42
|
+
icon && React.createElement(Icon, { name: icon, size: IconSize.MEDIUM }),
|
|
43
|
+
horizontal ? (React.createElement("span", null,
|
|
44
|
+
React.createElement("span", { className: hashClass(styled, clsx('checkbox-title')) }, label),
|
|
45
|
+
description && React.createElement("span", { className: hashClass(styled, clsx('checkbox-description')) }, description))) : (React.createElement(React.Fragment, null,
|
|
46
|
+
React.createElement("span", { className: hashClass(styled, clsx('checkbox-title')) }, label),
|
|
47
|
+
description && React.createElement("span", { className: hashClass(styled, clsx('checkbox-description')) }, description)))),
|
|
61
48
|
sticker && React.createElement(Sticker, { label: sticker, variant: stickerVariant, className: 'checkbox-sticker', small: true })));
|
|
62
49
|
});
|
|
63
50
|
CheckboxTile.displayName = ComponentName.CheckboxTiles;
|
|
64
51
|
export default CheckboxTile;
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jaGVja2JveC90aWxlcy90aWxlL0NoZWNrYm94VGlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFM0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQzlDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFeEM7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDbkMsVUFDRSxFQWlCQyxFQUNELEdBQUc7SUFqQkQsSUFBQSxPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixVQUFrQixFQUFsQixFQUFFLG1CQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBQSxFQUNsQixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNW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
|
|
@@ -2,18 +2,16 @@ import { __assign, __read, __rest } from "tslib";
|
|
|
2
2
|
import { ComponentName } from '../../../../components/enumsComponentsName';
|
|
3
3
|
import { Icon, IconName, IconSize } from '../../../../components/icon';
|
|
4
4
|
import { SpacerSize } from '../../../../components/spacer';
|
|
5
|
-
import { Sticker } from '../../../../components/sticker';
|
|
6
5
|
import { Text, TextLevels } from '../../../../components/text';
|
|
7
6
|
import { View } from '../../../../components/view';
|
|
8
7
|
import { getColorStyle, TrilogyColor, TypographyAlign, TypographyBold, VariantState } from '../../../../objects';
|
|
9
|
-
import React, {
|
|
8
|
+
import React, { useState } from 'react';
|
|
10
9
|
import { StyleSheet, TouchableOpacity, View as ViewRN } from 'react-native';
|
|
11
|
-
import {
|
|
10
|
+
import { Sticker } from '../../../../components/sticker';
|
|
12
11
|
var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
13
12
|
var disabled = _a.disabled, checked = _a.checked, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, description = _a.description, icon = _a.icon, horizontal = _a.horizontal, sticker = _a.sticker, _c = _a.stickerVariant, stickerVariant = _c === void 0 ? VariantState.ACCENT : _c, others = __rest(_a, ["disabled", "checked", "readonly", "id", "label", "onChange", "name", "description", "icon", "horizontal", "sticker", "stickerVariant"]);
|
|
14
13
|
var _d = __read(useState(checked || false), 2), _checked = _d[0], setChecked = _d[1];
|
|
15
14
|
var _e = __read(useState(0), 2), stickerHeight = _e[0], setStickerHeight = _e[1];
|
|
16
|
-
var isGrid = useContext(CheckboxTilesContext).isGrid;
|
|
17
15
|
var styles = StyleSheet.create({
|
|
18
16
|
container: {
|
|
19
17
|
flexDirection: 'row',
|
|
@@ -34,9 +32,8 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
34
32
|
color: getColorStyle(disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN),
|
|
35
33
|
},
|
|
36
34
|
tile: {
|
|
37
|
-
flex: isGrid ? 1 : undefined,
|
|
38
35
|
padding: _checked ? SpacerSize.FOUR - 1 : SpacerSize.FOUR,
|
|
39
|
-
maxWidth:
|
|
36
|
+
maxWidth: '50%',
|
|
40
37
|
borderWidth: (_checked && 2) || 1,
|
|
41
38
|
width: 'auto',
|
|
42
39
|
borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : _checked ? TrilogyColor.MAIN : TrilogyColor.STROKE),
|
|
@@ -50,7 +47,6 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
50
47
|
alignSelf: horizontal ? 'flex-start' : 'center',
|
|
51
48
|
},
|
|
52
49
|
horizontal: {
|
|
53
|
-
flex: isGrid ? 1 : undefined,
|
|
54
50
|
flexDirection: 'row',
|
|
55
51
|
alignItems: 'center',
|
|
56
52
|
gap: SpacerSize.THREE,
|
|
@@ -92,7 +88,7 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
92
88
|
} },
|
|
93
89
|
React.createElement(Icon, { size: IconSize.SMALL, name: icon, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN }))),
|
|
94
90
|
React.createElement(View, { style: { gap: SpacerSize.ONE, flex: 1 } },
|
|
95
|
-
label && typeof label.valueOf() === 'string'
|
|
91
|
+
label && typeof label.valueOf() === 'string' && (React.createElement(Text, { style: styles.label, level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, String(label))),
|
|
96
92
|
description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.tileDescription }, String(description))) : (description))));
|
|
97
93
|
}
|
|
98
94
|
return (React.createElement(TouchableOpacity, __assign({ ref: ref, disabled: disabled, style: styles.tile, onPress: handleClick }, others),
|
|
@@ -106,9 +102,9 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
106
102
|
justifyContent: 'center',
|
|
107
103
|
} },
|
|
108
104
|
React.createElement(Icon, { size: IconSize.SMALL, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN, name: icon }))),
|
|
109
|
-
label && typeof label.valueOf() === 'string'
|
|
105
|
+
label && typeof label.valueOf() === 'string' && (React.createElement(Text, { level: TextLevels.ONE, typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD, TypographyAlign.TEXT_CENTERED], style: [styles.label] }, String(label))),
|
|
110
106
|
description && typeof description.valueOf() === 'string' && (React.createElement(Text, { level: TextLevels.TWO, typo: [TypographyAlign.TEXT_CENTERED] }, String(description))))));
|
|
111
107
|
});
|
|
112
108
|
CheckboxTile.displayName = ComponentName.CheckboxTiles;
|
|
113
109
|
export default CheckboxTile;
|
|
114
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
110
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hlY2tib3gvdGlsZXMvdGlsZS9DaGVja2JveFRpbGUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxlQUFlLEVBQUUsY0FBYyxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN0RyxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksSUFBSSxNQUFNLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFM0UsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBRTlDLElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ25DLFVBQ0UsRUFjQyxFQUNELEdBQUc7SUFkRCxJQUFBLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQ2xCLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFdBQVcsaUJBQUEsRUFDWCxJQUFJLFVB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
|
|
@@ -1,19 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
import { ReactNode } from 'react';
|
|
1
|
+
/// <reference types="react" />
|
|
3
2
|
import { TouchableOpacity } from 'react-native';
|
|
4
3
|
import { CheckboxProps } from '../../../../components/checkbox/CheckboxProps';
|
|
5
4
|
import { IconName, IconNameValues } from '../../../../components/icon';
|
|
6
5
|
import { CommonProps } from '../../../../objects/facets/CommonProps';
|
|
6
|
+
import { VariantProps } from '../../../../objects';
|
|
7
7
|
/**
|
|
8
8
|
* Columns Item Interface
|
|
9
9
|
*/
|
|
10
|
-
export interface CheckboxTileProps extends
|
|
10
|
+
export interface CheckboxTileProps extends CheckboxProps, CommonProps {
|
|
11
11
|
horizontal?: boolean;
|
|
12
12
|
icon?: IconName | IconNameValues;
|
|
13
13
|
description?: string | React.ReactNode;
|
|
14
14
|
sticker?: string;
|
|
15
15
|
stickerVariant?: VariantProps['variant'];
|
|
16
|
-
label?: string | ReactNode;
|
|
17
16
|
}
|
|
18
17
|
export type CheckboxTileRef = HTMLDivElement;
|
|
19
18
|
export type CheckboxTileNativeRef = TouchableOpacity;
|
|
@@ -104,20 +104,6 @@ export default {
|
|
|
104
104
|
"INFO"
|
|
105
105
|
]
|
|
106
106
|
},
|
|
107
|
-
"label": {
|
|
108
|
-
"type": "react",
|
|
109
|
-
"values": [
|
|
110
|
-
"undefined",
|
|
111
|
-
"null",
|
|
112
|
-
"string",
|
|
113
|
-
"number",
|
|
114
|
-
"false",
|
|
115
|
-
"true",
|
|
116
|
-
"JSXElementConstructor<any>>",
|
|
117
|
-
"ReactNode>",
|
|
118
|
-
"ReactPortal"
|
|
119
|
-
]
|
|
120
|
-
},
|
|
121
107
|
"id": {
|
|
122
108
|
"type": "string",
|
|
123
109
|
"values": [
|
|
@@ -6,7 +6,6 @@ import * as React from 'react';
|
|
|
6
6
|
* @param children {ReactNode}
|
|
7
7
|
* @param align { Alignable | AlignableValues} align content
|
|
8
8
|
* @param verticalAlign { Alignable | AlignableValues} align vertical content
|
|
9
|
-
* @param numberCols {GridSize | GridItemSize} number of columns for grid layout
|
|
10
9
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
11
10
|
* @param className {string} Additional CSS Classes
|
|
12
11
|
* @param accessibilityLabelledBy {string} aria-labelledby attribute
|
|
@@ -2,9 +2,9 @@ import { __assign, __rest } from "tslib";
|
|
|
2
2
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
3
|
import { useTrilogyContext } from '../../../context';
|
|
4
4
|
import { hashClass } from '../../../helpers';
|
|
5
|
-
import { isRequiredChild } from '../../../helpers/require';
|
|
6
5
|
import { getAlignClassName } from '../../../objects';
|
|
7
6
|
import { is } from '../../../services';
|
|
7
|
+
import { isRequiredChild } from '../../../helpers/require';
|
|
8
8
|
import clsx from 'clsx';
|
|
9
9
|
import * as React from 'react';
|
|
10
10
|
/**
|
|
@@ -13,16 +13,14 @@ import * as React from 'react';
|
|
|
13
13
|
* @param children {ReactNode}
|
|
14
14
|
* @param align { Alignable | AlignableValues} align content
|
|
15
15
|
* @param verticalAlign { Alignable | AlignableValues} align vertical content
|
|
16
|
-
* @param numberCols {GridSize | GridItemSize} number of columns for grid layout
|
|
17
16
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
18
17
|
* @param className {string} Additional CSS Classes
|
|
19
18
|
* @param accessibilityLabelledBy {string} aria-labelledby attribute
|
|
20
19
|
*/
|
|
21
20
|
var RadioTiles = React.forwardRef(function (_a, ref) {
|
|
22
|
-
var id = _a.id, className = _a.className, children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign,
|
|
21
|
+
var id = _a.id, className = _a.className, children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign, accessibilityLabelledBy = _a.accessibilityLabelledBy, others = __rest(_a, ["id", "className", "children", "align", "verticalAlign", "accessibilityLabelledBy"]);
|
|
23
22
|
var styled = useTrilogyContext().styled;
|
|
24
23
|
var alignClass = null;
|
|
25
|
-
var verticalAlignClass = null;
|
|
26
24
|
if (align) {
|
|
27
25
|
alignClass =
|
|
28
26
|
(getAlignClassName(align) === 'aligned-start' && is('justified-start')) ||
|
|
@@ -30,6 +28,7 @@ var RadioTiles = React.forwardRef(function (_a, ref) {
|
|
|
30
28
|
(getAlignClassName(align) === 'aligned-end' && is('justified-end')) ||
|
|
31
29
|
null;
|
|
32
30
|
}
|
|
31
|
+
var verticalAlignClass = null;
|
|
33
32
|
if (verticalAlign) {
|
|
34
33
|
verticalAlignClass =
|
|
35
34
|
(getAlignClassName(verticalAlign) === 'aligned-start' && is('aligned-start')) ||
|
|
@@ -38,29 +37,8 @@ var RadioTiles = React.forwardRef(function (_a, ref) {
|
|
|
38
37
|
(getAlignClassName(verticalAlign) === 'aligned-stretch' && is('aligned-stretch')) ||
|
|
39
38
|
null;
|
|
40
39
|
}
|
|
41
|
-
|
|
42
|
-
if (!numberCols)
|
|
43
|
-
return null;
|
|
44
|
-
if (typeof numberCols === 'number')
|
|
45
|
-
return "is-grid-cols-".concat(numberCols);
|
|
46
|
-
var responsiveClasses = [];
|
|
47
|
-
if (numberCols.mobile)
|
|
48
|
-
responsiveClasses.push("is-grid-cols-mobile-".concat(numberCols.mobile));
|
|
49
|
-
if (numberCols.tablet)
|
|
50
|
-
responsiveClasses.push("is-grid-cols-tablet-".concat(numberCols.tablet));
|
|
51
|
-
if (numberCols.touch)
|
|
52
|
-
responsiveClasses.push("is-grid-cols-touch-".concat(numberCols.touch));
|
|
53
|
-
if (numberCols.desktop)
|
|
54
|
-
responsiveClasses.push("is-grid-cols-desktop-".concat(numberCols.desktop));
|
|
55
|
-
if (numberCols.widescreen)
|
|
56
|
-
responsiveClasses.push("is-grid-cols-widescreen-".concat(numberCols.widescreen));
|
|
57
|
-
if (numberCols.fullhd)
|
|
58
|
-
responsiveClasses.push("is-grid-cols-fullhd-".concat(numberCols.fullhd));
|
|
59
|
-
return responsiveClasses.join(' ');
|
|
60
|
-
};
|
|
61
|
-
var gridColumnClasses = getGridColumnClasses();
|
|
62
|
-
return (React.createElement("div", __assign({ ref: ref, id: id, role: 'radiogroup', "aria-labelledby": accessibilityLabelledBy, "aria-required": isRequiredChild(children) ? 'true' : undefined, className: hashClass(styled, clsx('radio-tiles', className, align && alignClass, verticalAlign && verticalAlignClass, gridColumnClasses && 'is-grid', gridColumnClasses && gridColumnClasses)) }, others), children));
|
|
40
|
+
return (React.createElement("div", __assign({ ref: ref, id: id, role: "radiogroup", "aria-labelledby": accessibilityLabelledBy, "aria-required": isRequiredChild(children) ? 'true' : undefined, className: hashClass(styled, clsx('radio-tiles', className, align && alignClass, verticalAlign && verticalAlignClass)) }, others), children));
|
|
63
41
|
});
|
|
64
42
|
RadioTiles.displayName = ComponentName.RadioTiles;
|
|
65
43
|
export default RadioTiles;
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcmFkaW8vdGlsZXMvUmFkaW9UaWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbkQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQWlDLFVBQUMsRUFBcUYsRUFBRSxHQUFHO0lBQXhGLElBQUEsRUFBRSxRQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFFLHVCQUF1Qiw2QkFBQSxFQUFLLE1BQU0sY0FBbkYsb0ZBQXFGLENBQUY7SUFDOUksSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBSSxVQUFVLEdBQUcsSUFBSSxDQUFBO0lBRXJCLElBQUksS0FBSyxFQUFFO1FBQ1QsVUFBVTtZQUNSLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssZUFBZSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO2dCQUN2RSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO2dCQUN6RSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGFBQWEsSUFBSSxFQUFFLENBQUMsZUFBZSxDQUFDLENBQUM7Z0JBQ25FLElBQUksQ0FBQTtLQUNQO0lBRUQsSUFBSSxrQkFBa0IsR0FBRyxJQUFJLENBQUE7SUFFN0IsSUFBSSxhQUFhLEVBQUU7UUFDakIsa0JBQWtCO1lBQ2hCLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLEtBQUssZUFBZSxJQUFJLEVBQUUsQ0FBQyxlQUFlLENBQUMsQ0FBQztnQkFDN0UsQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxnQkFBZ0IsSUFBSSxFQUFFLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztnQkFDL0UsQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxhQUFhLElBQUksRUFBRSxDQUFDLGFBQWEsQ0FBQyxDQUFDO2dCQUN6RSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxLQUFLLGlCQUFpQixJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO2dCQUNqRixJQUFJLENBQUE7S0FDUDtJQUVELE9BQU8sQ0FDTCxzQ0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFFLFlBQVkscUJBQ0QsdUJBQXVCLG1CQUN6QixlQUFlLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUM3RCxTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUFDLGFBQWEsRUFBRSxTQUFTLEVBQUUsS0FBSyxJQUFJLFVBQVUsRUFBRSxhQUFhLElBQUksa0JBQWtCLENBQUMsQ0FDekYsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBQ2pELGVBQWUsVUFBVSxDQUFBIn0=
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { RadioTilesProps } from '../../../components/radio/tiles/RadioTilesProps';
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import { View } from 'react-native';
|
|
3
4
|
/**
|
|
4
5
|
* RadioTiles
|
|
5
6
|
* @param id {string}
|
|
6
7
|
* @param children {ReactNode}
|
|
7
8
|
* @param align { Alignable | AlignableValues} align content
|
|
8
9
|
* @param verticalAlign { Alignable | AlignableValues} align vertical content
|
|
9
|
-
* @param numberCols {GridSize | GridItemSize} number of columns for grid layout
|
|
10
10
|
*/
|
|
11
|
-
declare const RadioTiles: React.ForwardRefExoticComponent<RadioTilesProps & React.RefAttributes<
|
|
11
|
+
declare const RadioTiles: React.ForwardRefExoticComponent<RadioTilesProps & React.RefAttributes<View>>;
|
|
12
12
|
export default RadioTiles;
|