@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,243 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.rgbaToRgbaString = exports.rgbaToHsva = exports.rgbaToHex = exports.rgbaStringToRgba = exports.rgbaStringToRgbString = exports.rgbaStringToHsva = exports.rgbaStringToHslaString = exports.rgbaStringToHsla = exports.rgbaStringToHslString = exports.rgbaStringToHex = exports.rgbStringToRgba = exports.hsvaToRgbaString = exports.hsvaToRgba = exports.hsvaToHslaString = exports.hsvaToHsla = exports.hslaToHsva = exports.hslaStringToHsva = exports.hslStringToHsva = exports.hexStringToRgba = void 0;
|
|
7
|
-
var hexStringToRgba = function hexStringToRgba(hex) {
|
|
8
|
-
var result = hex.length >= 6 ? /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex) : null;
|
|
9
|
-
return result ? {
|
|
10
|
-
r: parseInt(result[1], 16),
|
|
11
|
-
g: parseInt(result[2], 16),
|
|
12
|
-
b: parseInt(result[3], 16),
|
|
13
|
-
a: 1
|
|
14
|
-
} : {
|
|
15
|
-
r: 0,
|
|
16
|
-
g: 0,
|
|
17
|
-
b: 0,
|
|
18
|
-
a: 1
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
exports.hexStringToRgba = hexStringToRgba;
|
|
22
|
-
var hsvaToRgba = function hsvaToRgba(hsva) {
|
|
23
|
-
var h = hsva.h,
|
|
24
|
-
s = hsva.s,
|
|
25
|
-
v = hsva.v,
|
|
26
|
-
a = hsva.a;
|
|
27
|
-
h = h / 360 * 6;
|
|
28
|
-
s = s / 100;
|
|
29
|
-
v = v / 100;
|
|
30
|
-
var hh = Math.floor(h);
|
|
31
|
-
var b = v * (1 - s);
|
|
32
|
-
var c = v * (1 - (h - hh) * s);
|
|
33
|
-
var d = v * (1 - (1 - h + hh) * s);
|
|
34
|
-
var module = hh % 6;
|
|
35
|
-
return {
|
|
36
|
-
r: Math.round([v, c, b, b, d, v][module] * 255),
|
|
37
|
-
g: Math.round([d, v, v, c, b, b][module] * 255),
|
|
38
|
-
b: Math.round([b, b, d, v, v, c][module] * 255),
|
|
39
|
-
a: Math.round(a * 100 / 100)
|
|
40
|
-
};
|
|
41
|
-
};
|
|
42
|
-
exports.hsvaToRgba = hsvaToRgba;
|
|
43
|
-
var hsvaToRgbaString = function hsvaToRgbaString(hsva) {
|
|
44
|
-
var _hsvaToRgba = hsvaToRgba(hsva),
|
|
45
|
-
r = _hsvaToRgba.r,
|
|
46
|
-
g = _hsvaToRgba.g,
|
|
47
|
-
b = _hsvaToRgba.b,
|
|
48
|
-
a = _hsvaToRgba.a;
|
|
49
|
-
return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")");
|
|
50
|
-
};
|
|
51
|
-
exports.hsvaToRgbaString = hsvaToRgbaString;
|
|
52
|
-
var hsvaToHslaString = function hsvaToHslaString(hsva) {
|
|
53
|
-
var _hsvaToHsla = hsvaToHsla(hsva),
|
|
54
|
-
h = _hsvaToHsla.h,
|
|
55
|
-
s = _hsvaToHsla.s,
|
|
56
|
-
l = _hsvaToHsla.l,
|
|
57
|
-
a = _hsvaToHsla.a;
|
|
58
|
-
return "hsla(".concat(h, ", ").concat(s, "%, ").concat(l, "%, ").concat(a, ")");
|
|
59
|
-
};
|
|
60
|
-
exports.hsvaToHslaString = hsvaToHslaString;
|
|
61
|
-
var hsvaToHsla = function hsvaToHsla(_ref) {
|
|
62
|
-
var h = _ref.h,
|
|
63
|
-
s = _ref.s,
|
|
64
|
-
v = _ref.v,
|
|
65
|
-
a = _ref.a;
|
|
66
|
-
var hh = (200 - s) * v / 100;
|
|
67
|
-
return {
|
|
68
|
-
h: Math.round(h),
|
|
69
|
-
s: Math.round(hh > 0 && hh < 200 ? s * v / 100 / (hh <= 100 ? hh : 200 - hh) * 100 : 0),
|
|
70
|
-
l: Math.round(hh / 2),
|
|
71
|
-
a: Math.round(a * 100 / 100)
|
|
72
|
-
};
|
|
73
|
-
};
|
|
74
|
-
exports.hsvaToHsla = hsvaToHsla;
|
|
75
|
-
var hslaToHsva = function hslaToHsva(_ref2) {
|
|
76
|
-
var h = _ref2.h,
|
|
77
|
-
s = _ref2.s,
|
|
78
|
-
l = _ref2.l,
|
|
79
|
-
a = _ref2.a;
|
|
80
|
-
s *= (l < 50 ? l : 100 - l) / 100;
|
|
81
|
-
return {
|
|
82
|
-
h: h,
|
|
83
|
-
s: s > 0 ? 2 * s / (l + s) * 100 : 0,
|
|
84
|
-
v: l + s,
|
|
85
|
-
a: a
|
|
86
|
-
};
|
|
87
|
-
};
|
|
88
|
-
exports.hslaToHsva = hslaToHsva;
|
|
89
|
-
var hslaStringToHsva = function hslaStringToHsva(hsla) {
|
|
90
|
-
var result = /hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(hsla);
|
|
91
|
-
if (!result) {
|
|
92
|
-
return {
|
|
93
|
-
h: 0,
|
|
94
|
-
s: 0,
|
|
95
|
-
v: 0,
|
|
96
|
-
a: 1
|
|
97
|
-
};
|
|
98
|
-
}
|
|
99
|
-
return hslaToHsva({
|
|
100
|
-
h: Number(result[1]) * ((result[2] === 'rad' ? 360 / (Math.PI * 2) : result[2] === 'turn' ? 360 : result[2] === 'grad' ? 360 / 400 : 1) || 1),
|
|
101
|
-
s: parseFloat(result[3]),
|
|
102
|
-
l: parseFloat(result[4]),
|
|
103
|
-
a: result[5] ? parseFloat(result[5]) : 1
|
|
104
|
-
});
|
|
105
|
-
};
|
|
106
|
-
exports.hslaStringToHsva = hslaStringToHsva;
|
|
107
|
-
var hslStringToHsva = function hslStringToHsva(hsl) {
|
|
108
|
-
var result = /hsl\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?\s*\)?/i.exec(hsl);
|
|
109
|
-
if (!result) {
|
|
110
|
-
return {
|
|
111
|
-
h: 0,
|
|
112
|
-
s: 0,
|
|
113
|
-
v: 0,
|
|
114
|
-
a: 1
|
|
115
|
-
};
|
|
116
|
-
}
|
|
117
|
-
return hslaToHsva({
|
|
118
|
-
h: Number(result[1]) * ((result[2] === 'rad' ? 360 / (Math.PI * 2) : result[2] === 'turn' ? 360 : result[2] === 'grad' ? 360 / 400 : 1) || 1),
|
|
119
|
-
s: parseFloat(result[3]),
|
|
120
|
-
l: parseFloat(result[4]),
|
|
121
|
-
a: 1
|
|
122
|
-
});
|
|
123
|
-
};
|
|
124
|
-
exports.hslStringToHsva = hslStringToHsva;
|
|
125
|
-
var rgbaToHsva = function rgbaToHsva(rgba) {
|
|
126
|
-
var r = rgba.r,
|
|
127
|
-
g = rgba.g,
|
|
128
|
-
b = rgba.b,
|
|
129
|
-
a = rgba.a;
|
|
130
|
-
var max = Math.max(r, g, b);
|
|
131
|
-
var delta = max - Math.min(r, g, b);
|
|
132
|
-
|
|
133
|
-
// prettier-ignore
|
|
134
|
-
var hh = delta ? max === r ? (g - b) / delta : max === g ? 2 + (b - r) / delta : 4 + (r - g) / delta : 0;
|
|
135
|
-
return {
|
|
136
|
-
h: Math.round(60 * (hh < 0 ? hh + 6 : hh)),
|
|
137
|
-
s: Math.round(max ? delta / max * 100 : 0),
|
|
138
|
-
v: Math.round(max / 255 * 100),
|
|
139
|
-
a: a
|
|
140
|
-
};
|
|
141
|
-
};
|
|
142
|
-
exports.rgbaToHsva = rgbaToHsva;
|
|
143
|
-
var rgbaStringToHsva = function rgbaStringToHsva(rgba) {
|
|
144
|
-
var _rgbaStringToRgba = rgbaStringToRgba(rgba),
|
|
145
|
-
r = _rgbaStringToRgba.r,
|
|
146
|
-
g = _rgbaStringToRgba.g,
|
|
147
|
-
b = _rgbaStringToRgba.b,
|
|
148
|
-
a = _rgbaStringToRgba.a;
|
|
149
|
-
return rgbaToHsva({
|
|
150
|
-
r: r,
|
|
151
|
-
g: g,
|
|
152
|
-
b: b,
|
|
153
|
-
a: a
|
|
154
|
-
});
|
|
155
|
-
};
|
|
156
|
-
exports.rgbaStringToHsva = rgbaStringToHsva;
|
|
157
|
-
var rgbaStringToRgba = function rgbaStringToRgba(rgba) {
|
|
158
|
-
var matcher = /rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i;
|
|
159
|
-
var match = matcher.exec(rgba);
|
|
160
|
-
if (!match) return {
|
|
161
|
-
r: 0,
|
|
162
|
-
g: 0,
|
|
163
|
-
b: 0,
|
|
164
|
-
a: 1
|
|
165
|
-
};
|
|
166
|
-
return {
|
|
167
|
-
r: Number(match[1]) / (match[2] ? 100 / 255 : 1),
|
|
168
|
-
g: Number(match[3]) / (match[4] ? 100 / 255 : 1),
|
|
169
|
-
b: Number(match[5]) / (match[6] ? 100 / 255 : 1),
|
|
170
|
-
a: match[7] === undefined ? 1 : Number(match[7]) / (match[8] ? 100 : 1)
|
|
171
|
-
};
|
|
172
|
-
};
|
|
173
|
-
exports.rgbaStringToRgba = rgbaStringToRgba;
|
|
174
|
-
var rgbaStringToHsla = function rgbaStringToHsla(rgba) {
|
|
175
|
-
var hsva = rgbaStringToHsva(rgba);
|
|
176
|
-
var hsla = hsvaToHsla(hsva);
|
|
177
|
-
return hsla;
|
|
178
|
-
};
|
|
179
|
-
exports.rgbaStringToHsla = rgbaStringToHsla;
|
|
180
|
-
var rgbaStringToHslString = function rgbaStringToHslString(rgba) {
|
|
181
|
-
var _rgbaStringToHsla = rgbaStringToHsla(rgba),
|
|
182
|
-
h = _rgbaStringToHsla.h,
|
|
183
|
-
s = _rgbaStringToHsla.s,
|
|
184
|
-
l = _rgbaStringToHsla.l;
|
|
185
|
-
return "hsl(".concat(h, ", ").concat(s, "%, ").concat(l, "%)");
|
|
186
|
-
};
|
|
187
|
-
exports.rgbaStringToHslString = rgbaStringToHslString;
|
|
188
|
-
var rgbaStringToHslaString = function rgbaStringToHslaString(rgba) {
|
|
189
|
-
var _rgbaStringToHsla2 = rgbaStringToHsla(rgba),
|
|
190
|
-
h = _rgbaStringToHsla2.h,
|
|
191
|
-
s = _rgbaStringToHsla2.s,
|
|
192
|
-
l = _rgbaStringToHsla2.l,
|
|
193
|
-
a = _rgbaStringToHsla2.a;
|
|
194
|
-
return "hsla(".concat(h, ", ").concat(s, "%, ").concat(l, "%, ").concat(a, ")");
|
|
195
|
-
};
|
|
196
|
-
exports.rgbaStringToHslaString = rgbaStringToHslaString;
|
|
197
|
-
var rgbaToRgbaString = function rgbaToRgbaString(rgba) {
|
|
198
|
-
var r = rgba.r,
|
|
199
|
-
g = rgba.g,
|
|
200
|
-
b = rgba.b,
|
|
201
|
-
a = rgba.a;
|
|
202
|
-
return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")");
|
|
203
|
-
};
|
|
204
|
-
exports.rgbaToRgbaString = rgbaToRgbaString;
|
|
205
|
-
var rgbaToHex = function rgbaToHex(rgba) {
|
|
206
|
-
var r = rgba.r,
|
|
207
|
-
g = rgba.g,
|
|
208
|
-
b = rgba.b;
|
|
209
|
-
return "#".concat(((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1));
|
|
210
|
-
};
|
|
211
|
-
exports.rgbaToHex = rgbaToHex;
|
|
212
|
-
var rgbaStringToHex = function rgbaStringToHex(rgba) {
|
|
213
|
-
var _rgbaStringToRgba2 = rgbaStringToRgba(rgba),
|
|
214
|
-
r = _rgbaStringToRgba2.r,
|
|
215
|
-
g = _rgbaStringToRgba2.g,
|
|
216
|
-
b = _rgbaStringToRgba2.b;
|
|
217
|
-
return "#".concat(((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1));
|
|
218
|
-
};
|
|
219
|
-
exports.rgbaStringToHex = rgbaStringToHex;
|
|
220
|
-
var rgbaStringToRgbString = function rgbaStringToRgbString(rgba) {
|
|
221
|
-
var matcher = /rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*\)?/i;
|
|
222
|
-
var match = matcher.exec(rgba);
|
|
223
|
-
if (!match) return '';
|
|
224
|
-
return "rgb(".concat(match[1], ", ").concat(match[3], ", ").concat(match[5], ")");
|
|
225
|
-
};
|
|
226
|
-
exports.rgbaStringToRgbString = rgbaStringToRgbString;
|
|
227
|
-
var rgbStringToRgba = function rgbStringToRgba(rgb) {
|
|
228
|
-
var matcher = /rgb\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*\)?/i;
|
|
229
|
-
var match = matcher.exec(rgb);
|
|
230
|
-
if (!match) return {
|
|
231
|
-
r: 0,
|
|
232
|
-
g: 0,
|
|
233
|
-
b: 0,
|
|
234
|
-
a: 1
|
|
235
|
-
};
|
|
236
|
-
return {
|
|
237
|
-
r: Number(match[1]) / (match[2] ? 100 / 255 : 1),
|
|
238
|
-
g: Number(match[3]) / (match[4] ? 100 / 255 : 1),
|
|
239
|
-
b: Number(match[5]) / (match[6] ? 100 / 255 : 1),
|
|
240
|
-
a: match[7] === undefined ? 1 : Number(match[7]) / (match[8] ? 100 : 1)
|
|
241
|
-
};
|
|
242
|
-
};
|
|
243
|
-
exports.rgbStringToRgba = rgbStringToRgba;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.rgbaToRgbaString=exports.rgbaToHsva=exports.rgbaToHex=exports.rgbaStringToRgba=exports.rgbaStringToRgbString=exports.rgbaStringToHsva=exports.rgbaStringToHslaString=exports.rgbaStringToHsla=exports.rgbaStringToHslString=exports.rgbaStringToHex=exports.rgbStringToRgba=exports.hsvaToRgbaString=exports.hsvaToRgba=exports.hsvaToHslaString=exports.hsvaToHsla=exports.hslaToHsva=exports.hslaStringToHsva=exports.hslStringToHsva=exports.hexStringToRgba=void 0;var hexStringToRgba=function(hex){var result=6<=hex.length?/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex):null;return result?{r:parseInt(result[1],16),g:parseInt(result[2],16),b:parseInt(result[3],16),a:1}:{r:0,g:0,b:0,a:1}};exports.hexStringToRgba=hexStringToRgba;var hsvaToRgba=function(hsva){var h=hsva.h,s=hsva.s,v=hsva.v,a=hsva.a;h=6*(h/360),s/=100,v/=100;var hh=Math.floor(h),b=v*(1-s),c=v*(1-(h-hh)*s),d=v*(1-(1-h+hh)*s),module=hh%6;return{r:Math.round(255*[v,c,b,b,d,v][module]),g:Math.round(255*[d,v,v,c,b,b][module]),b:Math.round(255*[b,b,d,v,v,c][module]),a:Math.round(100*a/100)}};exports.hsvaToRgba=hsvaToRgba;var hsvaToRgbaString=function(hsva){var _hsvaToRgba=hsvaToRgba(hsva),r=_hsvaToRgba.r,g=_hsvaToRgba.g,b=_hsvaToRgba.b,a=_hsvaToRgba.a;return"rgba(".concat(r,", ").concat(g,", ").concat(b,", ").concat(a,")")};exports.hsvaToRgbaString=hsvaToRgbaString;var hsvaToHslaString=function(hsva){var _hsvaToHsla=hsvaToHsla(hsva),h=_hsvaToHsla.h,s=_hsvaToHsla.s,l=_hsvaToHsla.l,a=_hsvaToHsla.a;return"hsla(".concat(h,", ").concat(s,"%, ").concat(l,"%, ").concat(a,")")};exports.hsvaToHslaString=hsvaToHslaString;var hsvaToHsla=function(_ref){var h=_ref.h,s=_ref.s,v=_ref.v,a=_ref.a,hh=(200-s)*v/100;return{h:Math.round(h),s:Math.round(0<hh&&200>hh?100*(s*v/100/(100>=hh?hh:200-hh)):0),l:Math.round(hh/2),a:Math.round(100*a/100)}};exports.hsvaToHsla=hsvaToHsla;var hslaToHsva=function(_ref2){var h=_ref2.h,s=_ref2.s,l=_ref2.l,a=_ref2.a;return s*=(50>l?l:100-l)/100,{h:h,s:0<s?100*(2*s/(l+s)):0,v:l+s,a:a}};exports.hslaToHsva=hslaToHsva;var hslaStringToHsva=function(hsla){var result=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(hsla);return result?hslaToHsva({h:+result[1]*(("rad"===result[2]?360/(2*Math.PI):"turn"===result[2]?360:"grad"===result[2]?360/400:1)||1),s:parseFloat(result[3]),l:parseFloat(result[4]),a:result[5]?parseFloat(result[5]):1}):{h:0,s:0,v:0,a:1}};exports.hslaStringToHsva=hslaStringToHsva;var hslStringToHsva=function(hsl){var result=/hsl\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?\s*\)?/i.exec(hsl);return result?hslaToHsva({h:+result[1]*(("rad"===result[2]?360/(2*Math.PI):"turn"===result[2]?360:"grad"===result[2]?360/400:1)||1),s:parseFloat(result[3]),l:parseFloat(result[4]),a:1}):{h:0,s:0,v:0,a:1}};exports.hslStringToHsva=hslStringToHsva;var rgbaToHsva=function(rgba){var r=rgba.r,g=rgba.g,b=rgba.b,a=rgba.a,max=Math.max(r,g,b),delta=max-Math.min(r,g,b),hh=delta?max===r?(g-b)/delta:max===g?2+(b-r)/delta:4+(r-g)/delta:0;// prettier-ignore
|
|
2
|
+
return{h:Math.round(60*(0>hh?hh+6:hh)),s:Math.round(max?100*(delta/max):0),v:Math.round(100*(max/255)),a:a}};exports.rgbaToHsva=rgbaToHsva;var rgbaStringToHsva=function(rgba){var _rgbaStringToRgba=rgbaStringToRgba(rgba),r=_rgbaStringToRgba.r,g=_rgbaStringToRgba.g,b=_rgbaStringToRgba.b,a=_rgbaStringToRgba.a;return rgbaToHsva({r:r,g:g,b:b,a:a})};exports.rgbaStringToHsva=rgbaStringToHsva;var rgbaStringToRgba=function(rgba){var match=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(rgba);return match?{r:+match[1]/(match[2]?100/255:1),g:+match[3]/(match[4]?100/255:1),b:+match[5]/(match[6]?100/255:1),a:match[7]===void 0?1:+match[7]/(match[8]?100:1)}:{r:0,g:0,b:0,a:1}};exports.rgbaStringToRgba=rgbaStringToRgba;var rgbaStringToHsla=function(rgba){var hsva=rgbaStringToHsva(rgba),hsla=hsvaToHsla(hsva);return hsla};exports.rgbaStringToHsla=rgbaStringToHsla;var rgbaStringToHslString=function(rgba){var _rgbaStringToHsla=rgbaStringToHsla(rgba),h=_rgbaStringToHsla.h,s=_rgbaStringToHsla.s,l=_rgbaStringToHsla.l;return"hsl(".concat(h,", ").concat(s,"%, ").concat(l,"%)")};exports.rgbaStringToHslString=rgbaStringToHslString;var rgbaStringToHslaString=function(rgba){var _rgbaStringToHsla2=rgbaStringToHsla(rgba),h=_rgbaStringToHsla2.h,s=_rgbaStringToHsla2.s,l=_rgbaStringToHsla2.l,a=_rgbaStringToHsla2.a;return"hsla(".concat(h,", ").concat(s,"%, ").concat(l,"%, ").concat(a,")")};exports.rgbaStringToHslaString=rgbaStringToHslaString;var rgbaToRgbaString=function(rgba){var r=rgba.r,g=rgba.g,b=rgba.b,a=rgba.a;return"rgba(".concat(r,", ").concat(g,", ").concat(b,", ").concat(a,")")};exports.rgbaToRgbaString=rgbaToRgbaString;var rgbaToHex=function(rgba){var r=rgba.r,g=rgba.g,b=rgba.b;return"#".concat(((1<<24)+(r<<16)+(g<<8)+b).toString(16).slice(1))};exports.rgbaToHex=rgbaToHex;var rgbaStringToHex=function(rgba){var _rgbaStringToRgba2=rgbaStringToRgba(rgba),r=_rgbaStringToRgba2.r,g=_rgbaStringToRgba2.g,b=_rgbaStringToRgba2.b;return"#".concat(((1<<24)+(r<<16)+(g<<8)+b).toString(16).slice(1))};exports.rgbaStringToHex=rgbaStringToHex;var rgbaStringToRgbString=function(rgba){var match=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*\)?/i.exec(rgba);return match?"rgb(".concat(match[1],", ").concat(match[3],", ").concat(match[5],")"):""};exports.rgbaStringToRgbString=rgbaStringToRgbString;var rgbStringToRgba=function(rgb){var match=/rgb\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*\)?/i.exec(rgb);return match?{r:+match[1]/(match[2]?100/255:1),g:+match[3]/(match[4]?100/255:1),b:+match[5]/(match[6]?100/255:1),a:match[7]===void 0?1:+match[7]/(match[8]?100:1)}:{r:0,g:0,b:0,a:1}};exports.rgbStringToRgba=rgbStringToRgba;
|
|
@@ -1,122 +1,24 @@
|
|
|
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.colorToOutputMode = exports.colorToHsva = exports.colorMode = exports.colorFromHsva = void 0;
|
|
8
|
-
var _conversors = require("./conversors");
|
|
9
|
-
var checker = _interopRequireWildcard(require("./checkers"));
|
|
10
|
-
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); }
|
|
11
|
-
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; }
|
|
12
|
-
/**
|
|
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.colorToOutputMode=exports.colorToHsva=exports.colorMode=exports.colorFromHsva=void 0;var _conversors=require("./conversors"),checker=_interopRequireWildcard(require("./checkers"));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}/**
|
|
13
2
|
* This function converts a string color to a hsva color object
|
|
14
3
|
* @param color : Color to convert to hsva;
|
|
15
4
|
* @returns : hsva color object
|
|
16
|
-
*/
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
// Check if the color is a hsl string and convert it to rgba and then to hsva
|
|
24
|
-
if (checker.isHsl(color)) {
|
|
25
|
-
return (0, _conversors.hslStringToHsva)(color);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
// Check if the color is a hsla string and convert it to rgba and then to hsva
|
|
29
|
-
if (checker.isHsla(color)) {
|
|
30
|
-
return (0, _conversors.hslaStringToHsva)(color);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
// Check if the color is a rgb string and convert it to rgba and then to hsva
|
|
34
|
-
if (checker.isRgb(color)) {
|
|
35
|
-
return (0, _conversors.rgbaToHsva)((0, _conversors.rgbStringToRgba)(color));
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
// Check if the color is a rgba string and convert it to rgba and then to hsva
|
|
39
|
-
if (checker.isRgba(color)) {
|
|
40
|
-
return (0, _conversors.rgbaToHsva)((0, _conversors.rgbaStringToRgba)(color));
|
|
41
|
-
}
|
|
42
|
-
return {
|
|
43
|
-
h: 0,
|
|
44
|
-
s: 0,
|
|
45
|
-
v: 0,
|
|
46
|
-
a: 1
|
|
47
|
-
};
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
/**
|
|
5
|
+
*/var colorToHsva=function(color){// Check if the color is a hex string and convert it to rgba and then to hsva
|
|
6
|
+
return checker.isHex(color)?(0,_conversors.rgbaToHsva)((0,_conversors.hexStringToRgba)(color)):checker.isHsl(color)?(0,_conversors.hslStringToHsva)(color):checker.isHsla(color)?(0,_conversors.hslaStringToHsva)(color):checker.isRgb(color)?(0,_conversors.rgbaToHsva)((0,_conversors.rgbStringToRgba)(color)):checker.isRgba(color)?(0,_conversors.rgbaToHsva)((0,_conversors.rgbaStringToRgba)(color)):{h:0,s:0,v:0,a:1};// Check if the color is a hsl string and convert it to rgba and then to hsva
|
|
7
|
+
// Check if the color is a hsla string and convert it to rgba and then to hsva
|
|
8
|
+
// Check if the color is a rgb string and convert it to rgba and then to hsva
|
|
9
|
+
// Check if the color is a rgba string and convert it to rgba and then to hsva
|
|
10
|
+
};/**
|
|
51
11
|
* This function gets the color mode from the color string
|
|
52
12
|
* @param color : Color to check your output mode
|
|
53
13
|
* @returns : Color mode
|
|
54
|
-
*/
|
|
55
|
-
exports.colorToHsva = colorToHsva;
|
|
56
|
-
var colorMode = function colorMode(color) {
|
|
57
|
-
if (checker.isHex(color)) {
|
|
58
|
-
return 'hex';
|
|
59
|
-
}
|
|
60
|
-
if (checker.isHsl(color)) {
|
|
61
|
-
return 'hsl';
|
|
62
|
-
}
|
|
63
|
-
if (checker.isHsla(color)) {
|
|
64
|
-
return 'hsla';
|
|
65
|
-
}
|
|
66
|
-
if (checker.isRgb(color)) {
|
|
67
|
-
return 'rgb';
|
|
68
|
-
}
|
|
69
|
-
if (checker.isRgba(color)) {
|
|
70
|
-
return 'rgba';
|
|
71
|
-
}
|
|
72
|
-
return 'unknown';
|
|
73
|
-
};
|
|
74
|
-
|
|
75
|
-
/**
|
|
14
|
+
*/exports.colorToHsva=colorToHsva;var colorMode=function(color){return checker.isHex(color)?"hex":checker.isHsl(color)?"hsl":checker.isHsla(color)?"hsla":checker.isRgb(color)?"rgb":checker.isRgba(color)?"rgba":"unknown"};/**
|
|
76
15
|
* This function converts a hsva color object to a string color
|
|
77
16
|
* @param hsva : hsva color object
|
|
78
17
|
* @param colorMode : Color output mode
|
|
79
18
|
* @returns : Color string
|
|
80
|
-
*/
|
|
81
|
-
exports.colorMode = colorMode;
|
|
82
|
-
var colorFromHsva = function colorFromHsva(hsva, colorMode) {
|
|
83
|
-
switch (colorMode) {
|
|
84
|
-
case 'hex':
|
|
85
|
-
return (0, _conversors.rgbaToHex)((0, _conversors.hsvaToRgba)(hsva));
|
|
86
|
-
case 'hsl':
|
|
87
|
-
return (0, _conversors.rgbaStringToHslString)((0, _conversors.rgbaToRgbaString)((0, _conversors.hsvaToRgba)(hsva)));
|
|
88
|
-
case 'hsla':
|
|
89
|
-
return (0, _conversors.rgbaStringToHslaString)((0, _conversors.rgbaToRgbaString)((0, _conversors.hsvaToRgba)(hsva)));
|
|
90
|
-
case 'rgb':
|
|
91
|
-
return (0, _conversors.rgbaStringToRgbString)((0, _conversors.rgbaToRgbaString)((0, _conversors.hsvaToRgba)(hsva)));
|
|
92
|
-
case 'rgba':
|
|
93
|
-
return (0, _conversors.rgbaToRgbaString)((0, _conversors.hsvaToRgba)(hsva));
|
|
94
|
-
default:
|
|
95
|
-
return 'unknown';
|
|
96
|
-
}
|
|
97
|
-
};
|
|
98
|
-
|
|
99
|
-
/**
|
|
19
|
+
*/exports.colorMode=colorMode;var colorFromHsva=function(hsva,colorMode){return"hex"===colorMode?(0,_conversors.rgbaToHex)((0,_conversors.hsvaToRgba)(hsva)):"hsl"===colorMode?(0,_conversors.rgbaStringToHslString)((0,_conversors.rgbaToRgbaString)((0,_conversors.hsvaToRgba)(hsva))):"hsla"===colorMode?(0,_conversors.rgbaStringToHslaString)((0,_conversors.rgbaToRgbaString)((0,_conversors.hsvaToRgba)(hsva))):"rgb"===colorMode?(0,_conversors.rgbaStringToRgbString)((0,_conversors.rgbaToRgbaString)((0,_conversors.hsvaToRgba)(hsva))):"rgba"===colorMode?(0,_conversors.rgbaToRgbaString)((0,_conversors.hsvaToRgba)(hsva)):"unknown"};/**
|
|
100
20
|
* This function converts a color string to output color mode
|
|
101
21
|
* @param color : Color string;
|
|
102
22
|
* @param outputMode : Color output mode;
|
|
103
23
|
* @returns : Color string
|
|
104
|
-
*/
|
|
105
|
-
exports.colorFromHsva = colorFromHsva;
|
|
106
|
-
var colorToOutputMode = function colorToOutputMode(color, outputMode) {
|
|
107
|
-
switch (outputMode) {
|
|
108
|
-
case 'rgba':
|
|
109
|
-
return color;
|
|
110
|
-
case 'hex':
|
|
111
|
-
return (0, _conversors.rgbaStringToHex)(color);
|
|
112
|
-
case 'rgb':
|
|
113
|
-
return (0, _conversors.rgbaStringToRgbString)(color);
|
|
114
|
-
case 'hsl':
|
|
115
|
-
return (0, _conversors.rgbaStringToHslString)(color);
|
|
116
|
-
case 'hsla':
|
|
117
|
-
return (0, _conversors.rgbaStringToHslaString)(color);
|
|
118
|
-
default:
|
|
119
|
-
return outputMode;
|
|
120
|
-
}
|
|
121
|
-
};
|
|
122
|
-
exports.colorToOutputMode = colorToOutputMode;
|
|
24
|
+
*/exports.colorFromHsva=colorFromHsva;var colorToOutputMode=function(color,outputMode){return"rgba"===outputMode?color:"hex"===outputMode?(0,_conversors.rgbaStringToHex)(color):"rgb"===outputMode?(0,_conversors.rgbaStringToRgbString)(color):"hsl"===outputMode?(0,_conversors.rgbaStringToHslString)(color):"hsla"===outputMode?(0,_conversors.rgbaStringToHslaString)(color):outputMode};exports.colorToOutputMode=colorToOutputMode;
|
|
@@ -1,51 +1,5 @@
|
|
|
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 _styles = require("./styles");
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
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); }
|
|
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); } // Componentes
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_styles=require("./styles"),_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)}// Componentes
|
|
16
2
|
// Hooks
|
|
17
3
|
// Styles
|
|
18
4
|
// Types
|
|
19
|
-
var ComposeIcon =
|
|
20
|
-
var backgroundIcon = _ref.backgroundIcon,
|
|
21
|
-
foregroundIcon = _ref.foregroundIcon,
|
|
22
|
-
bubbleColor = _ref.bubbleColor,
|
|
23
|
-
_ref$bubblePosition = _ref.bubblePosition,
|
|
24
|
-
bubblePosition = _ref$bubblePosition === void 0 ? 'bottom-right' : _ref$bubblePosition,
|
|
25
|
-
_ref$bubbleBorder = _ref.bubbleBorder,
|
|
26
|
-
bubbleBorder = _ref$bubbleBorder === void 0 ? true : _ref$bubbleBorder,
|
|
27
|
-
_ref$bubbleShadow = _ref.bubbleShadow,
|
|
28
|
-
bubbleShadow = _ref$bubbleShadow === void 0 ? true : _ref$bubbleShadow,
|
|
29
|
-
_ref$size = _ref.size,
|
|
30
|
-
size = _ref$size === void 0 ? 150 : _ref$size;
|
|
31
|
-
var iconSizeOffset = 0.26;
|
|
32
|
-
var backgroundIconComponent = /*#__PURE__*/(0, _react.isValidElement)(backgroundIcon) && /*#__PURE__*/(0, _react.cloneElement)(backgroundIcon, _objectSpread(_objectSpread({}, backgroundIcon === null || backgroundIcon === void 0 ? void 0 : backgroundIcon.props), {}, {
|
|
33
|
-
size: size
|
|
34
|
-
}));
|
|
35
|
-
var foregroundIconComponent = /*#__PURE__*/(0, _react.isValidElement)(foregroundIcon) && /*#__PURE__*/(0, _react.cloneElement)(foregroundIcon, _objectSpread(_objectSpread({}, foregroundIcon === null || foregroundIcon === void 0 ? void 0 : foregroundIcon.props), {}, {
|
|
36
|
-
size: size * iconSizeOffset
|
|
37
|
-
}));
|
|
38
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ComposeIconContainer, {
|
|
39
|
-
"data-testid": "composeIcon",
|
|
40
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StatusBubbleContainer, {
|
|
41
|
-
bubblePosition: bubblePosition,
|
|
42
|
-
bubbleColor: bubbleColor,
|
|
43
|
-
bubbleBorder: bubbleBorder,
|
|
44
|
-
bubbleShadow: bubbleShadow,
|
|
45
|
-
size: size,
|
|
46
|
-
children: foregroundIconComponent
|
|
47
|
-
}), backgroundIconComponent]
|
|
48
|
-
});
|
|
49
|
-
};
|
|
50
|
-
var _default = ComposeIcon;
|
|
51
|
-
exports.default = _default;
|
|
5
|
+
var ComposeIcon=function(_ref){var backgroundIcon=_ref.backgroundIcon,foregroundIcon=_ref.foregroundIcon,bubbleColor=_ref.bubbleColor,_ref$bubblePosition=_ref.bubblePosition,bubblePosition=void 0===_ref$bubblePosition?"bottom-right":_ref$bubblePosition,_ref$bubbleBorder=_ref.bubbleBorder,_ref$bubbleShadow=_ref.bubbleShadow,_ref$size=_ref.size,size=void 0===_ref$size?150:_ref$size,backgroundIconComponent=/*#__PURE__*/(0,_react.isValidElement)(backgroundIcon)&&/*#__PURE__*/(0,_react.cloneElement)(backgroundIcon,_objectSpread(_objectSpread({},null===backgroundIcon||void 0===backgroundIcon?void 0:backgroundIcon.props),{},{size:size})),foregroundIconComponent=/*#__PURE__*/(0,_react.isValidElement)(foregroundIcon)&&/*#__PURE__*/(0,_react.cloneElement)(foregroundIcon,_objectSpread(_objectSpread({},null===foregroundIcon||void 0===foregroundIcon?void 0:foregroundIcon.props),{},{size:size*.26}));return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.ComposeIconContainer,{"data-testid":"composeIcon",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StatusBubbleContainer,{bubblePosition:bubblePosition,bubbleColor:bubbleColor,bubbleBorder:!(void 0!==_ref$bubbleBorder)||_ref$bubbleBorder,bubbleShadow:!(void 0!==_ref$bubbleShadow)||_ref$bubbleShadow,size:size,children:foregroundIconComponent}),backgroundIconComponent]})},_default=ComposeIcon;exports.default=_default;
|
|
@@ -1,53 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.StatusBubbleContainer = exports.ComposeIconContainer = void 0;
|
|
7
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
8
|
-
var _colorCheck = require("../../utils/colorCheck");
|
|
9
|
-
var _templateObject, _templateObject2;
|
|
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 ComposeIconContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n position: relative;\n\n width: fit-content;\n height: fit-content;\n"])));
|
|
13
|
-
exports.ComposeIconContainer = ComposeIconContainer;
|
|
14
|
-
var StatusBubbleContainer = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n position: absolute;\n align-items: center;\n justify-content: center;\n\n padding: 4px;\n\n background: ", ";\n\n border-radius: 50%;\n border: ", ";\n box-shadow: ", ";\n\n ", "\n"])), function (_ref) {
|
|
15
|
-
var bubbleColor = _ref.bubbleColor,
|
|
16
|
-
theme = _ref.theme;
|
|
17
|
-
return bubbleColor ? (0, _colorCheck.stripThemeColors)(bubbleColor, theme.colors) || bubbleColor : theme.colors.neutral.white;
|
|
18
|
-
}, function (_ref2) {
|
|
19
|
-
var size = _ref2.size,
|
|
20
|
-
bubbleBorder = _ref2.bubbleBorder,
|
|
21
|
-
bubbleColor = _ref2.bubbleColor,
|
|
22
|
-
theme = _ref2.theme;
|
|
23
|
-
return "".concat(0.03 * size, "px solid ").concat(!bubbleBorder && bubbleColor ? (0, _colorCheck.stripThemeColors)(bubbleColor, theme.colors) || bubbleColor : theme.colors.neutral.white);
|
|
24
|
-
}, function (_ref3) {
|
|
25
|
-
var bubbleShadow = _ref3.bubbleShadow;
|
|
26
|
-
return bubbleShadow ? 'rgba(0, 0, 0, 0.2) 0px 3px 8px' : 'none';
|
|
27
|
-
}, function (_ref4) {
|
|
28
|
-
var _ref4$bubblePosition = _ref4.bubblePosition,
|
|
29
|
-
bubblePosition = _ref4$bubblePosition === void 0 ? 'bottom-right' : _ref4$bubblePosition;
|
|
30
|
-
switch (bubblePosition) {
|
|
31
|
-
case 'center':
|
|
32
|
-
{
|
|
33
|
-
return "\n top: 36%;\n left: 50%;\n transform: translate(-50%,-50%);\n ";
|
|
34
|
-
}
|
|
35
|
-
case 'top-left':
|
|
36
|
-
{
|
|
37
|
-
return "\n top: 20%;\n left: 0;\n ";
|
|
38
|
-
}
|
|
39
|
-
case 'top-right':
|
|
40
|
-
{
|
|
41
|
-
return "\n top: 20%;\n right: 0;\n ";
|
|
42
|
-
}
|
|
43
|
-
case 'bottom-left':
|
|
44
|
-
{
|
|
45
|
-
return "\n left: 0;\n bottom: 5%;\n ";
|
|
46
|
-
}
|
|
47
|
-
case 'bottom-right':
|
|
48
|
-
{
|
|
49
|
-
return "\n right: 0;\n bottom: 5%;\n ";
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
});
|
|
53
|
-
exports.StatusBubbleContainer = StatusBubbleContainer;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StatusBubbleContainer=exports.ComposeIconContainer=void 0;var _templateObject,_templateObject2,_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 ComposeIconContainer=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n display: flex;\n position: relative;\n\n width: fit-content;\n height: fit-content;\n"])));exports.ComposeIconContainer=ComposeIconContainer;var StatusBubbleContainer=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n display: flex;\n position: absolute;\n align-items: center;\n justify-content: center;\n\n padding: 4px;\n\n background: ",";\n\n border-radius: 50%;\n border: ",";\n box-shadow: ",";\n\n ","\n"])),function(_ref){var bubbleColor=_ref.bubbleColor,theme=_ref.theme;return bubbleColor?(0,_colorCheck.stripThemeColors)(bubbleColor,theme.colors)||bubbleColor:theme.colors.neutral.white},function(_ref2){var size=_ref2.size,bubbleBorder=_ref2.bubbleBorder,bubbleColor=_ref2.bubbleColor,theme=_ref2.theme;return"".concat(.03*size,"px solid ").concat(!bubbleBorder&&bubbleColor?(0,_colorCheck.stripThemeColors)(bubbleColor,theme.colors)||bubbleColor:theme.colors.neutral.white)},function(_ref3){var bubbleShadow=_ref3.bubbleShadow;return bubbleShadow?"rgba(0, 0, 0, 0.2) 0px 3px 8px":"none"},function(_ref4){var _ref4$bubblePosition=_ref4.bubblePosition,bubblePosition=void 0===_ref4$bubblePosition?"bottom-right":_ref4$bubblePosition;return"center"===bubblePosition?"\n top: 36%;\n left: 50%;\n transform: translate(-50%,-50%);\n ":"top-left"===bubblePosition?"\n top: 20%;\n left: 0;\n ":"top-right"===bubblePosition?"\n top: 20%;\n right: 0;\n ":"bottom-left"===bubblePosition?"\n left: 0;\n bottom: 5%;\n ":"bottom-right"===bubblePosition?"\n right: 0;\n bottom: 5%;\n ":void 0});exports.StatusBubbleContainer=StatusBubbleContainer;
|
|
@@ -1,45 +1,7 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
});
|
|
7
|
-
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
var _ = require(".");
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
17
|
-
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."); }
|
|
18
|
-
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); }
|
|
19
|
-
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; }
|
|
20
|
-
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; } }
|
|
21
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
22
|
-
function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
|
|
23
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
24
|
-
function DateInputExample(_ref, props) {
|
|
25
|
-
var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
26
|
-
// const [selectedPeriod, setSelectedPeriod] = useState<
|
|
27
|
-
// Date | [Date, Date]
|
|
28
|
-
// >(props.selectedPeriod);
|
|
29
|
-
|
|
30
|
-
var _useState = (0, _react.useState)(props.type),
|
|
31
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
32
|
-
type = _useState2[0],
|
|
33
|
-
setType = _useState2[1];
|
|
34
|
-
|
|
35
|
-
// useEffect(() => {
|
|
36
|
-
// setSelectedPeriod(props.selectedPeriod);
|
|
37
|
-
// }, [props.selectedPeriod]);
|
|
38
|
-
|
|
39
|
-
(0, _react.useEffect)(function () {
|
|
40
|
-
setType(props.type);
|
|
41
|
-
}, [props.type]);
|
|
42
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.DateInput, _objectSpread({
|
|
43
|
-
type: type
|
|
44
|
-
}, rest));
|
|
45
|
-
}
|
|
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=DateInputExample;var _react=require("react"),_=require("."),_jsxRuntime=require("react/jsx-runtime");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 _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var source,i=1;i<arguments.length;i++)for(var key in source=arguments[i],source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key]);return target},_extends.apply(this,arguments)}function DateInputExample(_ref,props){var rest=_extends({},(_objectDestructuringEmpty(_ref),_ref)),_useState=(0,_react.useState)(props.type),_useState2=_slicedToArray(_useState,2),type=_useState2[0],setType=_useState2[1];// const [selectedPeriod, setSelectedPeriod] = useState<
|
|
2
|
+
// Date | [Date, Date]
|
|
3
|
+
// >(props.selectedPeriod);
|
|
4
|
+
// useEffect(() => {
|
|
5
|
+
// setSelectedPeriod(props.selectedPeriod);
|
|
6
|
+
// }, [props.selectedPeriod]);
|
|
7
|
+
return(0,_react.useEffect)(function(){setType(props.type)},[props.type]),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.DateInput,_objectSpread({type:type},rest))}
|
|
@@ -1,35 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.ModalWrapper = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _styles = require("./styles");
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
var ModalWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
11
|
-
var open = _ref.open,
|
|
12
|
-
left = _ref.left,
|
|
13
|
-
_ref$top = _ref.top,
|
|
14
|
-
top = _ref$top === void 0 ? '' : _ref$top,
|
|
15
|
-
_ref$offsetX = _ref.offsetX,
|
|
16
|
-
offsetX = _ref$offsetX === void 0 ? '0px' : _ref$offsetX,
|
|
17
|
-
maxWidth = _ref.maxWidth,
|
|
18
|
-
right = _ref.right,
|
|
19
|
-
children = _ref.children;
|
|
20
|
-
var optionsContainerRef = (0, _react.useRef)(null);
|
|
21
|
-
(0, _react.useImperativeHandle)(ref, function () {
|
|
22
|
-
return optionsContainerRef.current;
|
|
23
|
-
});
|
|
24
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ModalWrapperContainer, {
|
|
25
|
-
ref: optionsContainerRef,
|
|
26
|
-
open: open,
|
|
27
|
-
maxWidth: typeof maxWidth === 'number' ? "".concat(maxWidth, "px") : maxWidth,
|
|
28
|
-
left: left && "calc(".concat(left, " + ").concat(offsetX, ")"),
|
|
29
|
-
right: right && "calc(".concat(right, " + ").concat(offsetX, ")"),
|
|
30
|
-
top: top,
|
|
31
|
-
children: children
|
|
32
|
-
});
|
|
33
|
-
});
|
|
34
|
-
exports.ModalWrapper = ModalWrapper;
|
|
35
|
-
ModalWrapper.displayName = 'ModalWrapper';
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ModalWrapper=void 0;var _react=require("react"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),ModalWrapper=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){var open=_ref.open,left=_ref.left,_ref$top=_ref.top,top=void 0===_ref$top?"":_ref$top,_ref$offsetX=_ref.offsetX,offsetX=void 0===_ref$offsetX?"0px":_ref$offsetX,maxWidth=_ref.maxWidth,right=_ref.right,children=_ref.children,optionsContainerRef=(0,_react.useRef)(null);return(0,_react.useImperativeHandle)(ref,function(){return optionsContainerRef.current}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ModalWrapperContainer,{ref:optionsContainerRef,open:open,maxWidth:"number"==typeof maxWidth?"".concat(maxWidth,"px"):maxWidth,left:left&&"calc(".concat(left," + ").concat(offsetX,")"),right:right&&"calc(".concat(right," + ").concat(offsetX,")"),top:top,children:children})});exports.ModalWrapper=ModalWrapper,ModalWrapper.displayName="ModalWrapper";
|
|
@@ -1,21 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.ModalWrapperContainer = void 0;
|
|
7
|
-
var _react = require("@emotion/react");
|
|
8
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
|
-
var _framerMotion = require("framer-motion");
|
|
10
|
-
var _templateObject, _templateObject2, _templateObject3;
|
|
11
|
-
var _excluded = ["theme"];
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
14
|
-
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; }
|
|
15
|
-
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; }
|
|
16
|
-
var ModalWrapperContainer = (0, _styled.default)(_framerMotion.motion.div)(function (_ref) {
|
|
17
|
-
var theme = _ref.theme,
|
|
18
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
19
|
-
return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n width: auto;\n position: fixed;\n ", "\n ", "\n top: ", ";\n z-index: ", ";\n opacity: ", ";\n pointer-events: ", ";\n transition: opacity ease ", ";\n background: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n\n li {\n list-style: none;\n }\n "])), props.left && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n left: ", ";\n "])), props.left), props.right && (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n right: ", ";\n "])), props.right), props.top, theme.zIndex.level24, props.open ? 1 : 0, props.open ? 'auto' : 'none', theme.transition.speed, theme.colors.background.light, theme.borderRadius.default, theme.shadow.level3);
|
|
20
|
-
});
|
|
21
|
-
exports.ModalWrapperContainer = ModalWrapperContainer;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ModalWrapperContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled")),_framerMotion=require("framer-motion"),_excluded=["theme"];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)}}))}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 ModalWrapperContainer=(0,_styled.default)(_framerMotion.motion.div)(function(_ref){var theme=_ref.theme,props=_objectWithoutProperties(_ref,_excluded);return(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n width: auto;\n position: fixed;\n ","\n ","\n top: ",";\n z-index: ",";\n opacity: ",";\n pointer-events: ",";\n transition: opacity ease ",";\n background: ",";\n border-radius: ",";\n box-shadow: ",";\n\n li {\n list-style: none;\n }\n "])),props.left&&(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n left: ",";\n "])),props.left),props.right&&(0,_react.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n right: ",";\n "])),props.right),props.top,theme.zIndex.level24,props.open?1:0,props.open?"auto":"none",theme.transition.speed,theme.colors.background.light,theme.borderRadius.default,theme.shadow.level3)});exports.ModalWrapperContainer=ModalWrapperContainer;
|