@pedidopago/ui 1.7.26 → 1.8.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/dist/components/Alert/alert.test.js +1 -85
- package/dist/components/Alert/index.js +1 -63
- package/dist/components/Alert/styles.js +1 -32
- package/dist/components/Avatar/avatar.test.js +1 -67
- package/dist/components/Avatar/index.js +1 -94
- package/dist/components/Avatar/styles.js +1 -51
- package/dist/components/Badge/badge.test.js +1 -71
- package/dist/components/Badge/index.js +2 -43
- package/dist/components/Badge/styles.js +1 -33
- package/dist/components/Button/Button.test.js +1 -154
- package/dist/components/Button/index.js +1 -87
- package/dist/components/Button/styles.js +1 -112
- package/dist/components/Card/card.test.js +1 -30
- package/dist/components/Card/index.js +1 -44
- package/dist/components/Card/styles.js +1 -16
- package/dist/components/CheckboxInput/checkbox-input.test.js +1 -170
- package/dist/components/CheckboxInput/components/MultipleCheckbox.js +1 -205
- package/dist/components/CheckboxInput/index.js +1 -94
- package/dist/components/CheckboxInput/styles.js +1 -34
- package/dist/components/ChoiceList/index.d.ts +6 -0
- package/dist/components/ChoiceList/index.d.ts.map +1 -0
- package/dist/components/ChoiceList/index.js +1 -0
- package/dist/components/ChoiceList/styles.d.ts +22 -0
- package/dist/components/ChoiceList/styles.d.ts.map +1 -0
- package/dist/components/ChoiceList/styles.js +1 -0
- package/dist/components/ChoiceList/types.d.ts +24 -0
- package/dist/components/ChoiceList/types.d.ts.map +1 -0
- package/dist/components/ChoiceList/types.js +1 -0
- package/dist/components/CollapseCard/ExpandButton/index.js +1 -40
- package/dist/components/CollapseCard/ExpandButton/styles.js +1 -16
- package/dist/components/CollapseCard/expand-button.test.js +1 -161
- package/dist/components/CollapseCard/index.js +1 -98
- package/dist/components/CollapseCard/styles.js +1 -26
- package/dist/components/ColorPicker/colorpicker.test.js +1 -64
- package/dist/components/ColorPicker/components/ColorHue.js +1 -44
- package/dist/components/ColorPicker/components/ColorInput.js +1 -63
- package/dist/components/ColorPicker/components/ColorPickerBox.js +1 -52
- package/dist/components/ColorPicker/components/ColorPointer.js +1 -25
- package/dist/components/ColorPicker/components/ColorSelector.js +1 -107
- package/dist/components/ColorPicker/hooks/useCachedCallback.js +1 -16
- package/dist/components/ColorPicker/hooks/useHsva.js +1 -53
- package/dist/components/ColorPicker/index.js +1 -93
- package/dist/components/ColorPicker/styles.js +1 -46
- package/dist/components/ColorPicker/utils/checkers.js +1 -55
- package/dist/components/ColorPicker/utils/conversors.js +2 -243
- package/dist/components/ColorPicker/utils/parsers.js +10 -108
- package/dist/components/ComposeIcon/index.js +2 -48
- package/dist/components/ComposeIcon/styles.js +1 -53
- package/dist/components/DateInput/DateInput-example.js +7 -45
- package/dist/components/DateInput/components/ModalWrapper/index.js +1 -35
- package/dist/components/DateInput/components/ModalWrapper/styles.js +1 -21
- package/dist/components/DateInput/dateInput.test.js +2 -43
- package/dist/components/DateInput/index.js +2 -104
- package/dist/components/DateInput/styles.js +1 -18
- package/dist/components/DatePicker/components/DatePickerContent.js +2 -222
- package/dist/components/DatePicker/components/DateYearPicker.js +1 -102
- package/dist/components/DatePicker/datepicker.test.js +1 -120
- package/dist/components/DatePicker/index.js +1 -236
- package/dist/components/DatePicker/styles.js +1 -88
- package/dist/components/DatePicker/utils/getMonthName.js +1 -11
- package/dist/components/Dialog/dialog-example.js +1 -46
- package/dist/components/Dialog/dialog.test.js +1 -68
- package/dist/components/Dialog/index.js +2 -100
- package/dist/components/Dialog/styles.js +1 -31
- package/dist/components/Dropzone/dropzone.test.js +1 -69
- package/dist/components/Dropzone/index.js +1 -289
- package/dist/components/Dropzone/styles.js +1 -75
- package/dist/components/Dropzone/utils/accepts.js +2 -27
- package/dist/components/EmojiPicker/Emote/index.js +2 -24
- package/dist/components/EmojiPicker/Emote/styles.js +1 -27
- package/dist/components/EmojiPicker/EmotePickerData/constants.js +1 -51
- package/dist/components/EmojiPicker/EmotePickerData/index.js +2 -159
- package/dist/components/EmojiPicker/EmotePickerData/styles.js +1 -57
- package/dist/components/EmojiPicker/EmotePickerData/utils.js +1 -41
- package/dist/components/EmojiPicker/Example/EmotePickerExample.js +1 -43
- package/dist/components/EmojiPicker/animation.js +1 -43
- package/dist/components/EmojiPicker/index.js +1 -169
- package/dist/components/EmojiPicker/styles.js +1 -21
- package/dist/components/Flex/flex.test.js +1 -336
- package/dist/components/Flex/index.js +1 -49
- package/dist/components/Flex/styles.js +1 -25
- package/dist/components/Grid/grid.test.js +1 -134
- package/dist/components/Grid/index.js +1 -51
- package/dist/components/Grid/styles.js +1 -48
- package/dist/components/Icon/data/beauty.js +2 -206
- package/dist/components/Icon/data/dash.js +2 -2
- package/dist/components/Icon/data/ecommerce.js +2 -94
- package/dist/components/Icon/data/form.js +2 -248
- package/dist/components/Icon/data/health.js +2 -255
- package/dist/components/Icon/data/illustrations.js +2 -318
- package/dist/components/Icon/data/men.js +2 -52
- package/dist/components/Icon/data/payment.js +2 -94
- package/dist/components/Icon/data/pedidoPago.js +2 -45
- package/dist/components/Icon/data/physicalPerfomance.js +2 -283
- package/dist/components/Icon/data/social.js +2 -24
- package/dist/components/Icon/data/status.js +2 -115
- package/dist/components/Icon/data/summer.js +2 -52
- package/dist/components/Icon/data/woman.js +2 -80
- package/dist/components/Icon/icon.test.js +1 -57
- package/dist/components/Icon/index.js +1 -53
- package/dist/components/Icon/scripts/build.js +9 -104
- package/dist/components/Icon/scripts/extractor.js +2 -33
- package/dist/components/Icon/scripts/run-build.js +2 -7
- package/dist/components/Icon/scripts/writers.js +3 -34
- package/dist/components/Icon/styles.js +1 -22
- package/dist/components/Icon/utils/allIcons.js +1 -28
- package/dist/components/Icon/utils/iconExists.js +1 -13
- package/dist/components/IconItem/IconItem.test.js +1 -58
- package/dist/components/IconItem/index.js +1 -52
- package/dist/components/IconItem/styles.js +1 -43
- package/dist/components/Illustration/illustration.test.js +4 -50
- package/dist/components/Illustration/index.js +2 -65
- package/dist/components/Illustration/styles.js +1 -65
- package/dist/components/ImageItem/imageFake.js +1 -25
- package/dist/components/ImageItem/index.js +2 -66
- package/dist/components/ImageItem/input.test.js +1 -85
- package/dist/components/ImageItem/styles.js +1 -61
- package/dist/components/Input/index.js +1 -163
- package/dist/components/Input/input.test.js +1 -120
- package/dist/components/Input/styles.js +1 -177
- package/dist/components/Label/index.js +1 -45
- package/dist/components/Label/label.test.js +1 -83
- package/dist/components/Label/styles.js +1 -21
- package/dist/components/List/index.js +1 -39
- package/dist/components/List/list.test.js +1 -64
- package/dist/components/List/styles.js +1 -23
- package/dist/components/Modal/ModalExample.js +1 -70
- package/dist/components/Modal/index.js +1 -145
- package/dist/components/Modal/modal.test.js +1 -179
- package/dist/components/Modal/styles.js +1 -33
- package/dist/components/MultipleSelect/MultipleSelect.test.js +1 -334
- package/dist/components/MultipleSelect/animations.js +1 -25
- package/dist/components/MultipleSelect/components/InputWrapper/index.js +1 -26
- package/dist/components/MultipleSelect/components/OptionsArea/index.js +1 -244
- package/dist/components/MultipleSelect/components/OptionsArea/styles.js +1 -68
- package/dist/components/MultipleSelect/components/SelectArea/ButtonsArea.js +1 -27
- package/dist/components/MultipleSelect/components/SelectArea/SelectAreaWrapper.js +1 -37
- package/dist/components/MultipleSelect/components/SelectArea/SelectedOptionsArea.js +1 -49
- package/dist/components/MultipleSelect/components/SelectArea/index.js +1 -100
- package/dist/components/MultipleSelect/components/SelectArea/styles.js +1 -36
- package/dist/components/MultipleSelect/components/index.js +1 -38
- package/dist/components/MultipleSelect/index.js +1 -209
- package/dist/components/NewSelect/Examples/constants.js +1 -56
- package/dist/components/NewSelect/Examples/index.js +1 -161
- package/dist/components/NewSelect/components/Chip/index.js +1 -36
- package/dist/components/NewSelect/components/Chip/styles.js +1 -24
- package/dist/components/NewSelect/components/OptionsSelect/styles.js +1 -21
- package/dist/components/NewSelect/components/SelectInputSearch/index.js +1 -24
- package/dist/components/NewSelect/components/SelectItem/index.js +1 -22
- package/dist/components/NewSelect/components/SelectItem/styles.js +1 -24
- package/dist/components/NewSelect/index.js +1 -18
- package/dist/components/NewSelect/multiple/index.js +1 -246
- package/dist/components/NewSelect/newSelect.test.js +1 -108
- package/dist/components/NewSelect/single/index.js +1 -183
- package/dist/components/NewSelect/styles.js +1 -44
- package/dist/components/Observer/index.js +1 -59
- package/dist/components/Observer/observer.test.js +2 -43
- package/dist/components/Pagination/hooks/usePagination.js +1 -57
- package/dist/components/Pagination/index.js +1 -174
- package/dist/components/Pagination/pagination.test.js +1 -118
- package/dist/components/Pagination/styles.js +1 -78
- package/dist/components/Progress/Circle/index.js +1 -102
- package/dist/components/Progress/Circle/styles.js +1 -69
- package/dist/components/Progress/Linear/index.js +1 -62
- package/dist/components/Progress/Linear/styles.js +1 -66
- package/dist/components/Progress/getSteps.js +1 -17
- package/dist/components/Progress/index.js +1 -39
- package/dist/components/Progress/progress.test.js +1 -109
- package/dist/components/Radio/components/RadioGroup/index.d.ts +5 -0
- package/dist/components/Radio/components/RadioGroup/index.d.ts.map +1 -0
- package/dist/components/Radio/components/RadioGroup/index.js +1 -0
- package/dist/components/Radio/components/RadioGroup/styles.d.ts +19 -0
- package/dist/components/Radio/components/RadioGroup/styles.d.ts.map +1 -0
- package/dist/components/Radio/components/RadioGroup/styles.js +1 -0
- package/dist/components/Radio/components/RadioGroup/types.d.ts +17 -0
- package/dist/components/Radio/components/RadioGroup/types.d.ts.map +1 -0
- package/dist/components/Radio/components/RadioGroup/types.js +1 -0
- package/dist/components/Radio/index.d.ts +5 -0
- package/dist/components/Radio/index.d.ts.map +1 -0
- package/dist/components/Radio/index.js +1 -0
- package/dist/components/Radio/styles.d.ts +10 -0
- package/dist/components/Radio/styles.d.ts.map +1 -0
- package/dist/components/Radio/styles.js +1 -0
- package/dist/components/Radio/types.d.ts +6 -0
- package/dist/components/Radio/types.d.ts.map +1 -0
- package/dist/components/Radio/types.js +1 -0
- package/dist/components/Rating/index.js +1 -133
- package/dist/components/Rating/rating.test.js +1 -63
- package/dist/components/Rating/styles.js +1 -27
- package/dist/components/ReactPortal/index.js +1 -43
- package/dist/components/ReactPortal/reactPortal.test.js +1 -21
- package/dist/components/ReactPortal/utils/createWrapperAndApprendToBody.js +1 -12
- package/dist/components/Select/components/OptionsSelect/index.js +1 -73
- package/dist/components/Select/components/OptionsSelect/styles.js +1 -21
- package/dist/components/Select/index.js +4 -247
- package/dist/components/Select/select.test.js +1 -58
- package/dist/components/Select/styles.js +1 -46
- package/dist/components/Skeleton/index.js +1 -28
- package/dist/components/Skeleton/skeleton.test.js +1 -90
- package/dist/components/Skeleton/styles.js +1 -27
- package/dist/components/Slider/SliderExample.js +1 -52
- package/dist/components/Slider/components/SliderPointer.js +1 -39
- package/dist/components/Slider/components/SliderRail.js +1 -116
- package/dist/components/Slider/components/SliderSelector.js +1 -173
- package/dist/components/Slider/hooks/useEventCallback.js +1 -16
- package/dist/components/Slider/index.js +1 -137
- package/dist/components/Slider/slider.test.js +1 -121
- package/dist/components/Slider/styles.js +1 -69
- package/dist/components/Spinner/index.js +1 -26
- package/dist/components/Spinner/spinner.test.js +1 -45
- package/dist/components/Spinner/styles.js +1 -23
- package/dist/components/Steps/components/StepIcon/index.js +1 -50
- package/dist/components/Steps/components/StepIcon/styles.js +1 -42
- package/dist/components/Steps/components/StepIcon/utils.js +1 -22
- package/dist/components/Steps/index.js +1 -116
- package/dist/components/Steps/steps.test.js +1 -53
- package/dist/components/Steps/styles.js +1 -96
- package/dist/components/Steps/utils.js +1 -15
- package/dist/components/Switch/index.js +1 -73
- package/dist/components/Switch/styles.js +1 -58
- package/dist/components/Switch/switch.test.js +2 -115
- package/dist/components/Table/components/MenuItem.js +1 -59
- package/dist/components/Table/components/TableSkeleton.js +1 -39
- package/dist/components/Table/components/animations.js +1 -24
- package/dist/components/Table/index.js +2 -253
- package/dist/components/Table/styles.js +1 -49
- package/dist/components/Table/table.test.js +1 -114
- package/dist/components/Tabs/TabsExample.js +1 -64
- package/dist/components/Tabs/components/Tab.js +1 -49
- package/dist/components/Tabs/components/TabPanel.js +1 -25
- package/dist/components/Tabs/components/Tabs.js +1 -107
- package/dist/components/Tabs/index.js +1 -26
- package/dist/components/Tabs/styles.js +1 -61
- package/dist/components/Tabs/tabs.test.js +1 -146
- package/dist/components/Tag/index.js +1 -53
- package/dist/components/Tag/styles.js +1 -34
- package/dist/components/Tag/tag.test.js +1 -64
- package/dist/components/TextAreaInput/index.js +1 -74
- package/dist/components/TextAreaInput/styles.js +1 -53
- package/dist/components/TextAreaInput/text-area-input.test.js +1 -81
- package/dist/components/Thumbnail/index.js +1 -125
- package/dist/components/Thumbnail/styles.js +1 -47
- package/dist/components/Thumbnail/thumbnail.test.js +1 -66
- package/dist/components/Thumbnail/utils/index.js +1 -27
- package/dist/components/Thumbnail/utils/validate-file-size.js +1 -10
- package/dist/components/Thumbnail/utils/validate-file-type.js +1 -9
- package/dist/components/TimeInput/constants.js +1 -29
- package/dist/components/TimeInput/index.js +1 -288
- package/dist/components/TimeInput/styles.js +1 -34
- package/dist/components/TimeInput/utils.js +1 -94
- package/dist/components/Timeline/components/Timeline.js +1 -17
- package/dist/components/Timeline/components/TimelineContent.js +1 -61
- package/dist/components/Timeline/components/TimelineItem.js +1 -25
- package/dist/components/Timeline/components/TimelineSeparator.js +1 -20
- package/dist/components/Timeline/index.js +1 -33
- package/dist/components/Timeline/styles.js +1 -37
- package/dist/components/Timeline/timeline.test.js +1 -138
- package/dist/components/Toast/button-example.js +1 -31
- package/dist/components/Toast/components/Toast.js +1 -79
- package/dist/components/Toast/contexts/ToastProvider.js +1 -72
- package/dist/components/Toast/hooks/useToast.js +1 -18
- package/dist/components/Toast/index.js +1 -111
- package/dist/components/Toast/styles.js +1 -36
- package/dist/components/Toast/toast.test.js +1 -129
- package/dist/components/Tooltip/components/TooltipLabel.js +1 -71
- package/dist/components/Tooltip/example.js +1 -27
- package/dist/components/Tooltip/index.js +1 -187
- package/dist/components/Tooltip/styles.js +1 -20
- package/dist/components/Typography/index.js +1 -37
- package/dist/components/Typography/styles.js +1 -15
- package/dist/components/Typography/typography.test.js +1 -288
- package/dist/index.d.ts +5 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -548
- package/dist/shared/animations/opacityAnimation.js +1 -21
- package/dist/shared/assets/emotes.js +1 -1
- package/dist/shared/components/FocusLock/index.js +5 -86
- package/dist/shared/formatters/format-number.js +5 -41
- package/dist/shared/global.js +1 -8
- package/dist/shared/hooks/devices.js +1 -14
- package/dist/shared/hooks/useBreakpoints.js +2 -95
- package/dist/shared/hooks/useDebounce.js +1 -35
- package/dist/shared/hooks/useDevices.js +2 -42
- package/dist/shared/hooks/useDisableBodyScroll.js +5 -52
- package/dist/shared/hooks/useDraggableScroll/index.js +5 -65
- package/dist/shared/hooks/useKeyPress.js +1 -18
- package/dist/shared/hooks/useObserver.js +2 -29
- package/dist/shared/hooks/useOnClickOutside.js +1 -30
- package/dist/shared/hooks/useReposition/index.js +2 -53
- package/dist/shared/hooks/useSystemTheme.js +1 -38
- package/dist/shared/hooks/useWindowSize.js +1 -36
- package/dist/shared/tests/test-utils.js +1 -31
- package/dist/shared/theme/button-example.js +1 -31
- package/dist/shared/theme/contexts/ThemeContext.js +1 -90
- package/dist/shared/theme/hooks/useColorMode.js +1 -18
- package/dist/shared/theme/hooks/useColorModeValue.js +1 -13
- package/dist/shared/theme/hooks/useTheme.js +1 -17
- package/dist/shared/theme/index.js +1 -67
- package/dist/shared/theme/objects/breakpoints.js +1 -15
- package/dist/shared/theme/objects/colors.js +1 -177
- package/dist/shared/theme/objects/shadows.js +1 -19
- package/dist/shared/theme/objects/sizes.js +6 -33
- package/dist/shared/theme/objects/spaces.js +1 -75
- package/dist/shared/theme/objects/transitions.js +1 -10
- package/dist/shared/theme/objects/typography.js +1 -20
- package/dist/shared/theme/objects/z-indexes.js +1 -20
- package/dist/shared/theme/theme.js +1 -36
- package/dist/shared/theme/theme.test.js +1 -94
- package/dist/shared/theme/utils/extendTheme.js +1 -25
- package/dist/shared/theme/utils/localStorageController.js +1 -21
- package/dist/styled.d.js +1 -3
- package/dist/utils/GenerateKey.js +3 -18
- package/dist/utils/brightnessColorChange.js +2 -17
- package/dist/utils/colorCheck.js +6 -64
- package/dist/utils/colorFunctions.js +1 -39
- package/dist/utils/colorToGray.js +2 -64
- package/dist/utils/customColorMode.js +1 -11
- package/dist/utils/file.js +5 -124
- package/dist/utils/formatters/bytes.js +2 -17
- package/dist/utils/formatters/capitalize.js +2 -11
- package/dist/utils/formatters/cep.js +3 -18
- package/dist/utils/formatters/cnpj.js +4 -38
- package/dist/utils/formatters/color.js +12 -101
- package/dist/utils/formatters/cpf.js +16 -85
- package/dist/utils/formatters/credit-card.js +5 -54
- package/dist/utils/formatters/email.js +1 -8
- package/dist/utils/formatters/index.js +1 -170
- package/dist/utils/formatters/name.js +4 -31
- package/dist/utils/formatters/number.js +5 -14
- package/dist/utils/formatters/passport.js +5 -33
- package/dist/utils/formatters/phone.js +17 -214
- package/dist/utils/formatters/price.js +3 -21
- package/dist/utils/formatters/rg.js +3 -18
- package/dist/utils/formatters/strings.js +4 -27
- package/dist/utils/fuctionsColors.js +1 -39
- package/dist/utils/generateUUID.js +1 -13
- package/dist/utils/getColorValue.js +2 -23
- package/dist/utils/getSvg.js +1 -17
- package/dist/utils/getValuesBySize.js +1 -9
- package/dist/utils/invertColor.js +4 -40
- package/package.json +2 -1
|
@@ -1,109 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _testUtils = require("../../shared/tests/test-utils");
|
|
4
|
-
require("@testing-library/jest-dom");
|
|
5
|
-
var _ = require(".");
|
|
6
|
-
var _getSteps = require("./getSteps");
|
|
7
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
8
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
9
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
10
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
11
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
12
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
13
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
14
|
-
var setup = function setup(props) {
|
|
15
|
-
var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Progress, _objectSpread({}, props)));
|
|
16
|
-
return utils;
|
|
17
|
-
};
|
|
18
|
-
describe('Progress', function () {
|
|
19
|
-
it('Should render the Progress component', function () {
|
|
20
|
-
var _setup = setup({
|
|
21
|
-
percent: 50
|
|
22
|
-
}),
|
|
23
|
-
container = _setup.container;
|
|
24
|
-
expect(container).toBeInTheDocument();
|
|
25
|
-
});
|
|
26
|
-
it('Should render the Progress with different color', function () {
|
|
27
|
-
var randomColor = function randomColor() {
|
|
28
|
-
var color = Math.floor(Math.random() * 16777215).toString(16);
|
|
29
|
-
return "#".concat(color);
|
|
30
|
-
};
|
|
31
|
-
var _setup2 = setup({
|
|
32
|
-
percent: 20,
|
|
33
|
-
color: randomColor()
|
|
34
|
-
}),
|
|
35
|
-
container = _setup2.container;
|
|
36
|
-
expect(container).toBeInTheDocument();
|
|
37
|
-
});
|
|
38
|
-
it('Should render the Progress with animated bar', function () {
|
|
39
|
-
var _setup3 = setup({
|
|
40
|
-
percent: 80,
|
|
41
|
-
isAnimated: true
|
|
42
|
-
}),
|
|
43
|
-
container = _setup3.container;
|
|
44
|
-
expect(container).toBeInTheDocument();
|
|
45
|
-
});
|
|
46
|
-
it('Should render the Progress as Progress Bar', function () {
|
|
47
|
-
var _setup4 = setup({
|
|
48
|
-
percent: 20,
|
|
49
|
-
type: 'linear'
|
|
50
|
-
}),
|
|
51
|
-
container = _setup4.container;
|
|
52
|
-
expect(container).toBeInTheDocument();
|
|
53
|
-
});
|
|
54
|
-
it('Should render the Progress as Progress Bar with different height', function () {
|
|
55
|
-
var _setup5 = setup({
|
|
56
|
-
percent: 10,
|
|
57
|
-
height: 'sm'
|
|
58
|
-
}),
|
|
59
|
-
container = _setup5.container;
|
|
60
|
-
expect(container).toBeInTheDocument();
|
|
61
|
-
});
|
|
62
|
-
it('Should render the Progress as Progress Circle', function () {
|
|
63
|
-
var _setup6 = setup({
|
|
64
|
-
percent: 10,
|
|
65
|
-
type: 'circle'
|
|
66
|
-
}),
|
|
67
|
-
container = _setup6.container;
|
|
68
|
-
expect(container).toBeInTheDocument();
|
|
69
|
-
});
|
|
70
|
-
it('Should render the Progress as Progress Circle with different size', function () {
|
|
71
|
-
var _setup7 = setup({
|
|
72
|
-
percent: 10,
|
|
73
|
-
type: 'circle',
|
|
74
|
-
size: 200
|
|
75
|
-
}),
|
|
76
|
-
container = _setup7.container;
|
|
77
|
-
expect(container).toBeInTheDocument();
|
|
78
|
-
});
|
|
79
|
-
it('Should render the Progress as Progress Circle with different stroke', function () {
|
|
80
|
-
var _setup8 = setup({
|
|
81
|
-
percent: 10,
|
|
82
|
-
type: 'circle',
|
|
83
|
-
stroke: 5
|
|
84
|
-
}),
|
|
85
|
-
container = _setup8.container;
|
|
86
|
-
expect(container).toBeInTheDocument();
|
|
87
|
-
});
|
|
88
|
-
it('Should render the Progress as Progress Circle with a circleBody', function () {
|
|
89
|
-
var _setup9 = setup({
|
|
90
|
-
percent: 10,
|
|
91
|
-
type: 'circle',
|
|
92
|
-
circleBody: true
|
|
93
|
-
}),
|
|
94
|
-
container = _setup9.container;
|
|
95
|
-
expect(container).toBeInTheDocument();
|
|
96
|
-
});
|
|
97
|
-
it('Should render the Progress as Progress Circle showing value', function () {
|
|
98
|
-
var _setup10 = setup({
|
|
99
|
-
percent: 10,
|
|
100
|
-
type: 'circle',
|
|
101
|
-
showValue: 'percent'
|
|
102
|
-
}),
|
|
103
|
-
container = _setup10.container;
|
|
104
|
-
expect(container).toBeInTheDocument();
|
|
105
|
-
});
|
|
106
|
-
it('Shoud return step by percent', function () {
|
|
107
|
-
expect((0, _getSteps.getSteps)(8, 50)).toEqual(4);
|
|
108
|
-
});
|
|
109
|
-
});
|
|
1
|
+
"use strict";var _testUtils=require("../../shared/tests/test-utils");require("@testing-library/jest-dom");var _=require("."),_getSteps=require("./getSteps"),_jsxRuntime=require("react/jsx-runtime");function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}var setup=function(props){var utils=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Progress,_objectSpread({},props)));return utils};describe("Progress",function(){it("Should render the Progress component",function(){var _setup=setup({percent:50}),container=_setup.container;expect(container).toBeInTheDocument()}),it("Should render the Progress with different color",function(){var _setup2=setup({percent:20,color:function randomColor(){var color=Math.floor(16777215*Math.random()).toString(16);return"#".concat(color)}()}),container=_setup2.container;expect(container).toBeInTheDocument()}),it("Should render the Progress with animated bar",function(){var _setup3=setup({percent:80,isAnimated:!0}),container=_setup3.container;expect(container).toBeInTheDocument()}),it("Should render the Progress as Progress Bar",function(){var _setup4=setup({percent:20,type:"linear"}),container=_setup4.container;expect(container).toBeInTheDocument()}),it("Should render the Progress as Progress Bar with different height",function(){var _setup5=setup({percent:10,height:"sm"}),container=_setup5.container;expect(container).toBeInTheDocument()}),it("Should render the Progress as Progress Circle",function(){var _setup6=setup({percent:10,type:"circle"}),container=_setup6.container;expect(container).toBeInTheDocument()}),it("Should render the Progress as Progress Circle with different size",function(){var _setup7=setup({percent:10,type:"circle",size:200}),container=_setup7.container;expect(container).toBeInTheDocument()}),it("Should render the Progress as Progress Circle with different stroke",function(){var _setup8=setup({percent:10,type:"circle",stroke:5}),container=_setup8.container;expect(container).toBeInTheDocument()}),it("Should render the Progress as Progress Circle with a circleBody",function(){var _setup9=setup({percent:10,type:"circle",circleBody:!0}),container=_setup9.container;expect(container).toBeInTheDocument()}),it("Should render the Progress as Progress Circle showing value",function(){var _setup10=setup({percent:10,type:"circle",showValue:"percent"}),container=_setup10.container;expect(container).toBeInTheDocument()}),it("Shoud return step by percent",function(){expect((0,_getSteps.getSteps)(8,50)).toEqual(4)})});
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { RadioGroupProps } from './types';
|
|
3
|
+
declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
+
export default RadioGroup;
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Radio/components/RadioGroup/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG1C,QAAA,MAAM,UAAU,4GAgCf,CAAC;AAIF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_=_interopRequireDefault(require("../..")),S=_interopRequireWildcard(require("./styles")),_jsxRuntime=require("react/jsx-runtime");function _getRequireWildcardCache(nodeInterop){if("function"!=typeof WeakMap)return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(null===obj||"object"!==_typeof(obj)&&"function"!=typeof obj)return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if("default"!=key&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}var RadioGroup=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){var name=_ref.name,value=_ref.value,onChange=_ref.onChange,_ref$direction=_ref.direction,direction=void 0===_ref$direction?"row":_ref$direction,children=_ref.children,disabled=_ref.disabled,helperText=_ref.helperText,alert=_ref.alert,handleChange=function(event){onChange(event.target.value)};return/*#__PURE__*/(0,_jsxRuntime.jsxs)("div",{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(S.Container,{direction:direction,ref:ref,children:_react.Children.map(children,function(child){if(/*#__PURE__*/(0,_react.isValidElement)(child)&&child.type===_.default){var radioProps=_objectSpread(_objectSpread({},child.props),{},{name:name,checked:child.props.value===value,onChange:handleChange,disabled:disabled});return/*#__PURE__*/(0,_react.cloneElement)(child,radioProps)}return child})}),helperText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(S.HelperTextContainer,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(S.HelperText,{alert:alert,children:helperText})})]})});RadioGroup.displayName="RadioGroup";var _default=RadioGroup;exports.default=_default;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { InputAlertTypes } from '../../../../components/Input/types';
|
|
3
|
+
export declare const Container: import("@emotion/styled").StyledComponent<{
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
|
+
} & {
|
|
7
|
+
direction: 'row' | 'column';
|
|
8
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
9
|
+
export declare const HelperTextContainer: import("@emotion/styled").StyledComponent<{
|
|
10
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
11
|
+
as?: import("react").ElementType<any> | undefined;
|
|
12
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
13
|
+
export declare const HelperText: import("@emotion/styled").StyledComponent<{
|
|
14
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
15
|
+
as?: import("react").ElementType<any> | undefined;
|
|
16
|
+
} & {
|
|
17
|
+
alert: InputAlertTypes | undefined;
|
|
18
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
19
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Radio/components/RadioGroup/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAErE,eAAO,MAAM,SAAS;;;;eAA2B,KAAK,GAAG,QAAQ;yGAOhE,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;yGAM/B,CAAC;AAEF,eAAO,MAAM,UAAU;;;;WAAwB,eAAe,GAAG,SAAS;2GAQzE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HelperTextContainer=exports.HelperText=exports.Container=void 0;var _templateObject,_templateObject2,_templateObject3,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var Container=_styled.default.div(function(_ref){var direction=_ref.direction;return(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n display: flex;\n flex-direction: ",";\n align-items: flex-st;\n gap: 0.5rem;\n "])),direction)});exports.Container=Container;var HelperTextContainer=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n\n margin-top: 0.5rem;\n"])));exports.HelperTextContainer=HelperTextContainer;var HelperText=_styled.default.span(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n font-size: ",";\n\n color: ",";\n padding: 0 20px;\n"])),function(props){return props.theme.fontSizes.xxs},function(props){return props.alert&&"success"!==props.alert?props.theme.colors[props.alert].default:props.theme.colors.neutral.neutral4});exports.HelperText=HelperText;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { InputAlertTypes } from '../../../../components/Input/types';
|
|
3
|
+
import { RadioProps } from '../../types';
|
|
4
|
+
export interface RadioGroupProps {
|
|
5
|
+
name?: string;
|
|
6
|
+
value?: string;
|
|
7
|
+
direction?: 'row' | 'column';
|
|
8
|
+
onChange: (value: string) => void;
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
helperText?: string;
|
|
12
|
+
alert?: InputAlertTypes;
|
|
13
|
+
}
|
|
14
|
+
export interface RadioPropsWithName extends RadioProps {
|
|
15
|
+
name: string;
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Radio/components/RadioGroup/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED,MAAM,WAAW,kBAAmB,SAAQ,UAAU;IACpD,IAAI,EAAE,MAAM,CAAC;CACd"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,QAAA,MAAM,KAAK,yGAOT,CAAC;AAIH,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),S=_interopRequireWildcard(require("./styles")),_jsxRuntime=require("react/jsx-runtime"),_excluded=["label","disabled"];function _getRequireWildcardCache(nodeInterop){if("function"!=typeof WeakMap)return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(null===obj||"object"!==_typeof(obj)&&"function"!=typeof obj)return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if("default"!=key&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var Radio=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){var label=_ref.label,disabled=_ref.disabled,rest=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/(0,_jsxRuntime.jsxs)(S.Label,{"aria-disabled":disabled,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(S.Input,_objectSpread(_objectSpread({type:"radio",ref:ref},rest),{},{disabled:disabled})),label]})});Radio.displayName="Radio";var _default=Radio;exports.default=_default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Label: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
|
|
6
|
+
export declare const Input: import("@emotion/styled").StyledComponent<{
|
|
7
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
8
|
+
as?: import("react").ElementType<any> | undefined;
|
|
9
|
+
}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
|
|
10
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,KAAK;;;kHAqBjB,CAAC;AAEF,eAAO,MAAM,KAAK;;;kHAkDjB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Label=exports.Input=void 0;var _templateObject,_templateObject2,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var Label=_styled.default.label(function(_ref){var theme=_ref.theme;return(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n\n cursor: pointer;\n font-weight: 500;\n margin-right: 12px;\n\n line-height: 20px;\n color: ",";\n\n &[aria-disabled='true'] {\n cursor: default;\n border-color: ",";\n color: ",";\n cursor: default;\n }\n "])),theme.colors.neutral.black,theme.colors.neutral.neutral1,theme.colors.neutral.neutral2)});exports.Label=Label;var Input=_styled.default.input(function(_ref2){var theme=_ref2.theme;return(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n appearance: none;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0;\n min-width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 2px solid ",";\n transition: all ease 0.2s;\n cursor: pointer;\n width: 20px;\n height: 20px;\n\n color: ",";\n border: 2px solid ",";\n\n :hover {\n border-color: ",";\n }\n\n :disabled {\n cursor: default;\n border-color: ",";\n background-color: ",";\n }\n\n :checked {\n background-color: ",";\n border-color: ",";\n\n &:hover {\n border-color: ",";\n }\n &:disabled {\n background-color: ",";\n border-color: ",";\n }\n\n &::after {\n content: '';\n width: 6px;\n height: 6px;\n background: ",";\n border-radius: 50%;\n }\n }\n "])),theme.colors.neutral.neutral2,theme.colors.neutral.black,theme.colors.neutral.neutral2,theme.colors.primary.hover,theme.colors.neutral.neutral2,theme.colors.neutral.neutral2,theme.colors.primary.default,theme.colors.primary.default,theme.colors.primary.hover,theme.colors.neutral.neutral2,theme.colors.neutral.neutral2,theme.lightColors.neutral.white)});exports.Input=Input;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/types.ts"],"names":[],"mappings":";AAAA,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -1,133 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.Rating = void 0;
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
10
|
-
var S = _interopRequireWildcard(require("./styles"));
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
var _excluded = ["precision", "value", "quantity", "colorFilledIcon", "colorOutlinedIcon", "size", "readOnly", "filledIcon", "outlinedIcon", "onChange"];
|
|
13
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
17
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
18
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
19
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
20
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
21
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
22
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
23
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
24
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
25
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
26
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
27
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
28
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
29
|
-
var Rating = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
30
|
-
var _ref$precision = _ref.precision,
|
|
31
|
-
precision = _ref$precision === void 0 ? 1 : _ref$precision,
|
|
32
|
-
_ref$value = _ref.value,
|
|
33
|
-
value = _ref$value === void 0 ? 0 : _ref$value,
|
|
34
|
-
_ref$quantity = _ref.quantity,
|
|
35
|
-
quantity = _ref$quantity === void 0 ? 5 : _ref$quantity,
|
|
36
|
-
_ref$colorFilledIcon = _ref.colorFilledIcon,
|
|
37
|
-
colorFilledIcon = _ref$colorFilledIcon === void 0 ? 'primary.default' : _ref$colorFilledIcon,
|
|
38
|
-
_ref$colorOutlinedIco = _ref.colorOutlinedIcon,
|
|
39
|
-
colorOutlinedIcon = _ref$colorOutlinedIco === void 0 ? 'success.blurred' : _ref$colorOutlinedIco,
|
|
40
|
-
_ref$size = _ref.size,
|
|
41
|
-
size = _ref$size === void 0 ? '24px' : _ref$size,
|
|
42
|
-
_ref$readOnly = _ref.readOnly,
|
|
43
|
-
readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
|
|
44
|
-
_ref$filledIcon = _ref.filledIcon,
|
|
45
|
-
filledIcon = _ref$filledIcon === void 0 ? 'ecc-star' : _ref$filledIcon,
|
|
46
|
-
_ref$outlinedIcon = _ref.outlinedIcon,
|
|
47
|
-
outlinedIcon = _ref$outlinedIcon === void 0 ? 'star' : _ref$outlinedIcon,
|
|
48
|
-
onChange = _ref.onChange,
|
|
49
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
50
|
-
var _useState = (0, _react.useState)(value),
|
|
51
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
52
|
-
activeStar = _useState2[0],
|
|
53
|
-
setActiveStar = _useState2[1];
|
|
54
|
-
var _useState3 = (0, _react.useState)(0),
|
|
55
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
56
|
-
hoverActiveStar = _useState4[0],
|
|
57
|
-
setHoverActiveStar = _useState4[1];
|
|
58
|
-
var _useState5 = (0, _react.useState)(false),
|
|
59
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
60
|
-
isHovered = _useState6[0],
|
|
61
|
-
setIsHovered = _useState6[1];
|
|
62
|
-
var ratingContainerRef = (0, _react.useRef)(null);
|
|
63
|
-
var activeState = isHovered ? hoverActiveStar : activeStar;
|
|
64
|
-
var isActiveRating = activeState !== 1;
|
|
65
|
-
var isRatingWithPrecision = activeState % 1 !== 0;
|
|
66
|
-
function calculateRating(clientX) {
|
|
67
|
-
var _precision$toString$s;
|
|
68
|
-
if (!ratingContainerRef.current) return 0;
|
|
69
|
-
var _ratingContainerRef$c = ratingContainerRef.current.getBoundingClientRect(),
|
|
70
|
-
width = _ratingContainerRef$c.width,
|
|
71
|
-
left = _ratingContainerRef$c.left;
|
|
72
|
-
var percent = (clientX - left) / width;
|
|
73
|
-
var numberInStars = percent * quantity;
|
|
74
|
-
var nearestNumber = Math.round((numberInStars + precision / 2) / precision) * precision;
|
|
75
|
-
return Number(nearestNumber.toFixed(((_precision$toString$s = precision.toString().split('.')[1]) === null || _precision$toString$s === void 0 ? void 0 : _precision$toString$s.length) || 0));
|
|
76
|
-
}
|
|
77
|
-
function handleClick(e) {
|
|
78
|
-
setIsHovered(false);
|
|
79
|
-
setActiveStar(calculateRating(e.clientX));
|
|
80
|
-
onChange && onChange(calculateRating(e.clientX));
|
|
81
|
-
}
|
|
82
|
-
function handleMouseMove(e) {
|
|
83
|
-
setIsHovered(true);
|
|
84
|
-
setHoverActiveStar(calculateRating(e.clientX));
|
|
85
|
-
}
|
|
86
|
-
function handleMouseLeave() {
|
|
87
|
-
setHoverActiveStar(0);
|
|
88
|
-
setIsHovered(false);
|
|
89
|
-
}
|
|
90
|
-
(0, _react.useImperativeHandle)(ref, function () {
|
|
91
|
-
return ratingContainerRef.current;
|
|
92
|
-
});
|
|
93
|
-
(0, _react.useEffect)(function () {
|
|
94
|
-
setActiveStar(value);
|
|
95
|
-
}, [value]);
|
|
96
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
97
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(S.RatingContainer, _objectSpread(_objectSpread({
|
|
98
|
-
readOnly: readOnly,
|
|
99
|
-
onClick: handleClick,
|
|
100
|
-
onMouseMove: handleMouseMove,
|
|
101
|
-
onMouseLeave: handleMouseLeave,
|
|
102
|
-
ref: ratingContainerRef
|
|
103
|
-
}, rest), {}, {
|
|
104
|
-
children: Array.from(Array(quantity).keys()).map(function (_, index) {
|
|
105
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(S.ContainerIcon, {
|
|
106
|
-
readOnly: readOnly,
|
|
107
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(S.ContainerFilled, {
|
|
108
|
-
role: "button",
|
|
109
|
-
showRatingWithPrecision: isActiveRating && isRatingWithPrecision && Math.ceil(activeState) === index + 1,
|
|
110
|
-
activeState: activeState,
|
|
111
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
|
|
112
|
-
name: filledIcon,
|
|
113
|
-
color: colorFilledIcon,
|
|
114
|
-
size: size
|
|
115
|
-
})
|
|
116
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
117
|
-
children: activeState === 0 || activeState < index + 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
|
|
118
|
-
name: outlinedIcon,
|
|
119
|
-
color: colorOutlinedIcon,
|
|
120
|
-
size: size
|
|
121
|
-
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
|
|
122
|
-
name: filledIcon,
|
|
123
|
-
color: colorFilledIcon,
|
|
124
|
-
size: size
|
|
125
|
-
})
|
|
126
|
-
})]
|
|
127
|
-
}, index);
|
|
128
|
-
})
|
|
129
|
-
}))
|
|
130
|
-
});
|
|
131
|
-
});
|
|
132
|
-
exports.Rating = Rating;
|
|
133
|
-
Rating.displayName = 'Rating';
|
|
1
|
+
"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Rating=void 0;var _react=require("react"),_Icon=_interopRequireDefault(require("../Icon")),S=_interopRequireWildcard(require("./styles")),_jsxRuntime=require("react/jsx-runtime"),_excluded=["precision","value","quantity","colorFilledIcon","colorOutlinedIcon","size","readOnly","filledIcon","outlinedIcon","onChange"];function _getRequireWildcardCache(nodeInterop){if("function"!=typeof WeakMap)return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(null===obj||"object"!==_typeof(obj)&&"function"!=typeof obj)return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if("default"!=key&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var Rating=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){function calculateRating(clientX){var _precision$toString$s;if(!ratingContainerRef.current)return 0;var _ratingContainerRef$c=ratingContainerRef.current.getBoundingClientRect(),width=_ratingContainerRef$c.width,left=_ratingContainerRef$c.left,nearestNumber=Math.round(((clientX-left)/width*quantity+precision/2)/precision)*precision;return+nearestNumber.toFixed((null===(_precision$toString$s=precision.toString().split(".")[1])||void 0===_precision$toString$s?void 0:_precision$toString$s.length)||0)}var _ref$precision=_ref.precision,precision=void 0===_ref$precision?1:_ref$precision,_ref$value=_ref.value,value=void 0===_ref$value?0:_ref$value,_ref$quantity=_ref.quantity,quantity=void 0===_ref$quantity?5:_ref$quantity,_ref$colorFilledIcon=_ref.colorFilledIcon,colorFilledIcon=void 0===_ref$colorFilledIcon?"primary.default":_ref$colorFilledIcon,_ref$colorOutlinedIco=_ref.colorOutlinedIcon,colorOutlinedIcon=void 0===_ref$colorOutlinedIco?"success.blurred":_ref$colorOutlinedIco,_ref$size=_ref.size,size=void 0===_ref$size?"24px":_ref$size,_ref$readOnly=_ref.readOnly,readOnly=void 0!==_ref$readOnly&&_ref$readOnly,_ref$filledIcon=_ref.filledIcon,filledIcon=void 0===_ref$filledIcon?"ecc-star":_ref$filledIcon,_ref$outlinedIcon=_ref.outlinedIcon,outlinedIcon=void 0===_ref$outlinedIcon?"star":_ref$outlinedIcon,onChange=_ref.onChange,rest=_objectWithoutProperties(_ref,_excluded),_useState=(0,_react.useState)(value),_useState2=_slicedToArray(_useState,2),activeStar=_useState2[0],setActiveStar=_useState2[1],_useState3=(0,_react.useState)(0),_useState4=_slicedToArray(_useState3,2),hoverActiveStar=_useState4[0],setHoverActiveStar=_useState4[1],_useState5=(0,_react.useState)(!1),_useState6=_slicedToArray(_useState5,2),isHovered=_useState6[0],setIsHovered=_useState6[1],ratingContainerRef=(0,_react.useRef)(null),activeState=isHovered?hoverActiveStar:activeStar;return(0,_react.useImperativeHandle)(ref,function(){return ratingContainerRef.current}),(0,_react.useEffect)(function(){setActiveStar(value)},[value]),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(S.RatingContainer,_objectSpread(_objectSpread({readOnly:readOnly,onClick:function(e){setIsHovered(!1),setActiveStar(calculateRating(e.clientX)),onChange&&onChange(calculateRating(e.clientX))},onMouseMove:function(e){setIsHovered(!0),setHoverActiveStar(calculateRating(e.clientX))},onMouseLeave:function(){setHoverActiveStar(0),setIsHovered(!1)},ref:ratingContainerRef},rest),{},{children:Array.from(Array(quantity).keys()).map(function(_,index){return/*#__PURE__*/(0,_jsxRuntime.jsxs)(S.ContainerIcon,{readOnly:readOnly,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(S.ContainerFilled,{role:"button",showRatingWithPrecision:1!==activeState&&0!=activeState%1&&Math.ceil(activeState)===index+1,activeState:activeState,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:filledIcon,color:colorFilledIcon,size:size})}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:0===activeState||activeState<index+1?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:outlinedIcon,color:colorOutlinedIcon,size:size}):/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:filledIcon,color:colorFilledIcon,size:size})})]},index)})}))})});exports.Rating=Rating,Rating.displayName="Rating";
|
|
@@ -1,63 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _index = require("./index");
|
|
4
|
-
require("@testing-library/jest-dom");
|
|
5
|
-
var _testUtils = require("../../shared/tests/test-utils");
|
|
6
|
-
var _react = require("@testing-library/react");
|
|
7
|
-
var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
describe('Rating', function () {
|
|
11
|
-
it('should be rendered', function () {
|
|
12
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {}));
|
|
13
|
-
expect(_react.screen.getAllByRole('button')[4]).toBeInTheDocument();
|
|
14
|
-
});
|
|
15
|
-
it('should be call onChange when onChange prop is provided', function () {
|
|
16
|
-
var onChange = jest.fn();
|
|
17
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {
|
|
18
|
-
value: 5,
|
|
19
|
-
onChange: onChange
|
|
20
|
-
}));
|
|
21
|
-
_userEvent.default.click(_react.screen.getAllByRole('button')[4]);
|
|
22
|
-
expect(onChange).toHaveBeenCalled();
|
|
23
|
-
});
|
|
24
|
-
it('should be able to render any quantity of icons ', function () {
|
|
25
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {
|
|
26
|
-
value: 4,
|
|
27
|
-
quantity: 7
|
|
28
|
-
}));
|
|
29
|
-
expect(_react.screen.getAllByRole('button')[6]).toBeInTheDocument();
|
|
30
|
-
});
|
|
31
|
-
it('should be able to fill svg if hover', function () {
|
|
32
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {}));
|
|
33
|
-
var RatingIcon = _react.screen.getAllByRole('button')[4];
|
|
34
|
-
_react.fireEvent.mouseMove(RatingIcon);
|
|
35
|
-
expect(RatingIcon === null || RatingIcon === void 0 ? void 0 : RatingIcon.style.fill).not.toBe('none');
|
|
36
|
-
});
|
|
37
|
-
it('should be able to change precision', function () {
|
|
38
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {
|
|
39
|
-
value: 4.5,
|
|
40
|
-
precision: 0.5
|
|
41
|
-
}));
|
|
42
|
-
expect(_react.screen.getAllByRole('button')[4]).toBeInTheDocument();
|
|
43
|
-
});
|
|
44
|
-
it('should be able to change color', function () {
|
|
45
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {
|
|
46
|
-
value: 5,
|
|
47
|
-
colorFilledIcon: "neutral.neutral5"
|
|
48
|
-
}));
|
|
49
|
-
var RatingIcon = _react.screen.getAllByRole('button')[0];
|
|
50
|
-
expect(RatingIcon.firstChild).toHaveStyle('fill: #587169;');
|
|
51
|
-
});
|
|
52
|
-
it('should be able to change size 40px', function () {
|
|
53
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Rating, {
|
|
54
|
-
value: 5,
|
|
55
|
-
size: "40px"
|
|
56
|
-
}));
|
|
57
|
-
var RatingIcons = _react.screen.getAllByRole('button')[0];
|
|
58
|
-
expect(RatingIcons.firstChild).toHaveStyle({
|
|
59
|
-
width: 40,
|
|
60
|
-
height: 40
|
|
61
|
-
});
|
|
62
|
-
});
|
|
63
|
-
});
|
|
1
|
+
"use strict";var _index=require("./index");require("@testing-library/jest-dom");var _testUtils=require("../../shared/tests/test-utils"),_react=require("@testing-library/react"),_userEvent=_interopRequireDefault(require("@testing-library/user-event")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}describe("Rating",function(){it("should be rendered",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.Rating,{})),expect(_react.screen.getAllByRole("button")[4]).toBeInTheDocument()}),it("should be call onChange when onChange prop is provided",function(){var onChange=jest.fn();(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.Rating,{value:5,onChange:onChange})),_userEvent.default.click(_react.screen.getAllByRole("button")[4]),expect(onChange).toHaveBeenCalled()}),it("should be able to render any quantity of icons ",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.Rating,{value:4,quantity:7})),expect(_react.screen.getAllByRole("button")[6]).toBeInTheDocument()}),it("should be able to fill svg if hover",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.Rating,{}));var RatingIcon=_react.screen.getAllByRole("button")[4];_react.fireEvent.mouseMove(RatingIcon),expect(null===RatingIcon||void 0===RatingIcon?void 0:RatingIcon.style.fill).not.toBe("none")}),it("should be able to change precision",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.Rating,{value:4.5,precision:.5})),expect(_react.screen.getAllByRole("button")[4]).toBeInTheDocument()}),it("should be able to change color",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.Rating,{value:5,colorFilledIcon:"neutral.neutral5"}));var RatingIcon=_react.screen.getAllByRole("button")[0];expect(RatingIcon.firstChild).toHaveStyle("fill: #587169;")}),it("should be able to change size 40px",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.Rating,{value:5,size:"40px"}));var RatingIcons=_react.screen.getAllByRole("button")[0];expect(RatingIcons.firstChild).toHaveStyle({width:40,height:40})})});
|
|
@@ -1,27 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.RatingContainer = exports.ContainerIcon = exports.ContainerFilled = void 0;
|
|
7
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
8
|
-
var _react = require("@emotion/react");
|
|
9
|
-
var _templateObject, _templateObject2, _templateObject3;
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
12
|
-
var RatingContainer = _styled.default.div(function (_ref) {
|
|
13
|
-
var readOnly = _ref.readOnly;
|
|
14
|
-
return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-flex;\n position: relative;\n cursor: pointer;\n pointer-events: ", ";\n text-align: left;\n "])), readOnly ? 'none' : 'auto');
|
|
15
|
-
});
|
|
16
|
-
exports.RatingContainer = RatingContainer;
|
|
17
|
-
var ContainerIcon = _styled.default.div(function (_ref2) {
|
|
18
|
-
var readOnly = _ref2.readOnly;
|
|
19
|
-
return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n cursor: pointer;\n pointer-events: ", ";\n "])), readOnly ? 'none' : 'auto');
|
|
20
|
-
});
|
|
21
|
-
exports.ContainerIcon = ContainerIcon;
|
|
22
|
-
var ContainerFilled = _styled.default.div(function (_ref3) {
|
|
23
|
-
var showRatingWithPrecision = _ref3.showRatingWithPrecision,
|
|
24
|
-
activeState = _ref3.activeState;
|
|
25
|
-
return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: ", ";\n overflow: hidden;\n position: absolute;\n "])), showRatingWithPrecision ? "".concat(activeState % 1 * 100, "%") : '0%');
|
|
26
|
-
});
|
|
27
|
-
exports.ContainerFilled = ContainerFilled;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RatingContainer=exports.ContainerIcon=exports.ContainerFilled=void 0;var _templateObject,_templateObject2,_templateObject3,_styled=_interopRequireDefault(require("@emotion/styled")),_react=require("@emotion/react");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var RatingContainer=_styled.default.div(function(_ref){var readOnly=_ref.readOnly;return(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n display: inline-flex;\n position: relative;\n cursor: pointer;\n pointer-events: ",";\n text-align: left;\n "])),readOnly?"none":"auto")});exports.RatingContainer=RatingContainer;var ContainerIcon=_styled.default.div(function(_ref2){var readOnly=_ref2.readOnly;return(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n position: relative;\n cursor: pointer;\n pointer-events: ",";\n "])),readOnly?"none":"auto")});exports.ContainerIcon=ContainerIcon;var ContainerFilled=_styled.default.div(function(_ref3){var showRatingWithPrecision=_ref3.showRatingWithPrecision,activeState=_ref3.activeState;return(0,_react.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n width: ",";\n overflow: hidden;\n position: absolute;\n "])),showRatingWithPrecision?"".concat(100*(activeState%1),"%"):"0%")});exports.ContainerFilled=ContainerFilled;
|
|
@@ -1,43 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.ReactPortal = ReactPortal;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _reactDom = require("react-dom");
|
|
9
|
-
var _createWrapperAndApprendToBody = require("./utils/createWrapperAndApprendToBody");
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
12
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
13
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
14
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
15
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
16
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
17
|
-
function ReactPortal(_ref) {
|
|
18
|
-
var children = _ref.children,
|
|
19
|
-
_ref$wrapperId = _ref.wrapperId,
|
|
20
|
-
wrapperId = _ref$wrapperId === void 0 ? 'portal-root' : _ref$wrapperId;
|
|
21
|
-
var _useState = (0, _react.useState)(null),
|
|
22
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
23
|
-
wrapperElement = _useState2[0],
|
|
24
|
-
setWrapperElement = _useState2[1];
|
|
25
|
-
(0, _react.useEffect)(function () {
|
|
26
|
-
var element = document.getElementById(wrapperId);
|
|
27
|
-
var systemCreated = false;
|
|
28
|
-
if (!element) {
|
|
29
|
-
systemCreated = true;
|
|
30
|
-
element = (0, _createWrapperAndApprendToBody.createWrapperAndAppendToBody)(wrapperId);
|
|
31
|
-
}
|
|
32
|
-
setWrapperElement(element);
|
|
33
|
-
return function () {
|
|
34
|
-
if (systemCreated && element.parentNode) {
|
|
35
|
-
element.parentNode.removeChild(element);
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
}, [wrapperId]);
|
|
39
|
-
if (wrapperElement === null) return null;
|
|
40
|
-
return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
41
|
-
children: children
|
|
42
|
-
}), wrapperElement);
|
|
43
|
-
}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReactPortal=ReactPortal;var _react=require("react"),_reactDom=require("react-dom"),_createWrapperAndApprendToBody=require("./utils/createWrapperAndApprendToBody"),_jsxRuntime=require("react/jsx-runtime");function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function ReactPortal(_ref){var children=_ref.children,_ref$wrapperId=_ref.wrapperId,wrapperId=void 0===_ref$wrapperId?"portal-root":_ref$wrapperId,_useState=(0,_react.useState)(null),_useState2=_slicedToArray(_useState,2),wrapperElement=_useState2[0],setWrapperElement=_useState2[1];return(0,_react.useEffect)(function(){var element=document.getElementById(wrapperId),systemCreated=!1;return element||(systemCreated=!0,element=(0,_createWrapperAndApprendToBody.createWrapperAndAppendToBody)(wrapperId)),setWrapperElement(element),function(){systemCreated&&element.parentNode&&element.parentNode.removeChild(element)}},[wrapperId]),null===wrapperElement?null:/*#__PURE__*/(0,_reactDom.createPortal)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:children}),wrapperElement)}
|
|
@@ -1,21 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _testUtils = require("../../shared/tests/test-utils");
|
|
4
|
-
var _ = require(".");
|
|
5
|
-
require("@testing-library/jest-dom");
|
|
6
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
7
|
-
function setup() {
|
|
8
|
-
(0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ReactPortal, {
|
|
9
|
-
wrapperId: "portal-test",
|
|
10
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
11
|
-
children: "Teste"
|
|
12
|
-
})
|
|
13
|
-
}));
|
|
14
|
-
return document.body.querySelector('#portal-test');
|
|
15
|
-
}
|
|
16
|
-
describe('ReactPortal test', function () {
|
|
17
|
-
it('Should render a div inside body', function () {
|
|
18
|
-
var divPortal = setup();
|
|
19
|
-
expect(divPortal).toBeInTheDocument();
|
|
20
|
-
});
|
|
21
|
-
});
|
|
1
|
+
"use strict";var _jsxRuntime=require("react/jsx-runtime");var _testUtils=require("../../shared/tests/test-utils"),_=require(".");require("@testing-library/jest-dom");function setup(){return(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.ReactPortal,{wrapperId:"portal-test",children:/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:"Teste"})})),document.body.querySelector("#portal-test")}describe("ReactPortal test",function(){it("Should render a div inside body",function(){var divPortal=setup();expect(divPortal).toBeInTheDocument()})});
|
|
@@ -1,12 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.createWrapperAndAppendToBody = createWrapperAndAppendToBody;
|
|
7
|
-
function createWrapperAndAppendToBody(wrapperId) {
|
|
8
|
-
var wrapperElement = document.createElement('div');
|
|
9
|
-
wrapperElement.setAttribute('id', wrapperId);
|
|
10
|
-
document.body.appendChild(wrapperElement);
|
|
11
|
-
return wrapperElement;
|
|
12
|
-
}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createWrapperAndAppendToBody=createWrapperAndAppendToBody;function createWrapperAndAppendToBody(wrapperId){var wrapperElement=document.createElement("div");return wrapperElement.setAttribute("id",wrapperId),document.body.appendChild(wrapperElement),wrapperElement}
|