@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,17 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.Timeline = void 0;
|
|
7
|
-
var _styles = require("../styles");
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
var Timeline = function Timeline(_ref) {
|
|
10
|
-
var children = _ref.children,
|
|
11
|
-
fullWidth = _ref.fullWidth;
|
|
12
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TimelineContainer, {
|
|
13
|
-
fullWidth: fullWidth,
|
|
14
|
-
children: children
|
|
15
|
-
});
|
|
16
|
-
};
|
|
17
|
-
exports.Timeline = Timeline;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Timeline=void 0;var _styles=require("../styles"),_jsxRuntime=require("react/jsx-runtime"),Timeline=function(_ref){var children=_ref.children,fullWidth=_ref.fullWidth;return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.TimelineContainer,{fullWidth:fullWidth,children:children})};exports.Timeline=Timeline;
|
|
@@ -1,61 +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.TimelineContent = void 0;
|
|
8
|
-
var _Typography = _interopRequireDefault(require("../../Typography"));
|
|
9
|
-
var _Flex = _interopRequireDefault(require("../../Flex"));
|
|
10
|
-
var _styles = require("../styles");
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
var _excluded = ["title", "description", "date"];
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
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; }
|
|
15
|
-
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; }
|
|
16
|
-
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; }
|
|
17
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
18
|
-
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); }
|
|
19
|
-
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; }
|
|
20
|
-
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; }
|
|
21
|
-
var TimelineContent = function TimelineContent(_ref) {
|
|
22
|
-
var title = _ref.title,
|
|
23
|
-
description = _ref.description,
|
|
24
|
-
date = _ref.date,
|
|
25
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
26
|
-
var parseDate = date && new Date(date);
|
|
27
|
-
var getDay = parseDate === null || parseDate === void 0 ? void 0 : parseDate.getDate();
|
|
28
|
-
var getShortMonth = (parseDate === null || parseDate === void 0 ? void 0 : parseDate.toLocaleString('default', {
|
|
29
|
-
month: 'short'
|
|
30
|
-
}).replace('.', '')) || '';
|
|
31
|
-
var getHours = parseDate === null || parseDate === void 0 ? void 0 : parseDate.getHours().toLocaleString('default', {
|
|
32
|
-
minimumIntegerDigits: 2
|
|
33
|
-
});
|
|
34
|
-
var getMinutes = parseDate === null || parseDate === void 0 ? void 0 : parseDate.getMinutes().toLocaleString('default', {
|
|
35
|
-
minimumIntegerDigits: 2
|
|
36
|
-
});
|
|
37
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.TimelineItemContent, _objectSpread(_objectSpread({}, rest), {}, {
|
|
38
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
|
|
39
|
-
direction: "column",
|
|
40
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
|
|
41
|
-
fontWeight: "600",
|
|
42
|
-
fontSize: "xs",
|
|
43
|
-
children: title
|
|
44
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
|
|
45
|
-
fontSize: "xs",
|
|
46
|
-
children: description
|
|
47
|
-
})]
|
|
48
|
-
}), date && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
|
|
49
|
-
direction: "column",
|
|
50
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
|
|
51
|
-
fontWeight: "600",
|
|
52
|
-
fontSize: "xs",
|
|
53
|
-
children: [getDay, " ", getShortMonth.charAt(0).toUpperCase() + getShortMonth.slice(1)]
|
|
54
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
|
|
55
|
-
fontSize: "xs",
|
|
56
|
-
children: [getHours, ":", getMinutes]
|
|
57
|
-
})]
|
|
58
|
-
})]
|
|
59
|
-
}));
|
|
60
|
-
};
|
|
61
|
-
exports.TimelineContent = TimelineContent;
|
|
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.TimelineContent=void 0;var _Typography=_interopRequireDefault(require("../../Typography")),_Flex=_interopRequireDefault(require("../../Flex")),_styles=require("../styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["title","description","date"];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 _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 TimelineContent=function(_ref){var title=_ref.title,description=_ref.description,date=_ref.date,rest=_objectWithoutProperties(_ref,_excluded),parseDate=date&&new Date(date),getDay=null===parseDate||void 0===parseDate?void 0:parseDate.getDate(),getShortMonth=(null===parseDate||void 0===parseDate?void 0:parseDate.toLocaleString("default",{month:"short"}).replace(".",""))||"",getHours=null===parseDate||void 0===parseDate?void 0:parseDate.getHours().toLocaleString("default",{minimumIntegerDigits:2}),getMinutes=null===parseDate||void 0===parseDate?void 0:parseDate.getMinutes().toLocaleString("default",{minimumIntegerDigits:2});return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.TimelineItemContent,_objectSpread(_objectSpread({},rest),{},{children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontWeight:"600",fontSize:"xs",children:title}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xs",children:description})]}),date&&/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Typography.default,{fontWeight:"600",fontSize:"xs",children:[getDay," ",getShortMonth.charAt(0).toUpperCase()+getShortMonth.slice(1)]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Typography.default,{fontSize:"xs",children:[getHours,":",getMinutes]})]})]}))};exports.TimelineContent=TimelineContent;
|
|
@@ -1,25 +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.TimelineItem = void 0;
|
|
8
|
-
var _styles = require("../styles");
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
var _excluded = ["children"];
|
|
11
|
-
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; }
|
|
12
|
-
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; }
|
|
13
|
-
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; }
|
|
14
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
15
|
-
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); }
|
|
16
|
-
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; }
|
|
17
|
-
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; }
|
|
18
|
-
var TimelineItem = function TimelineItem(_ref) {
|
|
19
|
-
var children = _ref.children,
|
|
20
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
21
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TimelineItemContainer, _objectSpread(_objectSpread({}, rest), {}, {
|
|
22
|
-
children: children
|
|
23
|
-
}));
|
|
24
|
-
};
|
|
25
|
-
exports.TimelineItem = TimelineItem;
|
|
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.TimelineItem=void 0;var _styles=require("../styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["children"];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 TimelineItem=function(_ref){var children=_ref.children,rest=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.TimelineItemContainer,_objectSpread(_objectSpread({},rest),{},{children:children}))};exports.TimelineItem=TimelineItem;
|
|
@@ -1,20 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.TimelineSeparator = void 0;
|
|
7
|
-
var _styles = require("../styles");
|
|
8
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
var TimelineSeparator = function TimelineSeparator(_ref) {
|
|
10
|
-
var icon = _ref.icon,
|
|
11
|
-
circleColor = _ref.circleColor;
|
|
12
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.TimelineSeparatorContainer, {
|
|
13
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TimelineSeparatorLine, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TimelineSeparatorCircle, {
|
|
14
|
-
icon: icon === null || icon === void 0 ? void 0 : icon.toString().length,
|
|
15
|
-
circleColor: circleColor,
|
|
16
|
-
children: icon
|
|
17
|
-
})]
|
|
18
|
-
});
|
|
19
|
-
};
|
|
20
|
-
exports.TimelineSeparator = TimelineSeparator;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TimelineSeparator=void 0;var _styles=require("../styles"),_jsxRuntime=require("react/jsx-runtime"),TimelineSeparator=function(_ref){var icon=_ref.icon,circleColor=_ref.circleColor;return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.TimelineSeparatorContainer,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.TimelineSeparatorLine,{}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.TimelineSeparatorCircle,{icon:null===icon||void 0===icon?void 0:icon.toString().length,circleColor:circleColor,children:icon})]})};exports.TimelineSeparator=TimelineSeparator;
|
|
@@ -1,33 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "Timeline", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _Timeline.Timeline;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "TimelineContent", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function get() {
|
|
15
|
-
return _TimelineContent.TimelineContent;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
Object.defineProperty(exports, "TimelineItem", {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function get() {
|
|
21
|
-
return _TimelineItem.TimelineItem;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
Object.defineProperty(exports, "TimelineSeparator", {
|
|
25
|
-
enumerable: true,
|
|
26
|
-
get: function get() {
|
|
27
|
-
return _TimelineSeparator.TimelineSeparator;
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
var _Timeline = require("./components/Timeline");
|
|
31
|
-
var _TimelineItem = require("./components/TimelineItem");
|
|
32
|
-
var _TimelineSeparator = require("./components/TimelineSeparator");
|
|
33
|
-
var _TimelineContent = require("./components/TimelineContent");
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Timeline",{enumerable:!0,get:function get(){return _Timeline.Timeline}}),Object.defineProperty(exports,"TimelineContent",{enumerable:!0,get:function get(){return _TimelineContent.TimelineContent}}),Object.defineProperty(exports,"TimelineItem",{enumerable:!0,get:function get(){return _TimelineItem.TimelineItem}}),Object.defineProperty(exports,"TimelineSeparator",{enumerable:!0,get:function get(){return _TimelineSeparator.TimelineSeparator}});var _Timeline=require("./components/Timeline"),_TimelineItem=require("./components/TimelineItem"),_TimelineSeparator=require("./components/TimelineSeparator"),_TimelineContent=require("./components/TimelineContent");
|
|
@@ -1,37 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.TimelineSeparatorLine = exports.TimelineSeparatorContainer = exports.TimelineSeparatorCircle = exports.TimelineItemContent = exports.TimelineItemContainer = exports.TimelineContainer = void 0;
|
|
7
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
8
|
-
var _colorCheck = require("../../utils/colorCheck");
|
|
9
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
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 TimelineContainer = _styled.default.ul(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n list-style: none;\n margin: 0;\n width: ", ";\n padding: 0;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 1.25rem;\n"])), function (props) {
|
|
13
|
-
return props.fullWidth ? '100%' : '23.75rem';
|
|
14
|
-
});
|
|
15
|
-
exports.TimelineContainer = TimelineContainer;
|
|
16
|
-
var TimelineItemContainer = _styled.default.li(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: ", ";\n align-items: center;\n width: 100%;\n gap: 0.5rem;\n\n ", "\n"])), function (props) {
|
|
17
|
-
return props.theme.position !== 'alternate' ? props.theme.position : 'row';
|
|
18
|
-
}, function (props) {
|
|
19
|
-
return props.theme.position === 'alternate' && "\n &:nth-of-type(even) {\n flex-direction: row-reverse;\n }\n ";
|
|
20
|
-
});
|
|
21
|
-
exports.TimelineItemContainer = TimelineItemContainer;
|
|
22
|
-
var TimelineSeparatorContainer = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n\n min-width: 66px;\n"])));
|
|
23
|
-
exports.TimelineSeparatorContainer = TimelineSeparatorContainer;
|
|
24
|
-
var TimelineSeparatorLine = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n height: 66px;\n width: 2px;\n background-color: ", ";\n"])), function (props) {
|
|
25
|
-
return props.theme.colors.neutral.neutral1;
|
|
26
|
-
});
|
|
27
|
-
exports.TimelineSeparatorLine = TimelineSeparatorLine;
|
|
28
|
-
var TimelineSeparatorCircle = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n padding: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 999999px;\n\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n\n background-color: ", ";\n svg {\n color: ", ";\n }\n"])), function (props) {
|
|
29
|
-
return props.icon ? '10px' : '4px';
|
|
30
|
-
}, function (props) {
|
|
31
|
-
return props.circleColor ? (0, _colorCheck.stripThemeColors)(props.circleColor, props.theme.colors) || props.circleColor : props.theme.colors.neutral.neutral1;
|
|
32
|
-
}, function (props) {
|
|
33
|
-
return props.theme.colors.neutral.black;
|
|
34
|
-
});
|
|
35
|
-
exports.TimelineSeparatorCircle = TimelineSeparatorCircle;
|
|
36
|
-
var TimelineItemContent = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1.25rem;\n flex: 1;\n\n & p {\n margin: 0;\n }\n"])));
|
|
37
|
-
exports.TimelineItemContent = TimelineItemContent;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TimelineSeparatorLine=exports.TimelineSeparatorContainer=exports.TimelineSeparatorCircle=exports.TimelineItemContent=exports.TimelineItemContainer=exports.TimelineContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_styled=_interopRequireDefault(require("@emotion/styled")),_colorCheck=require("../../utils/colorCheck");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 TimelineContainer=_styled.default.ul(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n list-style: none;\n margin: 0;\n width: ",";\n padding: 0;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 1.25rem;\n"])),function(props){return props.fullWidth?"100%":"23.75rem"});exports.TimelineContainer=TimelineContainer;var TimelineItemContainer=_styled.default.li(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n display: flex;\n flex-direction: ",";\n align-items: center;\n width: 100%;\n gap: 0.5rem;\n\n ","\n"])),function(props){return"alternate"===props.theme.position?"row":props.theme.position},function(props){return"alternate"===props.theme.position&&"\n &:nth-of-type(even) {\n flex-direction: row-reverse;\n }\n "});exports.TimelineItemContainer=TimelineItemContainer;var TimelineSeparatorContainer=_styled.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n\n min-width: 66px;\n"])));exports.TimelineSeparatorContainer=TimelineSeparatorContainer;var TimelineSeparatorLine=_styled.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n height: 66px;\n width: 2px;\n background-color: ",";\n"])),function(props){return props.theme.colors.neutral.neutral1});exports.TimelineSeparatorLine=TimelineSeparatorLine;var TimelineSeparatorCircle=_styled.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n padding: ",";\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 999999px;\n\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n\n background-color: ",";\n svg {\n color: ",";\n }\n"])),function(props){return props.icon?"10px":"4px"},function(props){return props.circleColor?(0,_colorCheck.stripThemeColors)(props.circleColor,props.theme.colors)||props.circleColor:props.theme.colors.neutral.neutral1},function(props){return props.theme.colors.neutral.black});exports.TimelineSeparatorCircle=TimelineSeparatorCircle;var TimelineItemContent=_styled.default.div(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1.25rem;\n flex: 1;\n\n & p {\n margin: 0;\n }\n"])));exports.TimelineItemContent=TimelineItemContent;
|
|
@@ -1,138 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _testUtils = require("../../shared/tests/test-utils");
|
|
4
|
-
require("@testing-library/jest-dom/extend-expect");
|
|
5
|
-
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
6
|
-
var _ = require(".");
|
|
7
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
8
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
-
describe('Timeline', function () {
|
|
10
|
-
it('should it render the Timeline component with childrens', function () {
|
|
11
|
-
var _render = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Timeline, {
|
|
12
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
|
|
13
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
|
|
14
|
-
title: "Title",
|
|
15
|
-
description: "Description",
|
|
16
|
-
date: new Date()
|
|
17
|
-
})]
|
|
18
|
-
})
|
|
19
|
-
})),
|
|
20
|
-
container = _render.container;
|
|
21
|
-
expect(container).toBeInTheDocument();
|
|
22
|
-
});
|
|
23
|
-
it('should it render the Timeline component with different position', function () {
|
|
24
|
-
var _render2 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Timeline, {
|
|
25
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
|
|
26
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
|
|
27
|
-
title: "Title",
|
|
28
|
-
description: "Description",
|
|
29
|
-
date: new Date()
|
|
30
|
-
})]
|
|
31
|
-
})
|
|
32
|
-
})),
|
|
33
|
-
container = _render2.container;
|
|
34
|
-
expect(container).toBeInTheDocument();
|
|
35
|
-
});
|
|
36
|
-
it('should it render the Timeline component with full width', function () {
|
|
37
|
-
var _render3 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Timeline, {
|
|
38
|
-
fullWidth: true,
|
|
39
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
|
|
40
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
|
|
41
|
-
title: "Title",
|
|
42
|
-
description: "Description",
|
|
43
|
-
date: new Date()
|
|
44
|
-
})]
|
|
45
|
-
})
|
|
46
|
-
})),
|
|
47
|
-
container = _render3.container;
|
|
48
|
-
expect(container).toBeInTheDocument();
|
|
49
|
-
});
|
|
50
|
-
it('should it render the TimelineSeparator component with an icon', function () {
|
|
51
|
-
var _render4 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Timeline, {
|
|
52
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
|
|
53
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
|
|
54
|
-
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
|
|
55
|
-
name: "shopping-cart"
|
|
56
|
-
})
|
|
57
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
|
|
58
|
-
title: "Title",
|
|
59
|
-
description: "Description",
|
|
60
|
-
date: new Date()
|
|
61
|
-
})]
|
|
62
|
-
})
|
|
63
|
-
})),
|
|
64
|
-
container = _render4.container;
|
|
65
|
-
expect(container).toBeInTheDocument();
|
|
66
|
-
expect(container.querySelector('svg')).toBeInTheDocument();
|
|
67
|
-
});
|
|
68
|
-
it('should it render the TimelineSeparator component with an icon and different color in the circle', function () {
|
|
69
|
-
var _render5 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Timeline, {
|
|
70
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
|
|
71
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
|
|
72
|
-
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
|
|
73
|
-
name: "shopping-cart"
|
|
74
|
-
}),
|
|
75
|
-
circleColor: "primary.default"
|
|
76
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
|
|
77
|
-
title: "Title",
|
|
78
|
-
description: "Description",
|
|
79
|
-
date: new Date()
|
|
80
|
-
})]
|
|
81
|
-
})
|
|
82
|
-
})),
|
|
83
|
-
container = _render5.container;
|
|
84
|
-
expect(container).toBeInTheDocument();
|
|
85
|
-
expect(container.querySelector('svg')).toBeInTheDocument();
|
|
86
|
-
});
|
|
87
|
-
it('should it render the Timeline component with multiply childrens', function () {
|
|
88
|
-
var _render6 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Timeline, {
|
|
89
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
|
|
90
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
|
|
91
|
-
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
|
|
92
|
-
name: "shopping-cart"
|
|
93
|
-
}),
|
|
94
|
-
circleColor: "primary.default"
|
|
95
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
|
|
96
|
-
title: "Title",
|
|
97
|
-
description: "Description",
|
|
98
|
-
date: new Date()
|
|
99
|
-
})]
|
|
100
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
|
|
101
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
|
|
102
|
-
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
|
|
103
|
-
name: "shopping-cart"
|
|
104
|
-
}),
|
|
105
|
-
circleColor: "primary.default"
|
|
106
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
|
|
107
|
-
title: "Title",
|
|
108
|
-
description: "Description",
|
|
109
|
-
date: new Date()
|
|
110
|
-
})]
|
|
111
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
|
|
112
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
|
|
113
|
-
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
|
|
114
|
-
name: "shopping-cart"
|
|
115
|
-
}),
|
|
116
|
-
circleColor: "primary.default"
|
|
117
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
|
|
118
|
-
title: "Title",
|
|
119
|
-
description: "Description",
|
|
120
|
-
date: new Date()
|
|
121
|
-
})]
|
|
122
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
|
|
123
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
|
|
124
|
-
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
|
|
125
|
-
name: "shopping-cart"
|
|
126
|
-
}),
|
|
127
|
-
circleColor: "primary.default"
|
|
128
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
|
|
129
|
-
title: "Title",
|
|
130
|
-
description: "Description",
|
|
131
|
-
date: new Date()
|
|
132
|
-
})]
|
|
133
|
-
})]
|
|
134
|
-
})),
|
|
135
|
-
container = _render6.container;
|
|
136
|
-
expect(container).toBeInTheDocument();
|
|
137
|
-
});
|
|
138
|
-
});
|
|
1
|
+
"use strict";var _testUtils=require("../../shared/tests/test-utils");require("@testing-library/jest-dom/extend-expect");var _Icon=_interopRequireDefault(require("../Icon")),_=require("."),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}describe("Timeline",function(){it("should it render the Timeline component with childrens",function(){var _render=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Timeline,{children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.TimelineItem,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.TimelineSeparator,{}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.TimelineContent,{title:"Title",description:"Description",date:new Date})]})})),container=_render.container;expect(container).toBeInTheDocument()}),it("should it render the Timeline component with different position",function(){var _render2=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Timeline,{children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.TimelineItem,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.TimelineSeparator,{}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.TimelineContent,{title:"Title",description:"Description",date:new Date})]})})),container=_render2.container;expect(container).toBeInTheDocument()}),it("should it render the Timeline component with full width",function(){var _render3=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Timeline,{fullWidth:!0,children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.TimelineItem,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.TimelineSeparator,{}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.TimelineContent,{title:"Title",description:"Description",date:new Date})]})})),container=_render3.container;expect(container).toBeInTheDocument()}),it("should it render the TimelineSeparator component with an icon",function(){var _render4=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Timeline,{children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.TimelineItem,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.TimelineSeparator,{icon:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"shopping-cart"})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.TimelineContent,{title:"Title",description:"Description",date:new Date})]})})),container=_render4.container;expect(container).toBeInTheDocument(),expect(container.querySelector("svg")).toBeInTheDocument()}),it("should it render the TimelineSeparator component with an icon and different color in the circle",function(){var _render5=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Timeline,{children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.TimelineItem,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.TimelineSeparator,{icon:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"shopping-cart"}),circleColor:"primary.default"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.TimelineContent,{title:"Title",description:"Description",date:new Date})]})})),container=_render5.container;expect(container).toBeInTheDocument(),expect(container.querySelector("svg")).toBeInTheDocument()}),it("should it render the Timeline component with multiply childrens",function(){var _render6=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.Timeline,{children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.TimelineItem,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.TimelineSeparator,{icon:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"shopping-cart"}),circleColor:"primary.default"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.TimelineContent,{title:"Title",description:"Description",date:new Date})]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.TimelineItem,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.TimelineSeparator,{icon:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"shopping-cart"}),circleColor:"primary.default"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.TimelineContent,{title:"Title",description:"Description",date:new Date})]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.TimelineItem,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.TimelineSeparator,{icon:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"shopping-cart"}),circleColor:"primary.default"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.TimelineContent,{title:"Title",description:"Description",date:new Date})]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.TimelineItem,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.TimelineSeparator,{icon:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"shopping-cart"}),circleColor:"primary.default"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.TimelineContent,{title:"Title",description:"Description",date:new Date})]})]})),container=_render6.container;expect(container).toBeInTheDocument()})});
|
|
@@ -1,31 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
8
|
-
var _useToast = _interopRequireDefault(require("./hooks/useToast"));
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
var _excluded = ["buttonText"];
|
|
11
|
-
var _templateObject;
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
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; }
|
|
14
|
-
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; }
|
|
15
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
16
|
-
var Button = _styled.default.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 1rem;\n border-radius: 8px;\n background-color: #f5f5f5;\n border: 1px solid #e3e3e3;\n font-size: 1rem;\n font-weight: bold;\n color: #333;\n cursor: pointer;\n\n transition: all 0.2s ease;\n\n &:hover {\n background-color: #e3e3e3;\n }\n\n &:active {\n background-color: #d6d6d6;\n }\n"])));
|
|
17
|
-
var ToastButtonExample = function ToastButtonExample(_ref) {
|
|
18
|
-
var buttonText = _ref.buttonText,
|
|
19
|
-
options = _objectWithoutProperties(_ref, _excluded);
|
|
20
|
-
var toast = (0, _useToast.default)();
|
|
21
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
22
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, {
|
|
23
|
-
onClick: function onClick() {
|
|
24
|
-
return toast(options);
|
|
25
|
-
},
|
|
26
|
-
children: buttonText || 'Show toast'
|
|
27
|
-
})
|
|
28
|
-
});
|
|
29
|
-
};
|
|
30
|
-
var _default = ToastButtonExample;
|
|
31
|
-
exports.default = _default;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _templateObject,_styled=_interopRequireDefault(require("@emotion/styled")),_useToast=_interopRequireDefault(require("./hooks/useToast")),_jsxRuntime=require("react/jsx-runtime"),_excluded=["buttonText"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var Button=_styled.default.button(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n padding: 1rem;\n border-radius: 8px;\n background-color: #f5f5f5;\n border: 1px solid #e3e3e3;\n font-size: 1rem;\n font-weight: bold;\n color: #333;\n cursor: pointer;\n\n transition: all 0.2s ease;\n\n &:hover {\n background-color: #e3e3e3;\n }\n\n &:active {\n background-color: #d6d6d6;\n }\n"]))),ToastButtonExample=function(_ref){var buttonText=_ref.buttonText,options=_objectWithoutProperties(_ref,_excluded),toast=(0,_useToast.default)();return/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(Button,{onClick:function onClick(){return toast(options)},children:buttonText||"Show toast"})})},_default=ToastButtonExample;exports.default=_default;
|
|
@@ -1,79 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _framerMotion = require("framer-motion");
|
|
9
|
-
var _Alert = _interopRequireDefault(require("../../Alert"));
|
|
10
|
-
var _styles = require("../styles");
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
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); }
|
|
14
|
-
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; }
|
|
15
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
16
|
-
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); }
|
|
17
|
-
var Toast = function Toast(_ref) {
|
|
18
|
-
var type = _ref.type,
|
|
19
|
-
close = _ref.close,
|
|
20
|
-
duration = _ref.duration,
|
|
21
|
-
content = _ref.content,
|
|
22
|
-
icon = _ref.icon,
|
|
23
|
-
id = _ref.toastId,
|
|
24
|
-
title = _ref.title,
|
|
25
|
-
_ref$position = _ref.position,
|
|
26
|
-
position = _ref$position === void 0 ? 'top-right' : _ref$position;
|
|
27
|
-
(0, _react.useEffect)(function () {
|
|
28
|
-
var timer = setTimeout(function () {
|
|
29
|
-
close(id);
|
|
30
|
-
}, duration);
|
|
31
|
-
return function () {
|
|
32
|
-
return clearTimeout(timer);
|
|
33
|
-
};
|
|
34
|
-
}, [duration, close, id]);
|
|
35
|
-
function handleCloseButtonClick() {
|
|
36
|
-
close(id);
|
|
37
|
-
}
|
|
38
|
-
var toastAnimationVariants = {
|
|
39
|
-
initial: function initial() {
|
|
40
|
-
var _ref2;
|
|
41
|
-
var positionDirection = ['top', 'bottom'].includes(position) ? 'y' : 'x';
|
|
42
|
-
var translateValue = position.indexOf('top') !== -1 ? position.indexOf('left') !== -1 ? -30 : 30 : position.indexOf('left') !== -1 ? -30 : 30;
|
|
43
|
-
return _ref2 = {}, _defineProperty(_ref2, positionDirection, translateValue), _defineProperty(_ref2, "opacity", 0), _ref2;
|
|
44
|
-
},
|
|
45
|
-
visible: {
|
|
46
|
-
opacity: 1,
|
|
47
|
-
y: 0,
|
|
48
|
-
x: 0
|
|
49
|
-
},
|
|
50
|
-
hidden: {
|
|
51
|
-
opacity: 0,
|
|
52
|
-
scale: 0.8
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.motion.div, {
|
|
56
|
-
layout: true,
|
|
57
|
-
variants: toastAnimationVariants,
|
|
58
|
-
initial: "initial",
|
|
59
|
-
animate: "visible",
|
|
60
|
-
exit: "hidden",
|
|
61
|
-
transition: {
|
|
62
|
-
duration: 0.35
|
|
63
|
-
},
|
|
64
|
-
id: id,
|
|
65
|
-
className: "pp-toast-".concat(position),
|
|
66
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledToastComponent, {
|
|
67
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
|
|
68
|
-
content: content,
|
|
69
|
-
title: title,
|
|
70
|
-
icon: icon,
|
|
71
|
-
variant: "closable",
|
|
72
|
-
type: type,
|
|
73
|
-
onClose: handleCloseButtonClick
|
|
74
|
-
})
|
|
75
|
-
})
|
|
76
|
-
});
|
|
77
|
-
};
|
|
78
|
-
var _default = Toast;
|
|
79
|
-
exports.default = _default;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_framerMotion=require("framer-motion"),_Alert=_interopRequireDefault(require("../../Alert")),_styles=require("../styles"),_jsxRuntime=require("react/jsx-runtime");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 _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 Toast=function(_ref){var type=_ref.type,close=_ref.close,duration=_ref.duration,content=_ref.content,icon=_ref.icon,id=_ref.toastId,title=_ref.title,_ref$position=_ref.position,position=void 0===_ref$position?"top-right":_ref$position;(0,_react.useEffect)(function(){var timer=setTimeout(function(){close(id)},duration);return function(){return clearTimeout(timer)}},[duration,close,id]);return/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.motion.div,{layout:!0,variants:{initial:function initial(){var _ref2,positionDirection=["top","bottom"].includes(position)?"y":"x",translateValue=-1===position.indexOf("top")?-1===position.indexOf("left")?30:-30:-1===position.indexOf("left")?30:-30;return _ref2={},_defineProperty(_ref2,positionDirection,translateValue),_defineProperty(_ref2,"opacity",0),_ref2},visible:{opacity:1,y:0,x:0},hidden:{opacity:0,scale:.8}},initial:"initial",animate:"visible",exit:"hidden",transition:{duration:.35},id:id,className:"pp-toast-".concat(position),children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StyledToastComponent,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Alert.default,{content:content,title:title,icon:icon,variant:"closable",type:type,onClose:function(){close(id)}})})})},_default=Toast;exports.default=_default;
|
|
@@ -1,72 +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.default = exports.ToastContext = void 0;
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
var _ = _interopRequireDefault(require(".."));
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
13
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
14
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
15
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
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
|
-
var ToastContext = /*#__PURE__*/(0, _react.createContext)({});
|
|
28
|
-
exports.ToastContext = ToastContext;
|
|
29
|
-
var ToastProvider = function ToastProvider(_ref) {
|
|
30
|
-
var children = _ref.children;
|
|
31
|
-
var _useState = (0, _react.useState)([]),
|
|
32
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
33
|
-
toasts = _useState2[0],
|
|
34
|
-
setToasts = _useState2[1];
|
|
35
|
-
var addToast = (0, _react.useCallback)(function (options) {
|
|
36
|
-
var toastOptions = {
|
|
37
|
-
config: _objectSpread(_objectSpread({}, options), {}, {
|
|
38
|
-
icon: options.icon || 'info',
|
|
39
|
-
duration: options.duration || 5000,
|
|
40
|
-
type: options.type || 'default',
|
|
41
|
-
position: options.position || 'bottom',
|
|
42
|
-
onClose: options.onClose || undefined
|
|
43
|
-
}),
|
|
44
|
-
id: Math.random().toString(36).substring(2, 9)
|
|
45
|
-
};
|
|
46
|
-
setToasts([].concat(_toConsumableArray(toasts), [toastOptions]));
|
|
47
|
-
}, []);
|
|
48
|
-
var remoteToast = (0, _react.useCallback)(function (id) {
|
|
49
|
-
setToasts(function (prevState) {
|
|
50
|
-
var filterToast = prevState.filter(function (toast) {
|
|
51
|
-
return toast.id === id;
|
|
52
|
-
});
|
|
53
|
-
if (filterToast[0]) {
|
|
54
|
-
var _filterToast$0$config, _filterToast$0$config2;
|
|
55
|
-
(_filterToast$0$config = (_filterToast$0$config2 = filterToast[0].config).onClose) === null || _filterToast$0$config === void 0 ? void 0 : _filterToast$0$config.call(_filterToast$0$config2, id);
|
|
56
|
-
}
|
|
57
|
-
return prevState.filter(function (toast) {
|
|
58
|
-
return toast.id !== id;
|
|
59
|
-
});
|
|
60
|
-
});
|
|
61
|
-
}, []);
|
|
62
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ToastContext.Provider, {
|
|
63
|
-
value: {
|
|
64
|
-
add: addToast,
|
|
65
|
-
remove: remoteToast,
|
|
66
|
-
toasts: toasts
|
|
67
|
-
},
|
|
68
|
-
children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {})]
|
|
69
|
-
});
|
|
70
|
-
};
|
|
71
|
-
var _default = ToastProvider;
|
|
72
|
-
exports.default = _default;
|
|
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=exports.ToastContext=void 0;var _react=require("react"),_=_interopRequireDefault(require("..")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}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}var ToastContext=/*#__PURE__*/(0,_react.createContext)({});exports.ToastContext=ToastContext;var ToastProvider=function(_ref){var children=_ref.children,_useState=(0,_react.useState)([]),_useState2=_slicedToArray(_useState,2),toasts=_useState2[0],setToasts=_useState2[1],addToast=(0,_react.useCallback)(function(options){var toastOptions={config:_objectSpread(_objectSpread({},options),{},{icon:options.icon||"info",duration:options.duration||5e3,type:options.type||"default",position:options.position||"bottom",onClose:options.onClose||void 0}),id:Math.random().toString(36).substring(2,9)};setToasts([].concat(_toConsumableArray(toasts),[toastOptions]))},[]),remoteToast=(0,_react.useCallback)(function(id){setToasts(function(prevState){var filterToast=prevState.filter(function(toast){return toast.id===id});if(filterToast[0]){var _filterToast$0$config,_filterToast$0$config2;null===(_filterToast$0$config=(_filterToast$0$config2=filterToast[0].config).onClose)||void 0===_filterToast$0$config?void 0:_filterToast$0$config.call(_filterToast$0$config2,id)}return prevState.filter(function(toast){return toast.id!==id})})},[]);return/*#__PURE__*/(0,_jsxRuntime.jsxs)(ToastContext.Provider,{value:{add:addToast,remove:remoteToast,toasts:toasts},children:[children,/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{})]})},_default=ToastProvider;exports.default=_default;
|
|
@@ -1,18 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _ToastProvider = require("../contexts/ToastProvider");
|
|
9
|
-
var useToast = function useToast() {
|
|
10
|
-
var _useContext = (0, _react.useContext)(_ToastProvider.ToastContext),
|
|
11
|
-
add = _useContext.add;
|
|
12
|
-
if (!add) {
|
|
13
|
-
throw new Error('useToast must be used within ToastProvider');
|
|
14
|
-
}
|
|
15
|
-
return add;
|
|
16
|
-
};
|
|
17
|
-
var _default = useToast;
|
|
18
|
-
exports.default = _default;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_ToastProvider=require("../contexts/ToastProvider"),useToast=function(){var _useContext=(0,_react.useContext)(_ToastProvider.ToastContext),add=_useContext.add;if(!add)throw new Error("useToast must be used within ToastProvider");return add},_default=useToast;exports.default=_default;
|