@trilogy-ds/react 4.15.0-timepicker-circular-native → 4.15.0
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/alert/Alert.js +3 -3
- package/lib/components/alert/AlertPropsDefaults.js +11 -1
- package/lib/components/alert/ToasterStatusPropsDefaults.js +11 -1
- package/lib/components/alert/context/ToastPropsDefaults.js +11 -1
- package/lib/components/autocomplete/AutoComplete.js +7 -5
- package/lib/components/autocomplete/AutoCompletePropsNativeDefaults.js +22 -2
- package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js +22 -2
- package/lib/components/button/ButtonPropsDefaults.js +11 -1
- package/lib/components/checkbox/tiles/CheckboxTiles.d.ts +1 -0
- package/lib/components/checkbox/tiles/CheckboxTiles.js +26 -4
- package/lib/components/checkbox/tiles/CheckboxTiles.native.d.ts +2 -3
- package/lib/components/checkbox/tiles/CheckboxTiles.native.js +34 -7
- package/lib/components/checkbox/tiles/CheckboxTilesProps.d.ts +4 -2
- package/lib/components/checkbox/tiles/CheckboxTilesPropsDefaults.js +19 -0
- package/lib/components/checkbox/tiles/context/CheckboxTilesContext.d.ts +3 -0
- package/lib/components/checkbox/tiles/context/CheckboxTilesContext.js +5 -0
- package/lib/components/checkbox/tiles/context/CheckboxTilesContextProps.d.ts +3 -0
- package/lib/components/checkbox/tiles/context/CheckboxTilesContextProps.js +2 -0
- package/lib/components/checkbox/tiles/context/CheckboxTilesContextPropsDefaults.js +9 -0
- package/lib/components/checkbox/tiles/context/index.d.ts +2 -0
- package/lib/components/checkbox/tiles/context/index.js +3 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTile.d.ts +1 -1
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +26 -13
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.js +10 -6
- package/lib/components/checkbox/tiles/tile/CheckboxTileProps.d.ts +4 -3
- package/lib/components/checkbox/tiles/tile/CheckboxTilePropsDefaults.js +25 -1
- package/lib/components/divider/DividerPropsDefaults.js +11 -1
- package/lib/components/dropdown/item/DropdownItemPropsDefaults.js +11 -1
- package/lib/components/enumsComponentsName.d.ts +14 -1
- package/lib/components/enumsComponentsName.js +14 -1
- package/lib/components/fab/FabPropsDefaults.js +11 -1
- package/lib/components/icon/IconNameEnum.d.ts +6 -1
- package/lib/components/icon/IconNameEnum.js +6 -1
- package/lib/components/icon/IconPropsDefaults.js +11 -1
- package/lib/components/index.d.ts +2 -1
- package/lib/components/index.js +3 -2
- package/lib/components/input/Input.js +3 -3
- package/lib/components/input/Input.native.js +6 -22
- package/lib/components/input/InputPropsDefaults.js +22 -2
- package/lib/components/link/LinkDefaults.js +11 -1
- package/lib/components/link/LinkPropsDefaults.js +11 -1
- package/lib/components/link/LinkPropsNativeDefaults.js +11 -1
- package/lib/components/list/item/ListItemPropsDefaults.js +11 -1
- package/lib/components/modal/Modal.native.js +2 -2
- package/lib/components/prompt/Prompt.d.ts +13 -0
- package/lib/components/prompt/Prompt.js +36 -0
- package/lib/components/prompt/Prompt.native.d.ts +5 -0
- package/lib/components/prompt/Prompt.native.js +30 -0
- package/lib/components/prompt/PromptProps.d.ts +16 -0
- package/lib/components/prompt/PromptProps.js +6 -0
- package/lib/components/prompt/PromptPropsDefaults.js +60 -0
- package/lib/components/prompt/context/index.d.ts +29 -0
- package/lib/components/prompt/context/index.js +44 -0
- package/lib/components/prompt/files/PromptFiles.d.ts +10 -0
- package/lib/components/prompt/files/PromptFiles.js +29 -0
- package/lib/components/prompt/files/PromptFiles.native.d.ts +5 -0
- package/lib/components/prompt/files/PromptFiles.native.js +26 -0
- package/lib/components/prompt/files/PromptFilesProps.d.ts +10 -0
- package/lib/components/prompt/files/PromptFilesProps.js +2 -0
- package/lib/components/prompt/files/PromptFilesPropsDefaults.js +44 -0
- package/lib/components/prompt/files/file/PromptFile.d.ts +13 -0
- package/lib/components/prompt/files/file/PromptFile.js +49 -0
- package/lib/components/prompt/files/file/PromptFile.native.d.ts +5 -0
- package/lib/components/prompt/files/file/PromptFile.native.js +78 -0
- package/lib/components/prompt/files/file/PromptFileProps.d.ts +13 -0
- package/lib/components/prompt/files/file/PromptFileProps.js +2 -0
- package/lib/components/prompt/files/file/PromptFilePropsDefaults.js +55 -0
- package/lib/components/prompt/files/file/index.d.ts +3 -0
- package/lib/components/prompt/files/file/index.js +4 -0
- package/lib/components/prompt/files/index.d.ts +3 -0
- package/lib/components/prompt/files/index.js +4 -0
- package/lib/components/prompt/index.d.ts +14 -0
- package/lib/components/prompt/index.js +15 -0
- package/lib/components/prompt/textarea/PromptTextarea.d.ts +15 -0
- package/lib/components/prompt/textarea/PromptTextarea.js +42 -0
- package/lib/components/prompt/textarea/PromptTextarea.native.d.ts +5 -0
- package/lib/components/prompt/textarea/PromptTextarea.native.js +48 -0
- package/lib/components/prompt/textarea/PromptTextareaProps.d.ts +16 -0
- package/lib/components/prompt/textarea/PromptTextareaProps.js +2 -0
- package/lib/components/prompt/textarea/PromptTextareaPropsDefaults.js +81 -0
- package/lib/components/prompt/textarea/index.d.ts +3 -0
- package/lib/components/prompt/textarea/index.js +4 -0
- package/lib/components/prompt/toolbar/PromptToolbar.d.ts +10 -0
- package/lib/components/prompt/toolbar/PromptToolbar.js +21 -0
- package/lib/components/prompt/toolbar/PromptToolbar.native.d.ts +5 -0
- package/lib/components/prompt/toolbar/PromptToolbar.native.js +23 -0
- package/lib/components/prompt/toolbar/PromptToolbarProps.d.ts +10 -0
- package/lib/components/prompt/toolbar/PromptToolbarProps.js +2 -0
- package/lib/components/prompt/toolbar/PromptToolbarPropsDefaults.js +44 -0
- package/lib/components/prompt/toolbar/index.d.ts +3 -0
- package/lib/components/prompt/toolbar/index.js +4 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophone.d.ts +14 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophone.js +35 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophone.native.d.ts +4 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophone.native.js +33 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophoneProps.d.ts +12 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophoneProps.js +2 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophonePropsDefaults.js +61 -0
- package/lib/components/prompt/toolbar/microphone/index.d.ts +3 -0
- package/lib/components/prompt/toolbar/microphone/index.js +4 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmit.d.ts +15 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmit.js +54 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmit.native.d.ts +5 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmit.native.js +44 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmitProps.d.ts +18 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmitProps.js +6 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmitPropsDefaults.js +68 -0
- package/lib/components/prompt/toolbar/submit/index.d.ts +3 -0
- package/lib/components/prompt/toolbar/submit/index.js +4 -0
- package/lib/components/prompt/toolbar/tools/PromptTools.d.ts +10 -0
- package/lib/components/prompt/toolbar/tools/PromptTools.js +21 -0
- package/lib/components/prompt/toolbar/tools/PromptTools.native.d.ts +5 -0
- package/lib/components/prompt/toolbar/tools/PromptTools.native.js +22 -0
- package/lib/components/prompt/toolbar/tools/PromptToolsProps.d.ts +10 -0
- package/lib/components/prompt/toolbar/tools/PromptToolsProps.js +2 -0
- package/lib/components/prompt/toolbar/tools/PromptToolsPropsDefaults.js +44 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButton.d.ts +16 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButton.js +35 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButton.native.d.ts +4 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButton.native.js +33 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButtonProps.d.ts +19 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButtonProps.js +2 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButtonPropsDefaults.js +157 -0
- package/lib/components/prompt/toolbar/tools/button/index.d.ts +3 -0
- package/lib/components/prompt/toolbar/tools/button/index.js +4 -0
- package/lib/components/prompt/toolbar/tools/index.d.ts +3 -0
- package/lib/components/prompt/toolbar/tools/index.js +4 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFile.d.ts +13 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFile.js +37 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFile.native.d.ts +4 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFile.native.js +30 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFileProps.d.ts +12 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFileProps.js +2 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFilePropsDefaults.js +53 -0
- package/lib/components/prompt/toolbar/tools/inputFile/index.d.ts +3 -0
- package/lib/components/prompt/toolbar/tools/inputFile/index.js +4 -0
- package/lib/components/prompt/toolbar/tools/select/PromptSelect.d.ts +16 -0
- package/lib/components/prompt/toolbar/tools/select/PromptSelect.js +62 -0
- package/lib/components/prompt/toolbar/tools/select/PromptSelect.native.d.ts +4 -0
- package/lib/components/prompt/toolbar/tools/select/PromptSelect.native.js +22 -0
- package/lib/components/prompt/toolbar/tools/select/PromptSelectProps.d.ts +3 -0
- package/lib/components/prompt/toolbar/tools/select/PromptSelectProps.js +2 -0
- package/lib/components/prompt/toolbar/tools/select/index.d.ts +3 -0
- package/lib/components/prompt/toolbar/tools/select/index.js +4 -0
- package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOption.d.ts +12 -0
- package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOption.js +19 -0
- package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOption.native.d.ts +4 -0
- package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOption.native.js +11 -0
- package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOptionProps.d.ts +3 -0
- package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOptionProps.js +2 -0
- package/lib/components/prompt/toolbar/tools/select/options/index.d.ts +3 -0
- package/lib/components/prompt/toolbar/tools/select/options/index.js +4 -0
- package/lib/components/radio/tiles/RadioTiles.d.ts +1 -0
- package/lib/components/radio/tiles/RadioTiles.js +27 -5
- package/lib/components/radio/tiles/RadioTiles.native.d.ts +3 -3
- package/lib/components/radio/tiles/RadioTiles.native.js +35 -7
- package/lib/components/radio/tiles/RadioTilesProps.d.ts +4 -5
- package/lib/components/radio/tiles/RadioTilesPropsDefaults.js +19 -0
- package/lib/components/radio/tiles/context/RadioTilesContext.d.ts +3 -0
- package/lib/components/radio/tiles/context/RadioTilesContext.js +5 -0
- package/lib/components/radio/tiles/context/RadioTilesContextProps.d.ts +3 -0
- package/lib/components/radio/tiles/context/RadioTilesContextProps.js +2 -0
- package/lib/components/radio/tiles/context/RadioTilesContextPropsDefaults.js +9 -0
- package/lib/components/radio/tiles/context/index.d.ts +2 -0
- package/lib/components/radio/tiles/context/index.js +3 -0
- package/lib/components/radio/tiles/tile/RadioTile.d.ts +1 -1
- package/lib/components/radio/tiles/tile/RadioTile.js +23 -20
- package/lib/components/radio/tiles/tile/RadioTile.native.js +8 -5
- package/lib/components/radio/tiles/tile/RadioTileNativePropsDefaults.js +21 -4
- package/lib/components/radio/tiles/tile/RadioTileProps.d.ts +5 -3
- package/lib/components/radio/tiles/tile/RadioTilePropsCommonDefaults.js +11 -1
- package/lib/components/radio/tiles/tile/RadioTilePropsDefaults.js +19 -76
- package/lib/components/select/PropsDefaults.js +19 -1
- package/lib/components/select/Select.native.js +9 -9
- package/lib/components/select/SelectNativePropsDefaults.js +19 -1
- package/lib/components/select/SelectProps.d.ts +1 -0
- package/lib/components/select/SelectPropsDefaults.js +19 -1
- package/lib/components/select/option/SelectOptionPropsDefaults.js +11 -1
- package/lib/components/select/web/SelectNative.js +2 -2
- package/lib/components/stepper/Stepper.js +26 -17
- package/lib/components/stepper/Stepper.native.js +20 -26
- package/lib/components/stepper/step/Step.js +8 -15
- package/lib/components/stepper/step/StepPropsDefaults.js +11 -1
- package/lib/components/sticker/StickerPropsDefaults.js +11 -1
- package/lib/components/tabs/tab-list/tab/TabPropsDefaults.js +11 -1
- package/lib/components/tag/TagPropsDefaults.js +6 -1
- package/lib/components/text/TextPropsDefaults.js +4 -0
- package/lib/components/textarea/Textarea.native.js +27 -18
- package/lib/components/textarea/TextareaProps.d.ts +2 -2
- package/lib/components/timeline/marker/TimelineMarkerPropsDefaults.js +11 -1
- package/lib/components/timeline/marker/TimelineMarkerWebPropsDefaults.js +11 -1
- package/lib/components/{timepicker-circular/TimepickerCircularPropsDefaults.js → timepicker/BaseTimepickerPropsDefaults.js} +7 -0
- package/lib/components/timepicker/CircularTimepickerPropsDefaults.js +56 -0
- package/lib/components/timepicker/DefaultTimepickerPropsDefaults.js +88 -0
- package/lib/components/timepicker/Timepicker.d.ts +16 -0
- package/lib/components/timepicker/Timepicker.js +26 -0
- package/lib/components/timepicker/Timepicker.native.d.ts +4 -0
- package/lib/components/timepicker/Timepicker.native.js +14 -0
- package/lib/components/timepicker/TimepickerProps.d.ts +23 -0
- package/lib/components/timepicker/TimepickerProps.js +2 -0
- package/lib/components/timepicker/circular/TimepickerCircular.d.ts +11 -0
- package/lib/components/timepicker/circular/TimepickerCircular.js +351 -0
- package/lib/components/timepicker/circular/TimepickerCircular.native.js +467 -0
- package/lib/components/{timepicker-circular → timepicker/circular}/TimepickerCircularEnum.js +1 -1
- package/lib/components/timepicker/circular/TimepickerCircularProps.d.ts +7 -0
- package/lib/components/timepicker/circular/TimepickerCircularProps.js +2 -0
- package/lib/components/{timepicker-circular → timepicker/circular}/index.js +1 -1
- package/lib/components/timepicker/default/TimepickerDefault.d.ts +4 -0
- package/lib/components/timepicker/default/TimepickerDefault.js +206 -0
- package/lib/components/timepicker/default/TimepickerDefault.native.d.ts +5 -0
- package/lib/components/timepicker/default/TimepickerDefault.native.js +83 -0
- package/lib/components/timepicker/default/TimepickerDefaultProps.d.ts +6 -0
- package/lib/components/timepicker/default/TimepickerDefaultProps.js +2 -0
- package/lib/components/timepicker/default/TimepickerDefaultPropsDefaults.js +9 -0
- package/lib/components/timepicker/default/index.d.ts +2 -0
- package/lib/components/timepicker/default/index.js +3 -0
- package/lib/components/timepicker/default/selector/TimepickerSelector.d.ts +13 -0
- package/lib/components/timepicker/default/selector/TimepickerSelector.js +22 -0
- package/lib/components/timepicker/default/selector/TimepickerSelector.native.d.ts +13 -0
- package/lib/components/timepicker/default/selector/TimepickerSelector.native.js +69 -0
- package/lib/components/timepicker/default/selector/index.d.ts +2 -0
- package/lib/components/timepicker/default/selector/index.js +3 -0
- package/lib/components/timepicker/default/selector/item/TimepickerSelectorItem.d.ts +12 -0
- package/lib/components/timepicker/default/selector/item/TimepickerSelectorItem.js +14 -0
- package/lib/components/timepicker/default/selector/item/TimepickerSelectorItem.native.d.ts +12 -0
- package/lib/components/timepicker/default/selector/item/TimepickerSelectorItem.native.js +38 -0
- package/lib/components/timepicker/default/selector/item/index.d.ts +2 -0
- package/lib/components/timepicker/default/selector/item/index.js +3 -0
- package/lib/components/timepicker/index.d.ts +2 -0
- package/lib/components/timepicker/index.js +3 -0
- package/lib/objects/Typography/TypographyColor.d.ts +3 -1
- package/lib/objects/Typography/TypographyColor.js +9 -1
- package/lib/objects/facets/Grid.d.ts +9 -0
- package/lib/objects/facets/Grid.js +2 -0
- package/lib/objects/facets/Radius.d.ts +2 -0
- package/lib/objects/facets/Radius.js +14 -0
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +1 -1
- package/lib/components/timepicker-circular/TimepickerCircular.d.ts +0 -8
- package/lib/components/timepicker-circular/TimepickerCircular.js +0 -12
- package/lib/components/timepicker-circular/TimepickerCircular.native.js +0 -523
- package/lib/components/timepicker-circular/TimepickerCircularProps.d.ts +0 -13
- package/lib/components/timepicker-circular/TimepickerCircularProps.js +0 -2
- /package/lib/components/{timepicker-circular → timepicker/circular}/TimepickerCircular.native.d.ts +0 -0
- /package/lib/components/{timepicker-circular → timepicker/circular}/TimepickerCircularEnum.d.ts +0 -0
- /package/lib/components/{timepicker-circular → timepicker/circular}/index.d.ts +0 -0
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../../../../../components/enumsComponentsName';
|
|
3
|
+
import { SelectOption } from '../../../../../../components/select';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
/**
|
|
6
|
+
* PromptSelectOption component - Option item for PromptSelect dropdown
|
|
7
|
+
* @param value {string} Option value
|
|
8
|
+
* @param children {ReactNode} Option display text
|
|
9
|
+
* @param disabled {boolean} Whether the option is disabled
|
|
10
|
+
* @param className {string} Additional CSS classes (ONLY FOR WEB)
|
|
11
|
+
* @param testId {string} Test Id for Test Integration
|
|
12
|
+
*/
|
|
13
|
+
var PromptSelectOption = React.forwardRef(function (_a, ref) {
|
|
14
|
+
var others = __rest(_a, []);
|
|
15
|
+
return React.createElement(SelectOption, __assign({ ref: ref }, others));
|
|
16
|
+
});
|
|
17
|
+
PromptSelectOption.displayName = ComponentName.PromptSelectOption;
|
|
18
|
+
export default PromptSelectOption;
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0U2VsZWN0T3B0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9tcHQvdG9vbGJhci90b29scy9zZWxlY3Qvb3B0aW9ucy9Qcm9tcHRTZWxlY3RPcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRWxELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6Qjs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxrQkFBa0IsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUEyQyxVQUFDLEVBQWEsRUFBRSxHQUFHO1FBQWIsTUFBTSxjQUFYLEVBQWEsQ0FBRjtJQUNoRyxPQUFPLG9CQUFDLFlBQVksYUFBQyxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQy9DLENBQUMsQ0FBQyxDQUFBO0FBRUYsa0JBQWtCLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQTtBQUNqRSxlQUFlLGtCQUFrQixDQUFBIn0=
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { SelectOptionProps } from '../../../../../../components/select/option/SelectOptionProps';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
declare const PromptSelectOption: React.ForwardRefExoticComponent<SelectOptionProps<string> & React.RefAttributes<import("react-native/types").TouchableOpacity>>;
|
|
4
|
+
export default PromptSelectOption;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../../../../../components/enumsComponentsName';
|
|
3
|
+
import SelectOption from '../../../../../../components/select/option/SelectOption.native';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
var PromptSelectOption = React.forwardRef(function (_a, ref) {
|
|
6
|
+
var others = __rest(_a, []);
|
|
7
|
+
return React.createElement(SelectOption, __assign({ ref: ref }, others));
|
|
8
|
+
});
|
|
9
|
+
PromptSelectOption.displayName = ComponentName.PromptSelectOption;
|
|
10
|
+
export default PromptSelectOption;
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0U2VsZWN0T3B0aW9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcHJvbXB0L3Rvb2xiYXIvdG9vbHMvc2VsZWN0L29wdGlvbnMvUHJvbXB0U2VsZWN0T3B0aW9uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLFlBQVksTUFBTSxnREFBZ0QsQ0FBQTtBQUV6RSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsSUFBTSxrQkFBa0IsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFpRCxVQUFDLEVBQWEsRUFBRSxHQUFHO1FBQWIsTUFBTSxjQUFYLEVBQWEsQ0FBRjtJQUN0RyxPQUFPLG9CQUFDLFlBQVksYUFBQyxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQy9DLENBQUMsQ0FBQyxDQUFBO0FBRUYsa0JBQWtCLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQTtBQUNqRSxlQUFlLGtCQUFrQixDQUFBIn0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0U2VsZWN0T3B0aW9uUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb21wdC90b29sYmFyL3Rvb2xzL3NlbGVjdC9vcHRpb25zL1Byb21wdFNlbGVjdE9wdGlvblByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import PromptSelectOption from './PromptSelectOption';
|
|
2
|
+
export * from './PromptSelectOptionProps';
|
|
3
|
+
export { PromptSelectOption };
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb21wdC90b29sYmFyL3Rvb2xzL3NlbGVjdC9vcHRpb25zL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sa0JBQWtCLE1BQU0sc0JBQXNCLENBQUE7QUFFckQsY0FBYywyQkFBMkIsQ0FBQTtBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQSJ9
|
|
@@ -6,6 +6,7 @@ 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
|
|
9
10
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
10
11
|
* @param className {string} Additional CSS Classes
|
|
11
12
|
* @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';
|
|
5
6
|
import { getAlignClassName } from '../../../objects';
|
|
6
7
|
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,14 +13,16 @@ 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
|
|
16
17
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
17
18
|
* @param className {string} Additional CSS Classes
|
|
18
19
|
* @param accessibilityLabelledBy {string} aria-labelledby attribute
|
|
19
20
|
*/
|
|
20
21
|
var RadioTiles = React.forwardRef(function (_a, ref) {
|
|
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"]);
|
|
22
|
+
var id = _a.id, className = _a.className, children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign, numberCols = _a.numberCols, accessibilityLabelledBy = _a.accessibilityLabelledBy, others = __rest(_a, ["id", "className", "children", "align", "verticalAlign", "numberCols", "accessibilityLabelledBy"]);
|
|
22
23
|
var styled = useTrilogyContext().styled;
|
|
23
24
|
var alignClass = null;
|
|
25
|
+
var verticalAlignClass = null;
|
|
24
26
|
if (align) {
|
|
25
27
|
alignClass =
|
|
26
28
|
(getAlignClassName(align) === 'aligned-start' && is('justified-start')) ||
|
|
@@ -28,7 +30,6 @@ var RadioTiles = React.forwardRef(function (_a, ref) {
|
|
|
28
30
|
(getAlignClassName(align) === 'aligned-end' && is('justified-end')) ||
|
|
29
31
|
null;
|
|
30
32
|
}
|
|
31
|
-
var verticalAlignClass = null;
|
|
32
33
|
if (verticalAlign) {
|
|
33
34
|
verticalAlignClass =
|
|
34
35
|
(getAlignClassName(verticalAlign) === 'aligned-start' && is('aligned-start')) ||
|
|
@@ -37,8 +38,29 @@ var RadioTiles = React.forwardRef(function (_a, ref) {
|
|
|
37
38
|
(getAlignClassName(verticalAlign) === 'aligned-stretch' && is('aligned-stretch')) ||
|
|
38
39
|
null;
|
|
39
40
|
}
|
|
40
|
-
|
|
41
|
+
var getGridColumnClasses = function () {
|
|
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));
|
|
41
63
|
});
|
|
42
64
|
RadioTiles.displayName = ComponentName.RadioTiles;
|
|
43
65
|
export default RadioTiles;
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcmFkaW8vdGlsZXMvUmFkaW9UaWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNqQyxVQUNFLEVBQWlHLEVBQ2pHLEdBQUc7SUFERCxJQUFBLEVBQUUsUUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsdUJBQXVCLDZCQUFBLEVBQUssTUFBTSxjQUEvRixrR0FBaUcsQ0FBRjtJQUd2RixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFJLFVBQVUsR0FBRyxJQUFJLENBQUE7SUFDckIsSUFBSSxrQkFBa0IsR0FBRyxJQUFJLENBQUE7SUFFN0IsSUFBSSxLQUFLLEVBQUU7UUFDVCxVQUFVO1lBQ1IsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsS0FBSyxlQUFlLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLENBQUM7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
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { RadioTilesProps } from '../../../components/radio/tiles/RadioTilesProps';
|
|
1
|
+
import { RadioTilesNativeRef, RadioTilesProps } from '../../../components/radio/tiles/RadioTilesProps';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { View } from 'react-native';
|
|
4
3
|
/**
|
|
5
4
|
* RadioTiles
|
|
6
5
|
* @param id {string}
|
|
7
6
|
* @param children {ReactNode}
|
|
8
7
|
* @param align { Alignable | AlignableValues} align content
|
|
9
8
|
* @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<RadioTilesNativeRef>>;
|
|
12
12
|
export default RadioTiles;
|
|
@@ -2,19 +2,34 @@ import { __assign, __rest } from "tslib";
|
|
|
2
2
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
3
|
import { SpacerSize } from '../../../components/spacer';
|
|
4
4
|
import { Alignable } from '../../../objects/facets/Alignable';
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import { StyleSheet, View } from 'react-native';
|
|
5
|
+
import React, { useCallback, useMemo } from 'react';
|
|
6
|
+
import { FlatList, StyleSheet, View } from 'react-native';
|
|
7
|
+
import { RadioTilesContext } from './context';
|
|
7
8
|
/**
|
|
8
9
|
* RadioTiles
|
|
9
10
|
* @param id {string}
|
|
10
11
|
* @param children {ReactNode}
|
|
11
12
|
* @param align { Alignable | AlignableValues} align content
|
|
12
13
|
* @param verticalAlign { Alignable | AlignableValues} align vertical content
|
|
14
|
+
* @param numberCols {GridSize | GridItemSize} number of columns for grid layout
|
|
13
15
|
*/
|
|
14
16
|
var RadioTiles = React.forwardRef(function (_a, ref) {
|
|
15
|
-
var id = _a.id, children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign, others = __rest(_a, ["id", "children", "align", "verticalAlign"]);
|
|
17
|
+
var id = _a.id, children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign, numberCols = _a.numberCols, others = __rest(_a, ["id", "children", "align", "verticalAlign", "numberCols"]);
|
|
18
|
+
var childArray = useMemo(function () { return React.Children.toArray(children).filter(React.isValidElement); }, [children]);
|
|
19
|
+
var columnCount = useMemo(function () {
|
|
20
|
+
if (!numberCols || numberCols === 1)
|
|
21
|
+
return null;
|
|
22
|
+
if (typeof numberCols === 'number')
|
|
23
|
+
return numberCols;
|
|
24
|
+
if (numberCols.mobile === 1 || numberCols.tablet === 1)
|
|
25
|
+
return null;
|
|
26
|
+
return numberCols.mobile || numberCols.tablet;
|
|
27
|
+
}, [numberCols]);
|
|
16
28
|
var styles = StyleSheet.create({
|
|
17
29
|
container: {
|
|
30
|
+
flexDirection: 'row',
|
|
31
|
+
flexWrap: 'wrap',
|
|
32
|
+
gap: SpacerSize.TWO,
|
|
18
33
|
alignItems: (verticalAlign === Alignable.ALIGNED_CENTER && 'center') ||
|
|
19
34
|
(verticalAlign === Alignable.ALIGNED_START && 'flex-start') ||
|
|
20
35
|
(verticalAlign === Alignable.ALIGNED_END && 'flex-end') ||
|
|
@@ -23,13 +38,26 @@ var RadioTiles = React.forwardRef(function (_a, ref) {
|
|
|
23
38
|
(align === Alignable.ALIGNED_START && 'flex-start') ||
|
|
24
39
|
(align === Alignable.ALIGNED_END && 'flex-end') ||
|
|
25
40
|
undefined,
|
|
26
|
-
|
|
27
|
-
|
|
41
|
+
},
|
|
42
|
+
columnWrapper: {
|
|
28
43
|
gap: SpacerSize.TWO,
|
|
44
|
+
marginBottom: SpacerSize.TWO,
|
|
29
45
|
},
|
|
30
46
|
});
|
|
31
|
-
|
|
47
|
+
var renderItem = useCallback(function (_a) {
|
|
48
|
+
var item = _a.item, index = _a.index;
|
|
49
|
+
if (!columnCount)
|
|
50
|
+
return React.createElement(View, { style: { flex: 1 } }, item);
|
|
51
|
+
var isLastItem = index === childArray.length - 1;
|
|
52
|
+
var isOddItem = childArray.length % columnCount !== 0 && isLastItem;
|
|
53
|
+
return (React.createElement(View, { style: {
|
|
54
|
+
flex: isOddItem ? 0 : 1,
|
|
55
|
+
width: isOddItem ? "".concat(100 / columnCount, "%") : undefined,
|
|
56
|
+
} }, item));
|
|
57
|
+
}, [childArray.length, columnCount]);
|
|
58
|
+
var keyExtractor = useCallback(function (_, index) { return index.toString(); }, []);
|
|
59
|
+
return (React.createElement(RadioTilesContext.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({ ref: ref, id: id, style: [styles.container] }, others), children))));
|
|
32
60
|
});
|
|
33
61
|
RadioTiles.displayName = ComponentName.RadioTiles;
|
|
34
62
|
export default RadioTiles;
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlcy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL3RpbGVzL1JhZGlvVGlsZXMubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDdEQsT0FBTyxLQUFLLEVBQUUsRUFBd0IsV0FBVyxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6RSxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDekQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNqQyxVQUFDLEVBQTZELEVBQUUsR0FBRztJQUFoRSxJQUFBLEVBQUUsUUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUssTUFBTSxjQUEzRCwwREFBNkQsQ0FBRjtJQUMxRCxJQUFNLFVBQVUsR0FBRyxPQUFPLENBQUMsY0FBTSxPQUFBLEtBQUssQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsY0FBYyxDQUFDLEVBQTdELENBQTZELEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRTNHLElBQU0sV0FBVyxHQUFHLE9BQU8sQ0FBQztRQUMxQixJQUFJLENBQUMsVUFBVSxJQUFJLFVBQVUsS0FBSyxDQUFDO1lBQUUsT0FBTyxJQUFJLENBQUE7UUFDaEQsSUFBSSxP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
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { GridItemSize, GridSize } from '../../../objects/facets/Grid';
|
|
3
|
+
import { FlatList, View } from 'react-native';
|
|
3
4
|
import { AlignableProps } from '../../../objects';
|
|
4
5
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
5
|
-
/**
|
|
6
|
-
* Columns Item Interface
|
|
7
|
-
*/
|
|
8
6
|
export interface RadioTilesProps extends AlignableProps, CommonProps {
|
|
9
7
|
children: React.ReactNode;
|
|
10
8
|
accessibilityLabelledBy?: string;
|
|
9
|
+
numberCols?: GridSize | GridItemSize;
|
|
11
10
|
}
|
|
12
11
|
export type RadioTilesRef = HTMLDivElement;
|
|
13
|
-
export type RadioTilesNativeRef = View;
|
|
12
|
+
export type RadioTilesNativeRef = View | FlatList;
|
|
@@ -20,6 +20,25 @@ 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
|
+
},
|
|
23
42
|
"align": {
|
|
24
43
|
"type": "enum",
|
|
25
44
|
"values": [
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export var RadioTilesContext = React.createContext({
|
|
3
|
+
isGrid: false,
|
|
4
|
+
});
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlc0NvbnRleHQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL3RpbGVzL2NvbnRleHQvUmFkaW9UaWxlc0NvbnRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixNQUFNLENBQUMsSUFBTSxpQkFBaUIsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUF5QjtJQUMzRSxNQUFNLEVBQUUsS0FBSztDQUNkLENBQUMsQ0FBQSJ9
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlc0NvbnRleHRQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcmFkaW8vdGlsZXMvY29udGV4dC9SYWRpb1RpbGVzQ29udGV4dFByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './RadioTilesContext';
|
|
2
|
+
export * from './RadioTilesContextProps';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL3RpbGVzL2NvbnRleHQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQTtBQUNuQyxjQUFjLDBCQUEwQixDQUFBIn0=
|
|
@@ -6,7 +6,7 @@ import React from 'react';
|
|
|
6
6
|
* @param disabled {boolean} Disabled
|
|
7
7
|
* @param readOnly {boolean} readonly radio
|
|
8
8
|
* @param id {string} Id for button, by default id is generate
|
|
9
|
-
* @param label {string} Label for radio
|
|
9
|
+
* @param label {string | ReactNode} Label for radio
|
|
10
10
|
* @param description {ReactNode} Description for radio
|
|
11
11
|
* @param onChange {ChangeEvent}
|
|
12
12
|
* @param name {string} Name for radio
|
|
@@ -14,7 +14,7 @@ import React from 'react';
|
|
|
14
14
|
* @param disabled {boolean} Disabled
|
|
15
15
|
* @param readOnly {boolean} readonly radio
|
|
16
16
|
* @param id {string} Id for button, by default id is generate
|
|
17
|
-
* @param label {string} Label for radio
|
|
17
|
+
* @param label {string | ReactNode} Label for radio
|
|
18
18
|
* @param description {ReactNode} Description for radio
|
|
19
19
|
* @param onChange {ChangeEvent}
|
|
20
20
|
* @param name {string} Name for radio
|
|
@@ -30,26 +30,29 @@ import React from 'react';
|
|
|
30
30
|
var RadioTile = 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
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
33
|
+
var inputRef = React.useRef(null);
|
|
34
|
+
var handleDivClick = function () {
|
|
35
|
+
if (!disabled && !readonly && inputRef.current) {
|
|
36
|
+
inputRef.current.click();
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx('radio-tile', horizontal && is('horizontal'), className)), onClick: handleDivClick, "aria-checked": checked, "aria-disabled": disabled, role: 'radio' },
|
|
40
|
+
icon && React.createElement(Icon, { name: icon, size: IconSize.MEDIUM }),
|
|
41
|
+
React.createElement("div", { className: hashClass(styled, clsx('radio-content')) },
|
|
42
|
+
description && React.createElement("span", { className: hashClass(styled, clsx('radio-description')) }, description),
|
|
43
|
+
React.createElement("input", __assign({ ref: inputRef, type: 'radio', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: checked, required: required, style: { position: 'absolute', opacity: 0, pointerEvents: 'none' }, onClick: function (e) { return e.stopPropagation(); }, onChange: function (e) {
|
|
44
|
+
if (onChange && !disabled && !readonly) {
|
|
45
|
+
onChange(Object.assign(e, {
|
|
46
|
+
radioId: e.target.id,
|
|
47
|
+
radioValue: e.target.value,
|
|
48
|
+
radioName: e.target.name,
|
|
49
|
+
radioChecked: e.target.checked,
|
|
50
|
+
}));
|
|
51
|
+
}
|
|
52
|
+
} }, others)),
|
|
53
|
+
React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('radio-label')) }, label)),
|
|
51
54
|
sticker && React.createElement(Sticker, { label: sticker, variant: stickerVariant, className: 'radio-sticker', small: true })));
|
|
52
55
|
});
|
|
53
56
|
RadioTile.displayName = ComponentName.RadioTile;
|
|
54
57
|
export default RadioTile;
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby90aWxlcy90aWxlL1JhZGlvVGlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRWxELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDaEMsVUFDRSxFQWlCQyxFQUNELEdBQUc7SUFqQkQsSUFBQSxPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixVQUFrQixFQUFsQixFQUFFLG1CQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBQSxFQUNsQixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLHNCQUFvQyxFQUFwQyxjQUFjLG1CQUFHLFlBQVks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
|
|
@@ -8,8 +8,9 @@ import { VariantState } from '../../../../objects';
|
|
|
8
8
|
import { getColorStyle, TrilogyColor } from '../../../../objects/facets/Color';
|
|
9
9
|
import { TypographyAlign, TypographyColor } from '../../../../objects/Typography';
|
|
10
10
|
import { TypographyBold } from '../../../../objects/Typography/TypographyBold';
|
|
11
|
-
import React, { useCallback, useMemo, useState } from 'react';
|
|
11
|
+
import React, { useCallback, useContext, useMemo, useState } from 'react';
|
|
12
12
|
import { StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
13
|
+
import { RadioTilesContext } from '../context';
|
|
13
14
|
/**
|
|
14
15
|
* radioTile Component
|
|
15
16
|
* @param checked {boolean} Checked radio
|
|
@@ -27,17 +28,19 @@ import { StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
|
27
28
|
*/
|
|
28
29
|
var RadioTile = React.forwardRef(function (_a, ref) {
|
|
29
30
|
var checked = _a.checked, disabled = _a.disabled, _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, readonly = _a.readonly, sticker = _a.sticker, _c = _a.stickerVariant, stickerVariant = _c === void 0 ? VariantState.ACCENT : _c, others = __rest(_a, ["checked", "disabled", "id", "label", "onChange", "name", "value", "description", "icon", "horizontal", "readonly", "sticker", "stickerVariant"]);
|
|
31
|
+
var isGrid = useContext(RadioTilesContext).isGrid;
|
|
30
32
|
var _d = __read(useState(0), 2), stickerHeight = _d[0], setStickerHeight = _d[1];
|
|
31
33
|
var styles = StyleSheet.create({
|
|
32
34
|
container: {
|
|
35
|
+
flex: isGrid ? 1 : undefined,
|
|
33
36
|
flexDirection: horizontal ? 'row' : 'column',
|
|
34
|
-
width: horizontal ? '100%' : undefined,
|
|
37
|
+
width: horizontal || isGrid ? '100%' : undefined,
|
|
35
38
|
borderWidth: checked ? 2 : 1,
|
|
36
39
|
alignItems: 'center',
|
|
37
40
|
gap: SpacerSize.THREE,
|
|
38
41
|
borderRadius: 6,
|
|
39
42
|
padding: !checked ? SpacerSize.FOUR : SpacerSize.FOUR - 1,
|
|
40
|
-
maxWidth: horizontal ? undefined : '50%',
|
|
43
|
+
maxWidth: horizontal || isGrid ? undefined : '50%',
|
|
41
44
|
backgroundColor: getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : TrilogyColor.BACKGROUND),
|
|
42
45
|
borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED : checked ? TrilogyColor.MAIN : TrilogyColor.STROKE),
|
|
43
46
|
},
|
|
@@ -87,7 +90,7 @@ var RadioTile = React.forwardRef(function (_a, ref) {
|
|
|
87
90
|
icon && (React.createElement(View, { style: [styles.icon] },
|
|
88
91
|
React.createElement(Icon, { size: IconSize.SMALL, name: icon }))),
|
|
89
92
|
React.createElement(View, { style: [styles.content] },
|
|
90
|
-
label && (React.createElement(Text, { level: TextLevels.ONE, typo: typoTitle }, String(label))),
|
|
93
|
+
label && typeof label === 'string' ? (React.createElement(Text, { level: TextLevels.ONE, typo: typoTitle }, String(label))) : (label),
|
|
91
94
|
description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, typo: typoText }, String(description))) : (description))));
|
|
92
95
|
});
|
|
93
96
|
var InputRadio = function (_a) {
|
|
@@ -121,4 +124,4 @@ var InputRadio = function (_a) {
|
|
|
121
124
|
};
|
|
122
125
|
RadioTile.displayName = ComponentName.RadioTile;
|
|
123
126
|
export default RadioTile;
|
|
124
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
127
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcmFkaW8vdGlsZXMvdGlsZS9SYWRpb1RpbGUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ2hELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsZUFBZSxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3ZFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQTtBQUNwRSxPQUFPLEtBQUssRUFBRSxFQUFFLFdBQVcsRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6RSxPQUFPLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNqRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFOUM7Ozs7Ozs7Ozs7Ozs7O0dBY0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUNFLEVBZUMsRUFDRCxHQUFHO0lBZkQsSUFBQSxPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixVQUFr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
|
|
@@ -1,9 +1,16 @@
|
|
|
1
1
|
export default {
|
|
2
|
-
"
|
|
3
|
-
"type": "
|
|
2
|
+
"label": {
|
|
3
|
+
"type": "react",
|
|
4
4
|
"values": [
|
|
5
5
|
"undefined",
|
|
6
|
-
"
|
|
6
|
+
"null",
|
|
7
|
+
"string",
|
|
8
|
+
"number",
|
|
9
|
+
"false",
|
|
10
|
+
"true",
|
|
11
|
+
"JSXElementConstructor<any>>",
|
|
12
|
+
"ReactNode>",
|
|
13
|
+
"ReactPortal"
|
|
7
14
|
]
|
|
8
15
|
},
|
|
9
16
|
"horizontal": {
|
|
@@ -23,6 +30,7 @@ export default {
|
|
|
23
30
|
"tri-arrow-left",
|
|
24
31
|
"tri-arrow-right",
|
|
25
32
|
"tri-arrow-up",
|
|
33
|
+
"tri-arrow-high",
|
|
26
34
|
"tri-bell",
|
|
27
35
|
"tri-calendar",
|
|
28
36
|
"tri-check-circle",
|
|
@@ -30,7 +38,9 @@ export default {
|
|
|
30
38
|
"tri-exclamation-circle",
|
|
31
39
|
"tri-eye-slash",
|
|
32
40
|
"tri-eye",
|
|
41
|
+
"tri-file-attached",
|
|
33
42
|
"tri-infos-circle",
|
|
43
|
+
"tri-micro",
|
|
34
44
|
"tri-search",
|
|
35
45
|
"tri-times",
|
|
36
46
|
"tri-trash",
|
|
@@ -42,11 +52,14 @@ export default {
|
|
|
42
52
|
"tri-picto-payment-mastercard",
|
|
43
53
|
"tri-picto-payment-paypal",
|
|
44
54
|
"tri-picto-payment-visa",
|
|
55
|
+
"tri-paperclip",
|
|
56
|
+
"tri-clock",
|
|
45
57
|
"tri-alert",
|
|
46
58
|
"tri-arrow-down",
|
|
47
59
|
"tri-arrow-left",
|
|
48
60
|
"tri-arrow-right",
|
|
49
61
|
"tri-arrow-up",
|
|
62
|
+
"tri-arrow-high",
|
|
50
63
|
"tri-bell",
|
|
51
64
|
"tri-calendar",
|
|
52
65
|
"tri-check-circle",
|
|
@@ -54,7 +67,9 @@ export default {
|
|
|
54
67
|
"tri-exclamation-circle",
|
|
55
68
|
"tri-eye-slash",
|
|
56
69
|
"tri-eye",
|
|
70
|
+
"tri-file-attached",
|
|
57
71
|
"tri-infos-circle",
|
|
72
|
+
"tri-micro",
|
|
58
73
|
"tri-search",
|
|
59
74
|
"tri-times",
|
|
60
75
|
"tri-trash",
|
|
@@ -65,7 +80,9 @@ export default {
|
|
|
65
80
|
"tri-picto-payment-cb",
|
|
66
81
|
"tri-picto-payment-mastercard",
|
|
67
82
|
"tri-picto-payment-paypal",
|
|
68
|
-
"tri-picto-payment-visa"
|
|
83
|
+
"tri-picto-payment-visa",
|
|
84
|
+
"tri-paperclip",
|
|
85
|
+
"tri-clock"
|
|
69
86
|
]
|
|
70
87
|
},
|
|
71
88
|
"description": {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { VariantProps } from '../../../../objects';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
3
|
import { TouchableOpacity } from 'react-native';
|
|
4
4
|
import { IconName, IconNameValues } from '../../../../components/icon';
|
|
5
5
|
import { RadioNativeProps, RadioProps } from '../../../../components/radio/RadioProps';
|
|
@@ -13,9 +13,11 @@ interface RadioTilePropsCommon {
|
|
|
13
13
|
sticker?: string;
|
|
14
14
|
stickerVariant?: VariantProps['variant'];
|
|
15
15
|
}
|
|
16
|
-
export interface RadioTileProps extends RadioProps, RadioTilePropsCommon {
|
|
16
|
+
export interface RadioTileProps extends Omit<RadioProps, 'label'>, RadioTilePropsCommon {
|
|
17
|
+
label?: string | ReactNode;
|
|
17
18
|
}
|
|
18
|
-
export interface RadioTileNativeProps extends RadioNativeProps, RadioTilePropsCommon {
|
|
19
|
+
export interface RadioTileNativeProps extends Omit<RadioNativeProps, 'label'>, RadioTilePropsCommon {
|
|
20
|
+
label?: string | ReactNode;
|
|
19
21
|
}
|
|
20
22
|
export type RadioTileRef = HTMLDivElement;
|
|
21
23
|
export type RadioTileNativeRef = TouchableOpacity;
|