@homecode/ui 5.1.7 → 5.1.9
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/esm/index.js +2 -108
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/node_modules/style-inject/dist/style-inject.es.js +2 -28
- package/dist/esm/node_modules/style-inject/dist/style-inject.es.js.map +1 -0
- package/dist/esm/src/components/AssistiveText/AssistiveText.js +2 -10
- package/dist/esm/src/components/AssistiveText/AssistiveText.js.map +1 -0
- package/dist/esm/src/components/AssistiveText/AssistiveText.styl.js +2 -7
- package/dist/esm/src/components/AssistiveText/AssistiveText.styl.js.map +1 -0
- package/dist/esm/src/components/Autocomplete/Autocomplete.js +2 -428
- package/dist/esm/src/components/Autocomplete/Autocomplete.js.map +1 -0
- package/dist/esm/src/components/Autocomplete/Autocomplete.styl.js +2 -7
- package/dist/esm/src/components/Autocomplete/Autocomplete.styl.js.map +1 -0
- package/dist/esm/src/components/Button/Button.helpers.js +2 -12
- package/dist/esm/src/components/Button/Button.helpers.js.map +1 -0
- package/dist/esm/src/components/Button/Button.js +2 -38
- package/dist/esm/src/components/Button/Button.js.map +1 -0
- package/dist/esm/src/components/Button/Button.styl.js +2 -7
- package/dist/esm/src/components/Button/Button.styl.js.map +1 -0
- package/dist/esm/src/components/ButtonGroup/ButtonGroup.js +2 -10
- package/dist/esm/src/components/ButtonGroup/ButtonGroup.js.map +1 -0
- package/dist/esm/src/components/ButtonGroup/ButtonGroup.styl.js +2 -7
- package/dist/esm/src/components/ButtonGroup/ButtonGroup.styl.js.map +1 -0
- package/dist/esm/src/components/Calendar/Calendar.helpers.js +2 -65
- package/dist/esm/src/components/Calendar/Calendar.helpers.js.map +1 -0
- package/dist/esm/src/components/Calendar/Calendar.js +2 -136
- package/dist/esm/src/components/Calendar/Calendar.js.map +1 -0
- package/dist/esm/src/components/Calendar/Calendar.styl.js +2 -7
- package/dist/esm/src/components/Calendar/Calendar.styl.js.map +1 -0
- package/dist/esm/src/components/Card/Card.js +2 -55
- package/dist/esm/src/components/Card/Card.js.map +1 -0
- package/dist/esm/src/components/Card/Card.styl.js +2 -7
- package/dist/esm/src/components/Card/Card.styl.js.map +1 -0
- package/dist/esm/src/components/Checkbox/Checkbox.js +2 -19
- package/dist/esm/src/components/Checkbox/Checkbox.js.map +1 -0
- package/dist/esm/src/components/Checkbox/Checkbox.styl.js +2 -7
- package/dist/esm/src/components/Checkbox/Checkbox.styl.js.map +1 -0
- package/dist/esm/src/components/Chip/Chip.js +2 -16
- package/dist/esm/src/components/Chip/Chip.js.map +1 -0
- package/dist/esm/src/components/Chip/Chip.styl.js +2 -7
- package/dist/esm/src/components/Chip/Chip.styl.js.map +1 -0
- package/dist/esm/src/components/Container/Container.js +2 -13
- package/dist/esm/src/components/Container/Container.js.map +1 -0
- package/dist/esm/src/components/Container/Container.styl.js +2 -7
- package/dist/esm/src/components/Container/Container.styl.js.map +1 -0
- package/dist/esm/src/components/DatePicker/DatePicker.helpers.js +2 -33
- package/dist/esm/src/components/DatePicker/DatePicker.helpers.js.map +1 -0
- package/dist/esm/src/components/DatePicker/DatePicker.js +2 -47
- package/dist/esm/src/components/DatePicker/DatePicker.js.map +1 -0
- package/dist/esm/src/components/DatePicker/DatePicker.styl.js +2 -7
- package/dist/esm/src/components/DatePicker/DatePicker.styl.js.map +1 -0
- package/dist/esm/src/components/DatePickerInput/DatePickerInput.js +2 -44
- package/dist/esm/src/components/DatePickerInput/DatePickerInput.js.map +1 -0
- package/dist/esm/src/components/DatePickerInput/DatePickerInput.styl.js +2 -7
- package/dist/esm/src/components/DatePickerInput/DatePickerInput.styl.js.map +1 -0
- package/dist/esm/src/components/DateTime/DateTime.js +2 -17
- package/dist/esm/src/components/DateTime/DateTime.js.map +1 -0
- package/dist/esm/src/components/Dialogue/Dialogue.js +2 -107
- package/dist/esm/src/components/Dialogue/Dialogue.js.map +1 -0
- package/dist/esm/src/components/Dialogue/Dialogue.styl.js +2 -7
- package/dist/esm/src/components/Dialogue/Dialogue.styl.js.map +1 -0
- package/dist/esm/src/components/Draggable/Draggable.js +2 -147
- package/dist/esm/src/components/Draggable/Draggable.js.map +1 -0
- package/dist/esm/src/components/Draggable/Draggable.styl.js +2 -7
- package/dist/esm/src/components/Draggable/Draggable.styl.js.map +1 -0
- package/dist/esm/src/components/DropZone/DropZone.js +2 -112
- package/dist/esm/src/components/DropZone/DropZone.js.map +1 -0
- package/dist/esm/src/components/DropZone/DropZone.styl.js +2 -7
- package/dist/esm/src/components/DropZone/DropZone.styl.js.map +1 -0
- package/dist/esm/src/components/Expand/Expand.js +2 -24
- package/dist/esm/src/components/Expand/Expand.js.map +1 -0
- package/dist/esm/src/components/Expand/Expand.styl.js +2 -7
- package/dist/esm/src/components/Expand/Expand.styl.js.map +1 -0
- package/dist/esm/src/components/Flex/Flex.js +2 -24
- package/dist/esm/src/components/Flex/Flex.js.map +1 -0
- package/dist/esm/src/components/Flex/Flex.styl.js +2 -7
- package/dist/esm/src/components/Flex/Flex.styl.js.map +1 -0
- package/dist/esm/src/components/Form/Form.helpers.js +2 -42
- package/dist/esm/src/components/Form/Form.helpers.js.map +1 -0
- package/dist/esm/src/components/Form/Form.js +2 -272
- package/dist/esm/src/components/Form/Form.js.map +1 -0
- package/dist/esm/src/components/Form/Form.styl.js +2 -7
- package/dist/esm/src/components/Form/Form.styl.js.map +1 -0
- package/dist/esm/src/components/Form/Form.types.js +1 -0
- package/dist/esm/src/components/Form/Form.types.js.map +1 -0
- package/dist/esm/src/components/Form/SubmitButtons/SubmitButtons.js +2 -8
- package/dist/esm/src/components/Form/SubmitButtons/SubmitButtons.js.map +1 -0
- package/dist/esm/src/components/Form/SubmitButtons/SubmitButtons.styl.js +2 -7
- package/dist/esm/src/components/Form/SubmitButtons/SubmitButtons.styl.js.map +1 -0
- package/dist/esm/src/components/Form/Validator.js +6 -24
- package/dist/esm/src/components/Form/Validator.js.map +1 -0
- package/dist/esm/src/components/Gallery/Dots/Dots.js +2 -9
- package/dist/esm/src/components/Gallery/Dots/Dots.js.map +1 -0
- package/dist/esm/src/components/Gallery/Dots/Dots.styl.js +2 -7
- package/dist/esm/src/components/Gallery/Dots/Dots.styl.js.map +1 -0
- package/dist/esm/src/components/Gallery/Gallery.js +2 -222
- package/dist/esm/src/components/Gallery/Gallery.js.map +1 -0
- package/dist/esm/src/components/Gallery/Gallery.styl.js +2 -7
- package/dist/esm/src/components/Gallery/Gallery.styl.js.map +1 -0
- package/dist/esm/src/components/Heading/Heading.js +2 -37
- package/dist/esm/src/components/Heading/Heading.js.map +1 -0
- package/dist/esm/src/components/Heading/Heading.styl.js +2 -7
- package/dist/esm/src/components/Heading/Heading.styl.js.map +1 -0
- package/dist/esm/src/components/Icon/Icon.js +2 -21
- package/dist/esm/src/components/Icon/Icon.js.map +1 -0
- package/dist/esm/src/components/Icon/Icon.styl.js +2 -7
- package/dist/esm/src/components/Icon/Icon.styl.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/apple.svg.js +2 -16
- package/dist/esm/src/components/Icon/icons/apple.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/arrowDown.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/arrowDown.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/arrowLeft.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/arrowLeft.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/arrowRight.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/arrowRight.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/arrowUp.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/arrowUp.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/attach.svg.js +2 -19
- package/dist/esm/src/components/Icon/icons/attach.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/avatar.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/avatar.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/bookmark.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/bookmark.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/bookmarkAdd.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/bookmarkAdd.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/brain.svg.js +2 -22
- package/dist/esm/src/components/Icon/icons/brain.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/brokenImage.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/brokenImage.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/call.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/call.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/camera.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/camera.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/chat.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/chat.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/check.svg.js +2 -19
- package/dist/esm/src/components/Icon/icons/check.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/checkers.svg.js +2 -18
- package/dist/esm/src/components/Icon/icons/checkers.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/chevronDown.svg.js +2 -20
- package/dist/esm/src/components/Icon/icons/chevronDown.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/chevronLeft.svg.js +2 -20
- package/dist/esm/src/components/Icon/icons/chevronLeft.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/chevronRight.svg.js +2 -20
- package/dist/esm/src/components/Icon/icons/chevronRight.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/chevronUp.svg.js +2 -20
- package/dist/esm/src/components/Icon/icons/chevronUp.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/clearAll.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/clearAll.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/close.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/close.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/colors.svg.js +2 -60
- package/dist/esm/src/components/Icon/icons/colors.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/compass.svg.js +2 -56
- package/dist/esm/src/components/Icon/icons/compass.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/copy.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/copy.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/cubes.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/cubes.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/delete.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/delete.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/discord.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/discord.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/draft.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/draft.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/dragHandlerHorizontal.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/dragHandlerHorizontal.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/dragHandlerVertical.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/dragHandlerVertical.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/edit.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/edit.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/email.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/email.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/externalLink.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/externalLink.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/eye.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/eye.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/flyover.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/flyover.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/folder.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/folder.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/folderOpen.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/folderOpen.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/forward.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/forward.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/fullscreen.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/fullscreen.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/fullscreenExit.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/fullscreenExit.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/function.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/function.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/gear.svg.js +2 -21
- package/dist/esm/src/components/Icon/icons/gear.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/geolocation.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/geolocation.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/github.svg.js +2 -18
- package/dist/esm/src/components/Icon/icons/github.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/globe.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/globe.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/google.svg.js +2 -42
- package/dist/esm/src/components/Icon/icons/google.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/group.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/group.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/history.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/history.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/home.svg.js +2 -19
- package/dist/esm/src/components/Icon/icons/home.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/image.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/image.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/index.js +2 -95
- package/dist/esm/src/components/Icon/icons/index.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/instagram.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/instagram.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/layers.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/layers.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/link.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/link.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/linkedin.svg.js +2 -20
- package/dist/esm/src/components/Icon/icons/linkedin.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/loader.svg.js +2 -45
- package/dist/esm/src/components/Icon/icons/loader.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/lock.svg.js +2 -19
- package/dist/esm/src/components/Icon/icons/lock.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/lockOpen.svg.js +2 -19
- package/dist/esm/src/components/Icon/icons/lockOpen.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/map.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/map.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/menu.svg.js +2 -18
- package/dist/esm/src/components/Icon/icons/menu.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/mic.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/mic.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/micMuted.svg.js +2 -27
- package/dist/esm/src/components/Icon/icons/micMuted.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/minus.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/minus.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/moreHorizontal.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/moreHorizontal.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/moreVertical.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/moreVertical.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/output.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/output.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/pause.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/pause.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/play.svg.js +2 -20
- package/dist/esm/src/components/Icon/icons/play.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/plus.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/plus.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/redo.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/redo.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/requiredStar.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/requiredStar.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/rewind.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/rewind.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/rocket.svg.js +2 -22
- package/dist/esm/src/components/Icon/icons/rocket.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/route.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/route.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/routeFrom.svg.js +2 -31
- package/dist/esm/src/components/Icon/icons/routeFrom.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/routeTo.svg.js +2 -31
- package/dist/esm/src/components/Icon/icons/routeTo.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/save.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/save.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/search.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/search.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/send.svg.js +2 -16
- package/dist/esm/src/components/Icon/icons/send.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/settings.svg.js +2 -52
- package/dist/esm/src/components/Icon/icons/settings.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/shoppingBag.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/shoppingBag.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/smile.svg.js +2 -30
- package/dist/esm/src/components/Icon/icons/smile.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/soundWave.svg.js +2 -66
- package/dist/esm/src/components/Icon/icons/soundWave.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/sparks.svg.js +2 -21
- package/dist/esm/src/components/Icon/icons/sparks.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/star.svg.js +2 -18
- package/dist/esm/src/components/Icon/icons/star.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/stop.svg.js +2 -22
- package/dist/esm/src/components/Icon/icons/stop.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/stopInCircle.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/stopInCircle.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/syncArrows.svg.js +2 -22
- package/dist/esm/src/components/Icon/icons/syncArrows.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/table.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/table.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/telegram.svg.js +2 -19
- package/dist/esm/src/components/Icon/icons/telegram.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/tool.svg.js +2 -17
- package/dist/esm/src/components/Icon/icons/tool.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/trafficLight.svg.js +2 -49
- package/dist/esm/src/components/Icon/icons/trafficLight.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/undo.svg.js +2 -15
- package/dist/esm/src/components/Icon/icons/undo.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/usage.svg.js +2 -25
- package/dist/esm/src/components/Icon/icons/usage.svg.js.map +1 -0
- package/dist/esm/src/components/Icon/icons/youtube.svg.js +2 -20
- package/dist/esm/src/components/Icon/icons/youtube.svg.js.map +1 -0
- package/dist/esm/src/components/Input/Input.js +2 -281
- package/dist/esm/src/components/Input/Input.js.map +1 -0
- package/dist/esm/src/components/Input/Input.styl.js +2 -7
- package/dist/esm/src/components/Input/Input.styl.js.map +1 -0
- package/dist/esm/src/components/InputFile/InputFile.js +2 -313
- package/dist/esm/src/components/InputFile/InputFile.js.map +1 -0
- package/dist/esm/src/components/InputFile/InputFile.styl.js +2 -7
- package/dist/esm/src/components/InputFile/InputFile.styl.js.map +1 -0
- package/dist/esm/src/components/InputFile/InputFile.types.js +1 -0
- package/dist/esm/src/components/InputFile/InputFile.types.js.map +1 -0
- package/dist/esm/src/components/InputFile/Item/Item.js +2 -18
- package/dist/esm/src/components/InputFile/Item/Item.js.map +1 -0
- package/dist/esm/src/components/InputFile/Item/Item.styl.js +2 -7
- package/dist/esm/src/components/InputFile/Item/Item.styl.js.map +1 -0
- package/dist/esm/src/components/Label/Label.constants.json.js +2 -8
- package/dist/esm/src/components/Label/Label.constants.json.js.map +1 -0
- package/dist/esm/src/components/Label/Label.helpers.js +2 -35
- package/dist/esm/src/components/Label/Label.helpers.js.map +1 -0
- package/dist/esm/src/components/Label/Label.js +2 -58
- package/dist/esm/src/components/Label/Label.js.map +1 -0
- package/dist/esm/src/components/Label/Label.styl.js +2 -7
- package/dist/esm/src/components/Label/Label.styl.js.map +1 -0
- package/dist/esm/src/components/LangSelector/LangSelector.js +2 -10
- package/dist/esm/src/components/LangSelector/LangSelector.js.map +1 -0
- package/dist/esm/src/components/Lazy/Lazy.js +2 -74
- package/dist/esm/src/components/Lazy/Lazy.js.map +1 -0
- package/dist/esm/src/components/LightBox/LightBox.js +2 -28
- package/dist/esm/src/components/LightBox/LightBox.js.map +1 -0
- package/dist/esm/src/components/LightBox/LightBox.styl.js +2 -7
- package/dist/esm/src/components/LightBox/LightBox.styl.js.map +1 -0
- package/dist/esm/src/components/Menu/Menu.js +2 -27
- package/dist/esm/src/components/Menu/Menu.js.map +1 -0
- package/dist/esm/src/components/Menu/Menu.styl.js +2 -7
- package/dist/esm/src/components/Menu/Menu.styl.js.map +1 -0
- package/dist/esm/src/components/Notifications/Notifications.constants.json.js +2 -6
- package/dist/esm/src/components/Notifications/Notifications.constants.json.js.map +1 -0
- package/dist/esm/src/components/Notifications/Notifications.js +2 -67
- package/dist/esm/src/components/Notifications/Notifications.js.map +1 -0
- package/dist/esm/src/components/Notifications/Notifications.styl.js +2 -7
- package/dist/esm/src/components/Notifications/Notifications.styl.js.map +1 -0
- package/dist/esm/src/components/Notifications/store.js +2 -61
- package/dist/esm/src/components/Notifications/store.js.map +1 -0
- package/dist/esm/src/components/Paranja/Paranja.js +2 -14
- package/dist/esm/src/components/Paranja/Paranja.js.map +1 -0
- package/dist/esm/src/components/Paranja/Paranja.styl.js +2 -7
- package/dist/esm/src/components/Paranja/Paranja.styl.js.map +1 -0
- package/dist/esm/src/components/Popup/Popup.helpers.js +2 -130
- package/dist/esm/src/components/Popup/Popup.helpers.js.map +1 -0
- package/dist/esm/src/components/Popup/Popup.js +2 -484
- package/dist/esm/src/components/Popup/Popup.js.map +1 -0
- package/dist/esm/src/components/Popup/Popup.styl.js +2 -7
- package/dist/esm/src/components/Popup/Popup.styl.js.map +1 -0
- package/dist/esm/src/components/PopupMenu/PopupMenu.js +2 -15
- package/dist/esm/src/components/PopupMenu/PopupMenu.js.map +1 -0
- package/dist/esm/src/components/PopupMenu/PopupMenu.styl.js +2 -7
- package/dist/esm/src/components/PopupMenu/PopupMenu.styl.js.map +1 -0
- package/dist/esm/src/components/Portal/Portal.js +2 -33
- package/dist/esm/src/components/Portal/Portal.js.map +1 -0
- package/dist/esm/src/components/Progress/Progress.helpers.js +2 -5
- package/dist/esm/src/components/Progress/Progress.helpers.js.map +1 -0
- package/dist/esm/src/components/Progress/Progress.js +2 -12
- package/dist/esm/src/components/Progress/Progress.js.map +1 -0
- package/dist/esm/src/components/Progress/Progress.styl.js +2 -7
- package/dist/esm/src/components/Progress/Progress.styl.js.map +1 -0
- package/dist/esm/src/components/ProgressCircular/ProgressCircular.js +2 -23
- package/dist/esm/src/components/ProgressCircular/ProgressCircular.js.map +1 -0
- package/dist/esm/src/components/ProgressCircular/ProgressCircular.styl.js +2 -7
- package/dist/esm/src/components/ProgressCircular/ProgressCircular.styl.js.map +1 -0
- package/dist/esm/src/components/RadioButton/RadioButton.js +2 -33
- package/dist/esm/src/components/RadioButton/RadioButton.js.map +1 -0
- package/dist/esm/src/components/RadioButton/RadioButton.styl.js +2 -7
- package/dist/esm/src/components/RadioButton/RadioButton.styl.js.map +1 -0
- package/dist/esm/src/components/RadioGroup/RadioGroup.js +2 -31
- package/dist/esm/src/components/RadioGroup/RadioGroup.js.map +1 -0
- package/dist/esm/src/components/RadioGroup/RadioGroup.styl.js +2 -7
- package/dist/esm/src/components/RadioGroup/RadioGroup.styl.js.map +1 -0
- package/dist/esm/src/components/RadioGroup/RadioGroupContext.js +2 -8
- package/dist/esm/src/components/RadioGroup/RadioGroupContext.js.map +1 -0
- package/dist/esm/src/components/RequiredStar/RequiredStar.js +2 -12
- package/dist/esm/src/components/RequiredStar/RequiredStar.js.map +1 -0
- package/dist/esm/src/components/RequiredStar/RequiredStar.styl.js +2 -7
- package/dist/esm/src/components/RequiredStar/RequiredStar.styl.js.map +1 -0
- package/dist/esm/src/components/Router/Link/Link.js +2 -62
- package/dist/esm/src/components/Router/Link/Link.js.map +1 -0
- package/dist/esm/src/components/Router/Link/Link.styl.js +2 -7
- package/dist/esm/src/components/Router/Link/Link.styl.js.map +1 -0
- package/dist/esm/src/components/Router/Redirect.js +2 -12
- package/dist/esm/src/components/Router/Redirect.js.map +1 -0
- package/dist/esm/src/components/Router/Route.js +2 -6
- package/dist/esm/src/components/Router/Route.js.map +1 -0
- package/dist/esm/src/components/Router/Router.helpers.js +2 -33
- package/dist/esm/src/components/Router/Router.helpers.js.map +1 -0
- package/dist/esm/src/components/Router/Router.js +2 -72
- package/dist/esm/src/components/Router/Router.js.map +1 -0
- package/dist/esm/src/components/Router/context.js +2 -5
- package/dist/esm/src/components/Router/context.js.map +1 -0
- package/dist/esm/src/components/Router/store.js +2 -75
- package/dist/esm/src/components/Router/store.js.map +1 -0
- package/dist/esm/src/components/Scroll/Scroll.js +2 -308
- package/dist/esm/src/components/Scroll/Scroll.js.map +1 -0
- package/dist/esm/src/components/Scroll/Scroll.styl.js +2 -7
- package/dist/esm/src/components/Scroll/Scroll.styl.js.map +1 -0
- package/dist/esm/src/components/Select/Select.helpers.js +2 -37
- package/dist/esm/src/components/Select/Select.helpers.js.map +1 -0
- package/dist/esm/src/components/Select/Select.js +2 -601
- package/dist/esm/src/components/Select/Select.js.map +1 -0
- package/dist/esm/src/components/Select/Select.styl.js +2 -7
- package/dist/esm/src/components/Select/Select.styl.js.map +1 -0
- package/dist/esm/src/components/Select/Select2.js +2 -334
- package/dist/esm/src/components/Select/Select2.js.map +1 -0
- package/dist/esm/src/components/Shimmer/Shimmer.js +2 -7
- package/dist/esm/src/components/Shimmer/Shimmer.js.map +1 -0
- package/dist/esm/src/components/Shimmer/Shimmer.styl.js +2 -7
- package/dist/esm/src/components/Shimmer/Shimmer.styl.js.map +1 -0
- package/dist/esm/src/components/Spinner/Spinner.js +2 -11
- package/dist/esm/src/components/Spinner/Spinner.js.map +1 -0
- package/dist/esm/src/components/Spinner/Spinner.styl.js +2 -7
- package/dist/esm/src/components/Spinner/Spinner.styl.js.map +1 -0
- package/dist/esm/src/components/Spinner/spinner.svg.js +2 -24
- package/dist/esm/src/components/Spinner/spinner.svg.js.map +1 -0
- package/dist/esm/src/components/Table/Table.js +2 -24
- package/dist/esm/src/components/Table/Table.js.map +1 -0
- package/dist/esm/src/components/Table/Table.styl.js +2 -7
- package/dist/esm/src/components/Table/Table.styl.js.map +1 -0
- package/dist/esm/src/components/Tabs/Tabs.js +2 -48
- package/dist/esm/src/components/Tabs/Tabs.js.map +1 -0
- package/dist/esm/src/components/Tabs/Tabs.styl.js +2 -7
- package/dist/esm/src/components/Tabs/Tabs.styl.js.map +1 -0
- package/dist/esm/src/components/Text/Text.js +2 -44
- package/dist/esm/src/components/Text/Text.js.map +1 -0
- package/dist/esm/src/components/Text/Text.styl.js +2 -7
- package/dist/esm/src/components/Text/Text.styl.js.map +1 -0
- package/dist/esm/src/components/Theme/Theme.defaults.js +2 -53
- package/dist/esm/src/components/Theme/Theme.defaults.js.map +1 -0
- package/dist/esm/src/components/Theme/Theme.helpers.js +2 -67
- package/dist/esm/src/components/Theme/Theme.helpers.js.map +1 -0
- package/dist/esm/src/components/Theme/Theme.js +2 -15
- package/dist/esm/src/components/Theme/Theme.js.map +1 -0
- package/dist/esm/src/components/Theme/ThemeProvider.js +2 -50
- package/dist/esm/src/components/Theme/ThemeProvider.js.map +1 -0
- package/dist/esm/src/components/Toggle/Toggle.js +2 -18
- package/dist/esm/src/components/Toggle/Toggle.js.map +1 -0
- package/dist/esm/src/components/Toggle/Toggle.styl.js +2 -7
- package/dist/esm/src/components/Toggle/Toggle.styl.js.map +1 -0
- package/dist/esm/src/components/Tooltip/Tooltip.js +2 -86
- package/dist/esm/src/components/Tooltip/Tooltip.js.map +1 -0
- package/dist/esm/src/components/Tooltip/Tooltip.styl.js +2 -7
- package/dist/esm/src/components/Tooltip/Tooltip.styl.js.map +1 -0
- package/dist/esm/src/components/VH/VH.js +2 -33
- package/dist/esm/src/components/VH/VH.js.map +1 -0
- package/dist/esm/src/components/Virtualized/List/List.js +2 -136
- package/dist/esm/src/components/Virtualized/List/List.js.map +1 -0
- package/dist/esm/src/components/Virtualized/List/List.styl.js +2 -7
- package/dist/esm/src/components/Virtualized/List/List.styl.js.map +1 -0
- package/dist/esm/src/components/Virtualized/List/ListScroll.js +2 -22
- package/dist/esm/src/components/Virtualized/List/ListScroll.js.map +1 -0
- package/dist/esm/src/components/Virtualized/List/ListScroll.styl.js +2 -7
- package/dist/esm/src/components/Virtualized/List/ListScroll.styl.js.map +1 -0
- package/dist/esm/src/components/Virtualized/Virtualized.helpers.js +2 -14
- package/dist/esm/src/components/Virtualized/Virtualized.helpers.js.map +1 -0
- package/dist/esm/src/components/Virtualized/Virtualized.js +2 -218
- package/dist/esm/src/components/Virtualized/Virtualized.js.map +1 -0
- package/dist/esm/src/components/Virtualized/Virtualized.styl.js +2 -7
- package/dist/esm/src/components/Virtualized/Virtualized.styl.js.map +1 -0
- package/dist/esm/src/components/Virtualized/Virtualized.types.js +1 -0
- package/dist/esm/src/components/Virtualized/Virtualized.types.js.map +1 -0
- package/dist/esm/src/hooks/useDebounce.js +2 -11
- package/dist/esm/src/hooks/useDebounce.js.map +1 -0
- package/dist/esm/src/hooks/useEvent.js +2 -27
- package/dist/esm/src/hooks/useEvent.js.map +1 -0
- package/dist/esm/src/hooks/useIsMounted.js +2 -11
- package/dist/esm/src/hooks/useIsMounted.js.map +1 -0
- package/dist/esm/src/hooks/useListKeyboardControl.js +2 -50
- package/dist/esm/src/hooks/useListKeyboardControl.js.map +1 -0
- package/dist/esm/src/hooks/useResizeObserver.js +2 -15
- package/dist/esm/src/hooks/useResizeObserver.js.map +1 -0
- package/dist/esm/src/hooks/useThrottle.js +2 -31
- package/dist/esm/src/hooks/useThrottle.js.map +1 -0
- package/dist/esm/src/hooks/useToggleState.js +2 -35
- package/dist/esm/src/hooks/useToggleState.js.map +1 -0
- package/dist/esm/src/services/i18n.js +2 -112
- package/dist/esm/src/services/i18n.js.map +1 -0
- package/dist/esm/src/tools/array.js +2 -60
- package/dist/esm/src/tools/array.js.map +1 -0
- package/dist/esm/src/tools/config.js +2 -9
- package/dist/esm/src/tools/config.js.map +1 -0
- package/dist/esm/src/tools/date.js +2 -11
- package/dist/esm/src/tools/date.js.map +1 -0
- package/dist/esm/src/tools/debounce.js +2 -11
- package/dist/esm/src/tools/debounce.js.map +1 -0
- package/dist/esm/src/tools/dom.js +2 -57
- package/dist/esm/src/tools/dom.js.map +1 -0
- package/dist/esm/src/tools/env.js +2 -3
- package/dist/esm/src/tools/env.js.map +1 -0
- package/dist/esm/src/tools/file.js +2 -11
- package/dist/esm/src/tools/file.js.map +1 -0
- package/dist/esm/src/tools/localStorage.js +2 -31
- package/dist/esm/src/tools/localStorage.js.map +1 -0
- package/dist/esm/src/tools/number.js +2 -27
- package/dist/esm/src/tools/number.js.map +1 -0
- package/dist/esm/src/tools/object.js +2 -5
- package/dist/esm/src/tools/object.js.map +1 -0
- package/dist/esm/src/tools/queryParams.js +2 -40
- package/dist/esm/src/tools/queryParams.js.map +1 -0
- package/dist/esm/src/tools/rangeMap.js +2 -3
- package/dist/esm/src/tools/rangeMap.js.map +1 -0
- package/dist/esm/src/tools/resizeObserver.js +2 -68
- package/dist/esm/src/tools/resizeObserver.js.map +1 -0
- package/dist/esm/src/tools/scroll.js +2 -41
- package/dist/esm/src/tools/scroll.js.map +1 -0
- package/dist/esm/src/tools/string.js +2 -7
- package/dist/esm/src/tools/string.js.map +1 -0
- package/dist/esm/src/tools/throttle.js +2 -30
- package/dist/esm/src/tools/throttle.js.map +1 -0
- package/dist/esm/src/tools/uid.js +2 -7
- package/dist/esm/src/tools/uid.js.map +1 -0
- package/dist/esm/types/src/components/Select/Select.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,7 +1,2 @@
|
|
|
1
|
-
import styleInject from
|
|
2
|
-
|
|
3
|
-
var css_248z = ".Chip_chip__DXD0C{align-items:center;background:var(--accent-color-alpha-100);cursor:pointer;display:inline-flex;gap:2px;transition:background .2s ease}.Chip_chip__DXD0C:hover{background:var(--accent-color-alpha-200)}.Chip_size_xs__IbN1f{border-radius:var(--p-1);font-size:14px;padding-left:var(--p-1)}.Chip_size_s__ERE3z{border-radius:var(--p-3);font-size:18px;padding-left:var(--p-3)}.Chip_size_m__F2Bbw{border-radius:var(--p-5);font-size:22px;padding-left:var(--p-5)}.Chip_size_l__YgtcF{border-radius:var(--p-8);font-size:26px;padding-left:var(--p-8)}.Chip_size_xl__-sKg7{border-radius:var(--p-10);font-size:26px;padding-left:var(--p-10)}.Chip_selected__UcBat,.Chip_selected__UcBat:hover{background:var(--accent-color-alpha-300)}.Chip_content__2xloA,.Chip_remove__vqyOL{align-items:center;display:flex}.Chip_remove__vqyOL{justify-content:center;opacity:.3;transform:scale(.6);transition:opacity .2s ease,transform .1s ease}.Chip_remove__vqyOL:hover{background-color:var(--danger-color-alpha-300);transform:scale(.8)}.Chip_remove__vqyOL svg{transform:scale(.8)}.Chip_chip__DXD0C:hover .Chip_remove__vqyOL{opacity:1}";
|
|
4
|
-
var S = {"chip":"Chip_chip__DXD0C","size_xs":"Chip_size_xs__IbN1f","size_s":"Chip_size_s__ERE3z","size_m":"Chip_size_m__F2Bbw","size_l":"Chip_size_l__YgtcF","size_xl":"Chip_size_xl__-sKg7","selected":"Chip_selected__UcBat","content":"Chip_content__2xloA","remove":"Chip_remove__vqyOL"};
|
|
5
|
-
styleInject(css_248z);
|
|
6
|
-
|
|
7
|
-
export { S as default };
|
|
1
|
+
import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".Chip_chip__DXD0C{align-items:center;background:var(--accent-color-alpha-100);cursor:pointer;display:inline-flex;gap:2px;transition:background .2s ease}.Chip_chip__DXD0C:hover{background:var(--accent-color-alpha-200)}.Chip_size_xs__IbN1f{border-radius:var(--p-1);font-size:14px;padding-left:var(--p-1)}.Chip_size_s__ERE3z{border-radius:var(--p-3);font-size:18px;padding-left:var(--p-3)}.Chip_size_m__F2Bbw{border-radius:var(--p-5);font-size:22px;padding-left:var(--p-5)}.Chip_size_l__YgtcF{border-radius:var(--p-8);font-size:26px;padding-left:var(--p-8)}.Chip_size_xl__-sKg7{border-radius:var(--p-10);font-size:26px;padding-left:var(--p-10)}.Chip_selected__UcBat,.Chip_selected__UcBat:hover{background:var(--accent-color-alpha-300)}.Chip_content__2xloA,.Chip_remove__vqyOL{align-items:center;display:flex}.Chip_remove__vqyOL{justify-content:center;opacity:.3;transform:scale(.6);transition:opacity .2s ease,transform .1s ease}.Chip_remove__vqyOL:hover{background-color:var(--danger-color-alpha-300);transform:scale(.8)}.Chip_remove__vqyOL svg{transform:scale(.8)}.Chip_chip__DXD0C:hover .Chip_remove__vqyOL{opacity:1}",S={chip:"Chip_chip__DXD0C",size_xs:"Chip_size_xs__IbN1f",size_s:"Chip_size_s__ERE3z",size_m:"Chip_size_m__F2Bbw",size_l:"Chip_size_l__YgtcF",size_xl:"Chip_size_xl__-sKg7",selected:"Chip_selected__UcBat",content:"Chip_content__2xloA",remove:"Chip_remove__vqyOL"};styleInject(css_248z);export{S as default};
|
|
2
|
+
//# sourceMappingURL=Chip.styl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chip.styl.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,13 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import S from './Container.styl.js';
|
|
4
|
-
import { forwardRef } from 'react';
|
|
5
|
-
|
|
6
|
-
const Container = forwardRef((props, ref) => {
|
|
7
|
-
const { className, children, size, alignItemsCenter, justifyContentCenter, vertical, fullHeight, fullWidth, scrolledX, scrolledY, style, ...rest } = props;
|
|
8
|
-
const classes = cn(S.root, size && S[`size-${size}`], alignItemsCenter && S.alignItemsCenter, justifyContentCenter && S.justifyContentCenter, vertical && S.vertical, scrolledX && S.scrolledX, scrolledY && S.scrolledY, fullHeight && S.fullHeight, fullWidth && S.fullWidth, className);
|
|
9
|
-
const stylesObj = { ...style };
|
|
10
|
-
return (jsx("div", { className: classes, ...rest, style: stylesObj, ref: ref, children: children }));
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
export { Container };
|
|
1
|
+
import{jsx}from"react/jsx-runtime";import cn from"classnames";import S from"./Container.styl.js";import{forwardRef}from"react";const Container=forwardRef((e,r)=>{const{className:t,children:l,size:s,alignItemsCenter:n,justifyContentCenter:o,vertical:i,fullHeight:a,fullWidth:c,scrolledX:f,scrolledY:m,style:d,...C}=e;var e=cn(S.root,s&&S["size-"+s],n&&S.alignItemsCenter,o&&S.justifyContentCenter,i&&S.vertical,f&&S.scrolledX,m&&S.scrolledY,a&&S.fullHeight,c&&S.fullWidth,t),u={...d};return jsx("div",{className:e,...C,style:u,ref:r,children:l})});export{Container};
|
|
2
|
+
//# sourceMappingURL=Container.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Container.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,7 +1,2 @@
|
|
|
1
|
-
import styleInject from
|
|
2
|
-
|
|
3
|
-
var css_248z = ".Container_root__ZumTN{display:flex;margin:0 auto}@media (min-width:var(--tablet )){.Container_root__ZumTN{padding:var(--p-5)}}@media (min-width:var(--desktop )){.Container_root__ZumTN{padding:var(--p-8)}}.Container_size-xs__jhUDN{padding:var(--p-2)}.Container_size-s__zyPBS{padding:var(--p-3)}.Container_size-m__MGaiX{padding:var(--p-5)}.Container_size-l__hHWPx{padding:var(--p-8)}.Container_size-xl__1X88n{padding:50px}.Container_vertical__Xzag9{flex-direction:column}.Container_justifyContentCenter__t2p2K{justify-content:center}.Container_alignItemsCenter__gVolL{align-items:center}.Container_fullHeight__5dBZa{height:100%;width:100%}.Container_fullWidth__javSY{width:100%}.Container_scrolledX__FFZpZ{overflow-x:auto}.Container_scrolledY__0HKdO{overflow-y:auto}";
|
|
4
|
-
var S = {"root":"Container_root__ZumTN","size-xs":"Container_size-xs__jhUDN","size-s":"Container_size-s__zyPBS","size-m":"Container_size-m__MGaiX","size-l":"Container_size-l__hHWPx","size-xl":"Container_size-xl__1X88n","vertical":"Container_vertical__Xzag9","justifyContentCenter":"Container_justifyContentCenter__t2p2K","alignItemsCenter":"Container_alignItemsCenter__gVolL","fullHeight":"Container_fullHeight__5dBZa","fullWidth":"Container_fullWidth__javSY","scrolledX":"Container_scrolledX__FFZpZ","scrolledY":"Container_scrolledY__0HKdO"};
|
|
5
|
-
styleInject(css_248z);
|
|
6
|
-
|
|
7
|
-
export { S as default };
|
|
1
|
+
import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".Container_root__ZumTN{display:flex;margin:0 auto}@media (min-width:var(--tablet )){.Container_root__ZumTN{padding:var(--p-5)}}@media (min-width:var(--desktop )){.Container_root__ZumTN{padding:var(--p-8)}}.Container_size-xs__jhUDN{padding:var(--p-2)}.Container_size-s__zyPBS{padding:var(--p-3)}.Container_size-m__MGaiX{padding:var(--p-5)}.Container_size-l__hHWPx{padding:var(--p-8)}.Container_size-xl__1X88n{padding:50px}.Container_vertical__Xzag9{flex-direction:column}.Container_justifyContentCenter__t2p2K{justify-content:center}.Container_alignItemsCenter__gVolL{align-items:center}.Container_fullHeight__5dBZa{height:100%;width:100%}.Container_fullWidth__javSY{width:100%}.Container_scrolledX__FFZpZ{overflow-x:auto}.Container_scrolledY__0HKdO{overflow-y:auto}",S={root:"Container_root__ZumTN","size-xs":"Container_size-xs__jhUDN","size-s":"Container_size-s__zyPBS","size-m":"Container_size-m__MGaiX","size-l":"Container_size-l__hHWPx","size-xl":"Container_size-xl__1X88n",vertical:"Container_vertical__Xzag9",justifyContentCenter:"Container_justifyContentCenter__t2p2K",alignItemsCenter:"Container_alignItemsCenter__gVolL",fullHeight:"Container_fullHeight__5dBZa",fullWidth:"Container_fullWidth__javSY",scrolledX:"Container_scrolledX__FFZpZ",scrolledY:"Container_scrolledY__0HKdO"};styleInject(css_248z);export{S as default};
|
|
2
|
+
//# sourceMappingURL=Container.styl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Container.styl.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,33 +1,2 @@
|
|
|
1
|
-
function dateToString(
|
|
2
|
-
|
|
3
|
-
const day = String(date.day).padStart(2, '0');
|
|
4
|
-
return `${date.year}-${month}-${day}`;
|
|
5
|
-
}
|
|
6
|
-
function stringToDate(dateString) {
|
|
7
|
-
const [year, month, day] = dateString.split('-');
|
|
8
|
-
return {
|
|
9
|
-
year: Number(year),
|
|
10
|
-
month: Number(month),
|
|
11
|
-
day: Number(day),
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
function isDateEqual(date1, date2) {
|
|
15
|
-
return (date1.year === date2.year &&
|
|
16
|
-
date1.month === date2.month &&
|
|
17
|
-
date1.day === date2.day);
|
|
18
|
-
}
|
|
19
|
-
function isDateBefore(date1, date2) {
|
|
20
|
-
return (date1.year < date2.year ||
|
|
21
|
-
(date1.year === date2.year && date1.month < date2.month) ||
|
|
22
|
-
(date1.year === date2.year &&
|
|
23
|
-
date1.month === date2.month &&
|
|
24
|
-
date1.day < date2.day));
|
|
25
|
-
}
|
|
26
|
-
function isDateAfter(date1, date2) {
|
|
27
|
-
return isDateBefore(date2, date1);
|
|
28
|
-
}
|
|
29
|
-
function isDateBetween(date, startDate, endDate) {
|
|
30
|
-
return isDateAfter(date, startDate) && isDateBefore(date, endDate);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
export { dateToString, isDateAfter, isDateBefore, isDateBetween, isDateEqual, stringToDate };
|
|
1
|
+
function dateToString(e){var t=String(e.month).padStart(2,"0"),r=String(e.day).padStart(2,"0");return e.year+`-${t}-`+r}function stringToDate(e){var[e,t,r]=e.split("-");return{year:Number(e),month:Number(t),day:Number(r)}}function isDateEqual(e,t){return e.year===t.year&&e.month===t.month&&e.day===t.day}function isDateBefore(e,t){return e.year<t.year||e.year===t.year&&e.month<t.month||e.year===t.year&&e.month===t.month&&e.day<t.day}function isDateAfter(e,t){return isDateBefore(t,e)}function isDateBetween(e,t,r){return isDateAfter(e,t)&&isDateBefore(e,r)}export{dateToString,isDateAfter,isDateBefore,isDateBetween,isDateEqual,stringToDate};
|
|
2
|
+
//# sourceMappingURL=DatePicker.helpers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePicker.helpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,47 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import cn from 'classnames';
|
|
4
|
-
import { Calendar } from '../Calendar/Calendar.js';
|
|
5
|
-
import { Button } from '../Button/Button.js';
|
|
6
|
-
import { dateToString, isDateAfter, stringToDate, isDateBetween, isDateEqual } from './DatePicker.helpers.js';
|
|
7
|
-
import S from './DatePicker.styl.js';
|
|
8
|
-
|
|
9
|
-
function DatePicker(props) {
|
|
10
|
-
const { value, onChange, size, doubleCalendar, calendarProps = {} } = props;
|
|
11
|
-
const isRange = Array.isArray(value);
|
|
12
|
-
const [isPicking, setIsPicking] = useState(false);
|
|
13
|
-
const onFirstDateChange = useCallback((val) => {
|
|
14
|
-
const valStr = dateToString(val);
|
|
15
|
-
onChange(isRange ? [valStr, value[1]] : valStr);
|
|
16
|
-
}, [value, onChange, isRange]);
|
|
17
|
-
const onPointerDown = () => setIsPicking(true);
|
|
18
|
-
const onPointerUp = () => setIsPicking(false);
|
|
19
|
-
const renderDay = useCallback((val, { className, ...props }) => {
|
|
20
|
-
const { day, year, month } = val;
|
|
21
|
-
const valStr = dateToString(val);
|
|
22
|
-
if (isRange && isPicking) {
|
|
23
|
-
props.onPointerOver = () => {
|
|
24
|
-
const newVal = isDateAfter(stringToDate(value[0]), val)
|
|
25
|
-
? [valStr, value[0]]
|
|
26
|
-
: [value[0], valStr];
|
|
27
|
-
onChange(newVal);
|
|
28
|
-
};
|
|
29
|
-
}
|
|
30
|
-
const classes = [className, S.day];
|
|
31
|
-
if (isRange) {
|
|
32
|
-
const from = stringToDate(value[0]);
|
|
33
|
-
const to = stringToDate(value[1]);
|
|
34
|
-
if (isDateBetween(val, from, to))
|
|
35
|
-
classes.push(S.between);
|
|
36
|
-
if (isDateEqual(val, from))
|
|
37
|
-
classes.push(S.start);
|
|
38
|
-
if (isDateEqual(val, to))
|
|
39
|
-
classes.push(S.end);
|
|
40
|
-
}
|
|
41
|
-
return (createElement(Button, { ...props, variant: "clear", className: cn(classes), size: size, key: `${year}-${month}-${day}` }, day));
|
|
42
|
-
}, [size, isPicking, isRange, value, onChange]);
|
|
43
|
-
calendarProps.className = cn(calendarProps.className, S.calendar);
|
|
44
|
-
return (jsxs("div", { className: cn(S.root, doubleCalendar && S.doubleCalendar, props.className), onPointerDown: onPointerDown, onPointerUp: onPointerUp, children: [jsx(Calendar, { size: size, hideOtherMonthDays: isRange, ...calendarProps, renderDay: renderDay, value: stringToDate(isRange ? value[0] : value), onDayPointerDown: onFirstDateChange, onDayPointerUp: undefined }), isRange && doubleCalendar && (jsx(Calendar, { size: size, hideOtherMonthDays: isRange, ...calendarProps, renderDay: renderDay, value: stringToDate(value[1]), onDayPointerDown: val => onChange([value[0], dateToString(val)]), onDayPointerUp: val => onChange([value[0], dateToString(val)]) }))] }));
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
export { DatePicker };
|
|
1
|
+
import{jsxs,jsx}from"react/jsx-runtime";import{useState,useCallback,createElement}from"react";import cn from"classnames";import{Calendar}from"../Calendar/Calendar.js";import{Button}from"../Button/Button.js";import{dateToString,isDateAfter,stringToDate,isDateBetween,isDateEqual}from"./DatePicker.helpers.js";import S from"./DatePicker.styl.js";function DatePicker(e){const{value:c,onChange:D,size:d,doubleCalendar:a,calendarProps:t={}}=e,m=Array.isArray(c),[u,r]=useState(!1);var n=useCallback(e=>{e=dateToString(e);D(m?[e,c[1]]:e)},[c,D,m]),s=useCallback((a,{className:e,...t})=>{var{day:r,year:n,month:s}=a;const o=dateToString(a);m&&u&&(t.onPointerOver=()=>{var e=isDateAfter(stringToDate(c[0]),a)?[o,c[0]]:[c[0],o];D(e)});var i,l,e=[e,S.day];return m&&(i=stringToDate(c[0]),l=stringToDate(c[1]),isDateBetween(a,i,l)&&e.push(S.between),isDateEqual(a,i)&&e.push(S.start),isDateEqual(a,l))&&e.push(S.end),createElement(Button,{...t,variant:"clear",className:cn(e),size:d,key:n+`-${s}-`+r},r)},[d,u,m,c,D]);return t.className=cn(t.className,S.calendar),jsxs("div",{className:cn(S.root,a&&S.doubleCalendar,e.className),onPointerDown:()=>r(!0),onPointerUp:()=>r(!1),children:[jsx(Calendar,{size:d,hideOtherMonthDays:m,...t,renderDay:s,value:stringToDate(m?c[0]:c),onDayPointerDown:n,onDayPointerUp:void 0}),m&&a&&jsx(Calendar,{size:d,hideOtherMonthDays:m,...t,renderDay:s,value:stringToDate(c[1]),onDayPointerDown:e=>D([c[0],dateToString(e)]),onDayPointerUp:e=>D([c[0],dateToString(e)])})]})}export{DatePicker};
|
|
2
|
+
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,7 +1,2 @@
|
|
|
1
|
-
import styleInject from
|
|
2
|
-
|
|
3
|
-
var css_248z = ".DatePicker_root__hh-PP{display:flex;flex-direction:row;gap:var(--p-5)}.DatePicker_calendar__0Fk4N{width:100%}.DatePicker_doubleCalendar__4YbNN .DatePicker_calendar__0Fk4N{width:50%}.DatePicker_day__kGD0i.DatePicker_end__KYPnO,.DatePicker_day__kGD0i.DatePicker_start__qd0rW{background-color:var(--active-color-alpha-500)!important}.DatePicker_day__kGD0i.DatePicker_start__qd0rW{border-bottom-right-radius:0;border-top-right-radius:0}.DatePicker_day__kGD0i.DatePicker_end__KYPnO{border-bottom-left-radius:0;border-top-left-radius:0}.DatePicker_day__kGD0i.DatePicker_between__1Bifb{background-color:var(--active-color-alpha-100);border-radius:0}.DatePicker_day__kGD0i:hover{background-color:var(--accent-color-alpha-100)}";
|
|
4
|
-
var S = {"root":"DatePicker_root__hh-PP","calendar":"DatePicker_calendar__0Fk4N","doubleCalendar":"DatePicker_doubleCalendar__4YbNN","day":"DatePicker_day__kGD0i","start":"DatePicker_start__qd0rW","end":"DatePicker_end__KYPnO","between":"DatePicker_between__1Bifb"};
|
|
5
|
-
styleInject(css_248z);
|
|
6
|
-
|
|
7
|
-
export { S as default };
|
|
1
|
+
import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".DatePicker_root__hh-PP{display:flex;flex-direction:row;gap:var(--p-5)}.DatePicker_calendar__0Fk4N{width:100%}.DatePicker_doubleCalendar__4YbNN .DatePicker_calendar__0Fk4N{width:50%}.DatePicker_day__kGD0i.DatePicker_end__KYPnO,.DatePicker_day__kGD0i.DatePicker_start__qd0rW{background-color:var(--active-color-alpha-500)!important}.DatePicker_day__kGD0i.DatePicker_start__qd0rW{border-bottom-right-radius:0;border-top-right-radius:0}.DatePicker_day__kGD0i.DatePicker_end__KYPnO{border-bottom-left-radius:0;border-top-left-radius:0}.DatePicker_day__kGD0i.DatePicker_between__1Bifb{background-color:var(--active-color-alpha-100);border-radius:0}.DatePicker_day__kGD0i:hover{background-color:var(--accent-color-alpha-100)}",S={root:"DatePicker_root__hh-PP",calendar:"DatePicker_calendar__0Fk4N",doubleCalendar:"DatePicker_doubleCalendar__4YbNN",day:"DatePicker_day__kGD0i",start:"DatePicker_start__qd0rW",end:"DatePicker_end__KYPnO",between:"DatePicker_between__1Bifb"};styleInject(css_248z);export{S as default};
|
|
2
|
+
//# sourceMappingURL=DatePicker.styl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePicker.styl.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,44 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import cn from 'classnames';
|
|
4
|
-
import { strToDate } from '../../tools/date.js';
|
|
5
|
-
import { DateTime } from '../DateTime/DateTime.js';
|
|
6
|
-
import { DatePicker } from '../DatePicker/DatePicker.js';
|
|
7
|
-
import { Button } from '../Button/Button.js';
|
|
8
|
-
import { Popup } from '../Popup/Popup.js';
|
|
9
|
-
import S from './DatePickerInput.styl.js';
|
|
10
|
-
|
|
11
|
-
function DatePickerInput(props) {
|
|
12
|
-
const { value, onChange, variant = 'default', size = 'm', popupProps, buttonProps, displayFormat = 'MMM Do YYYY', } = props;
|
|
13
|
-
const isRange = Array.isArray(value);
|
|
14
|
-
const isControlled = popupProps?.isOpen !== undefined;
|
|
15
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
16
|
-
const handleChange = useCallback((newValue) => {
|
|
17
|
-
onChange(newValue);
|
|
18
|
-
if (!isRange) {
|
|
19
|
-
if (!isControlled) {
|
|
20
|
-
setIsOpen(false);
|
|
21
|
-
}
|
|
22
|
-
popupProps?.onClose?.();
|
|
23
|
-
}
|
|
24
|
-
}, [onChange, isRange, isControlled, popupProps]);
|
|
25
|
-
const handleClose = useCallback(() => {
|
|
26
|
-
if (!isControlled) {
|
|
27
|
-
setIsOpen(false);
|
|
28
|
-
}
|
|
29
|
-
popupProps?.onClose?.();
|
|
30
|
-
}, [popupProps, isControlled]);
|
|
31
|
-
const handleOpen = useCallback(() => {
|
|
32
|
-
if (!isControlled) {
|
|
33
|
-
setIsOpen(true);
|
|
34
|
-
}
|
|
35
|
-
popupProps?.onOpen?.();
|
|
36
|
-
}, [popupProps, isControlled]);
|
|
37
|
-
return (jsx(Popup, { size: size, focusControl: true, direction: "bottom-right", isOpen: isControlled ? popupProps.isOpen : isOpen, onOpen: isControlled ? popupProps.onOpen : handleOpen, onClose: isControlled ? popupProps.onClose : handleClose, ...popupProps, trigger:
|
|
38
|
-
// @ts-ignore
|
|
39
|
-
jsx(Button, { variant: variant, size: size, ...buttonProps, children: isRange ? (jsxs(Fragment, { children: [jsx(DateTime, { value: strToDate(value[0]), format: displayFormat }), ' - ', jsx(DateTime, { value: strToDate(value[1]), format: displayFormat })] })) : (jsx(DateTime, { value: strToDate(value), format: displayFormat })) }), contentProps: {
|
|
40
|
-
className: cn(S.popupContent, props.doubleCalendar && S.doubleCalendar, S[`size-${size}`], popupProps?.contentProps?.className),
|
|
41
|
-
}, content: jsx(DatePicker, { ...props, onChange: handleChange, className: S.content, calendarProps: { className: S.calendar } }) }));
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
export { DatePickerInput };
|
|
1
|
+
import{jsx,jsxs,Fragment}from"react/jsx-runtime";import{useState,useCallback}from"react";import cn from"classnames";import{strToDate}from"../../tools/date.js";import{DateTime}from"../DateTime/DateTime.js";import{DatePicker}from"../DatePicker/DatePicker.js";import{Button}from"../Button/Button.js";import{Popup}from"../Popup/Popup.js";import S from"./DatePickerInput.styl.js";function DatePickerInput(e){const{value:t,onChange:o,variant:a="default",size:r="m",popupProps:s,buttonProps:n,displayFormat:i="MMM Do YYYY"}=e,p=Array.isArray(t),m=void 0!==s?.isOpen,[l,c]=useState(!1);var u=useCallback(e=>{o(e),p||(m||c(!1),s?.onClose?.())},[o,p,m,s]),D=useCallback(()=>{m||c(!1),s?.onClose?.()},[s,m]),j=useCallback(()=>{m||c(!0),s?.onOpen?.()},[s,m]);return jsx(Popup,{size:r,focusControl:!0,direction:"bottom-right",isOpen:m?s.isOpen:l,onOpen:m?s.onOpen:j,onClose:m?s.onClose:D,...s,trigger:jsx(Button,{variant:a,size:r,...n,children:p?jsxs(Fragment,{children:[jsx(DateTime,{value:strToDate(t[0]),format:i})," - ",jsx(DateTime,{value:strToDate(t[1]),format:i})]}):jsx(DateTime,{value:strToDate(t),format:i})}),contentProps:{className:cn(S.popupContent,e.doubleCalendar&&S.doubleCalendar,S["size-"+r],s?.contentProps?.className)},content:jsx(DatePicker,{...e,onChange:u,className:S.content,calendarProps:{className:S.calendar}})})}export{DatePickerInput};
|
|
2
|
+
//# sourceMappingURL=DatePickerInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePickerInput.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,7 +1,2 @@
|
|
|
1
|
-
import styleInject from
|
|
2
|
-
|
|
3
|
-
var css_248z = ".DatePickerInput_popupContent__rcVHH{min-width:-moz-fit-content;min-width:fit-content}.DatePickerInput_content__yll-b{padding:.5em}.DatePickerInput_range__xWj9K .DatePickerInput_content__yll-b{display:flex;flex-direction:row;flex-wrap:nowrap;gap:1em}.DatePickerInput_doubleCalendar__H5CMo .DatePickerInput_calendar__vf0za{width:50%}.DatePickerInput_size-xs__ECN6b{border-radius:6px!important}.DatePickerInput_size-xs__ECN6b .DatePickerInput_content__yll-b{min-width:10em;padding:8px}.DatePickerInput_doubleCalendar__H5CMo.DatePickerInput_size-xs__ECN6b .DatePickerInput_content__yll-b{min-width:21em}.DatePickerInput_size-s__5t05o{border-radius:6px!important}.DatePickerInput_size-s__5t05o .DatePickerInput_content__yll-b{min-width:12em;padding:12px}.DatePickerInput_doubleCalendar__H5CMo.DatePickerInput_size-s__5t05o .DatePickerInput_content__yll-b{min-width:25em}.DatePickerInput_size-m__TTkHV{border-radius:9px!important}.DatePickerInput_size-m__TTkHV .DatePickerInput_content__yll-b{min-width:16em;padding:16px}.DatePickerInput_doubleCalendar__H5CMo.DatePickerInput_size-m__TTkHV .DatePickerInput_content__yll-b{min-width:33em}.DatePickerInput_size-l__-fWkE{border-radius:12px!important}.DatePickerInput_size-l__-fWkE .DatePickerInput_content__yll-b{min-width:20em;padding:20px}.DatePickerInput_doubleCalendar__H5CMo.DatePickerInput_size-l__-fWkE .DatePickerInput_content__yll-b{min-width:41em}.DatePickerInput_size-xl__aRXCl{border-radius:15px!important}.DatePickerInput_size-xl__aRXCl .DatePickerInput_content__yll-b{min-width:24em;padding:24px}.DatePickerInput_doubleCalendar__H5CMo.DatePickerInput_size-xl__aRXCl .DatePickerInput_content__yll-b{min-width:49em}";
|
|
4
|
-
var S = {"popupContent":"DatePickerInput_popupContent__rcVHH","content":"DatePickerInput_content__yll-b","range":"DatePickerInput_range__xWj9K","doubleCalendar":"DatePickerInput_doubleCalendar__H5CMo","calendar":"DatePickerInput_calendar__vf0za","size-xs":"DatePickerInput_size-xs__ECN6b","size-s":"DatePickerInput_size-s__5t05o","size-m":"DatePickerInput_size-m__TTkHV","size-l":"DatePickerInput_size-l__-fWkE","size-xl":"DatePickerInput_size-xl__aRXCl"};
|
|
5
|
-
styleInject(css_248z);
|
|
6
|
-
|
|
7
|
-
export { S as default };
|
|
1
|
+
import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".DatePickerInput_popupContent__rcVHH{min-width:-moz-fit-content;min-width:fit-content}.DatePickerInput_content__yll-b{padding:.5em}.DatePickerInput_range__xWj9K .DatePickerInput_content__yll-b{display:flex;flex-direction:row;flex-wrap:nowrap;gap:1em}.DatePickerInput_doubleCalendar__H5CMo .DatePickerInput_calendar__vf0za{width:50%}.DatePickerInput_size-xs__ECN6b{border-radius:6px!important}.DatePickerInput_size-xs__ECN6b .DatePickerInput_content__yll-b{min-width:10em;padding:8px}.DatePickerInput_doubleCalendar__H5CMo.DatePickerInput_size-xs__ECN6b .DatePickerInput_content__yll-b{min-width:21em}.DatePickerInput_size-s__5t05o{border-radius:6px!important}.DatePickerInput_size-s__5t05o .DatePickerInput_content__yll-b{min-width:12em;padding:12px}.DatePickerInput_doubleCalendar__H5CMo.DatePickerInput_size-s__5t05o .DatePickerInput_content__yll-b{min-width:25em}.DatePickerInput_size-m__TTkHV{border-radius:9px!important}.DatePickerInput_size-m__TTkHV .DatePickerInput_content__yll-b{min-width:16em;padding:16px}.DatePickerInput_doubleCalendar__H5CMo.DatePickerInput_size-m__TTkHV .DatePickerInput_content__yll-b{min-width:33em}.DatePickerInput_size-l__-fWkE{border-radius:12px!important}.DatePickerInput_size-l__-fWkE .DatePickerInput_content__yll-b{min-width:20em;padding:20px}.DatePickerInput_doubleCalendar__H5CMo.DatePickerInput_size-l__-fWkE .DatePickerInput_content__yll-b{min-width:41em}.DatePickerInput_size-xl__aRXCl{border-radius:15px!important}.DatePickerInput_size-xl__aRXCl .DatePickerInput_content__yll-b{min-width:24em;padding:24px}.DatePickerInput_doubleCalendar__H5CMo.DatePickerInput_size-xl__aRXCl .DatePickerInput_content__yll-b{min-width:49em}",S={popupContent:"DatePickerInput_popupContent__rcVHH",content:"DatePickerInput_content__yll-b",range:"DatePickerInput_range__xWj9K",doubleCalendar:"DatePickerInput_doubleCalendar__H5CMo",calendar:"DatePickerInput_calendar__vf0za","size-xs":"DatePickerInput_size-xs__ECN6b","size-s":"DatePickerInput_size-s__5t05o","size-m":"DatePickerInput_size-m__TTkHV","size-l":"DatePickerInput_size-l__-fWkE","size-xl":"DatePickerInput_size-xl__aRXCl"};styleInject(css_248z);export{S as default};
|
|
2
|
+
//# sourceMappingURL=DatePickerInput.styl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePickerInput.styl.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,17 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
function formatDate({ value, format, locale = 'en' }) {
|
|
5
|
-
const d = moment(value).locale(locale);
|
|
6
|
-
if (format) {
|
|
7
|
-
if (d[format])
|
|
8
|
-
return d[format]();
|
|
9
|
-
return d.format(format);
|
|
10
|
-
}
|
|
11
|
-
return d.toString();
|
|
12
|
-
}
|
|
13
|
-
function DateTime({ value = new Date(), format, locale }) {
|
|
14
|
-
return jsx(Fragment, { children: formatDate({ value, format, locale }) });
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
export { DateTime, formatDate };
|
|
1
|
+
import{jsx,Fragment}from"react/jsx-runtime";import moment from"moment";function formatDate({value:t,format:e,locale:a="en"}){t=moment(t).locale(a);return e?t[e]?t[e]():t.format(e):t.toString()}function DateTime({value:t=new Date,format:e,locale:a}){return jsx(Fragment,{children:formatDate({value:t,format:e,locale:a})})}export{DateTime,formatDate};
|
|
2
|
+
//# sourceMappingURL=DateTime.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateTime.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,107 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import { useState, useRef, useId, useEffect } from 'react';
|
|
4
|
-
import { createPortal } from 'react-dom';
|
|
5
|
-
import { Card, CardHeader, CardContent, CardFooter } from '../Card/Card.js';
|
|
6
|
-
import { Icon } from '../Icon/Icon.js';
|
|
7
|
-
import { isBrowser } from '../../tools/env.js';
|
|
8
|
-
import S from './Dialogue.styl.js';
|
|
9
|
-
|
|
10
|
-
const FOOTER_ALIGN_CLASS = {
|
|
11
|
-
left: S.footerAlignLeft,
|
|
12
|
-
center: S.footerAlignCenter,
|
|
13
|
-
right: S.footerAlignRight,
|
|
14
|
-
};
|
|
15
|
-
function Dialogue({ open, onOpenChange, disabled, trigger, title, subtitle, icon, content, contentClassName, footer, footerAlignment = 'center', size = 'default', className, noScroll, maxHeight, autoScrollBottom, width, }) {
|
|
16
|
-
const [isMounted, setIsMounted] = useState(false);
|
|
17
|
-
const [isAnimating, setIsAnimating] = useState(false);
|
|
18
|
-
const dialogRef = useRef(null);
|
|
19
|
-
const titleId = useId();
|
|
20
|
-
const descriptionId = useId();
|
|
21
|
-
useEffect(() => {
|
|
22
|
-
setIsMounted(true);
|
|
23
|
-
}, []);
|
|
24
|
-
useEffect(() => {
|
|
25
|
-
if (open) {
|
|
26
|
-
setIsAnimating(true);
|
|
27
|
-
requestAnimationFrame(() => {
|
|
28
|
-
requestAnimationFrame(() => {
|
|
29
|
-
setIsAnimating(false);
|
|
30
|
-
});
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
else {
|
|
34
|
-
setIsAnimating(true);
|
|
35
|
-
}
|
|
36
|
-
}, [open]);
|
|
37
|
-
useEffect(() => {
|
|
38
|
-
if (!open || !dialogRef.current)
|
|
39
|
-
return;
|
|
40
|
-
const previousActiveElement = document.activeElement;
|
|
41
|
-
const focusableElements = dialogRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
42
|
-
const firstFocusable = focusableElements[0];
|
|
43
|
-
const lastFocusable = focusableElements[focusableElements.length - 1];
|
|
44
|
-
if (firstFocusable) {
|
|
45
|
-
firstFocusable.focus();
|
|
46
|
-
}
|
|
47
|
-
else {
|
|
48
|
-
dialogRef.current.focus();
|
|
49
|
-
}
|
|
50
|
-
const handleKeyDown = (e) => {
|
|
51
|
-
if (e.key === 'Escape') {
|
|
52
|
-
onOpenChange(false);
|
|
53
|
-
return;
|
|
54
|
-
}
|
|
55
|
-
if (e.key === 'Tab' && focusableElements.length > 0) {
|
|
56
|
-
if (e.shiftKey) {
|
|
57
|
-
if (document.activeElement === firstFocusable) {
|
|
58
|
-
e.preventDefault();
|
|
59
|
-
lastFocusable?.focus();
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
else if (document.activeElement === lastFocusable) {
|
|
63
|
-
e.preventDefault();
|
|
64
|
-
firstFocusable?.focus();
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
};
|
|
68
|
-
document.addEventListener('keydown', handleKeyDown);
|
|
69
|
-
return () => {
|
|
70
|
-
document.removeEventListener('keydown', handleKeyDown);
|
|
71
|
-
if (previousActiveElement?.focus) {
|
|
72
|
-
previousActiveElement.focus();
|
|
73
|
-
}
|
|
74
|
-
};
|
|
75
|
-
}, [open, onOpenChange]);
|
|
76
|
-
useEffect(() => {
|
|
77
|
-
if (!open)
|
|
78
|
-
return;
|
|
79
|
-
const originalStyle = window.getComputedStyle(document.body).overflow;
|
|
80
|
-
document.body.style.overflow = 'hidden';
|
|
81
|
-
return () => {
|
|
82
|
-
document.body.style.overflow = originalStyle;
|
|
83
|
-
};
|
|
84
|
-
}, [open]);
|
|
85
|
-
const handleOverlayClick = (e) => {
|
|
86
|
-
if (e.target === e.currentTarget) {
|
|
87
|
-
onOpenChange(false);
|
|
88
|
-
}
|
|
89
|
-
};
|
|
90
|
-
const handleCloseClick = () => {
|
|
91
|
-
onOpenChange(false);
|
|
92
|
-
};
|
|
93
|
-
const onTriggerClick = !disabled ? () => onOpenChange(true) : undefined;
|
|
94
|
-
const dialogueContent = (jsxs(Fragment, { children: [jsx("div", { className: cn(S.dialogOverlay, open && !isAnimating && S.isOpen), onClick: handleOverlayClick, "aria-hidden": "true" }), jsxs(Card, { ref: dialogRef, role: "dialog", "aria-modal": "true", "aria-labelledby": title ? titleId : undefined, "aria-describedby": subtitle ? descriptionId : undefined, className: cn(S.dialogContent, S[`size-${size}`], open && !isAnimating && S.isOpen, !open && isAnimating && S.isClosed, className), tabIndex: -1, style: {
|
|
95
|
-
width,
|
|
96
|
-
maxHeight: maxHeight
|
|
97
|
-
? `min(${String(maxHeight)}, calc(100% - var(--p-5)))`
|
|
98
|
-
: undefined,
|
|
99
|
-
}, children: [(title || subtitle || icon) && (jsx(CardHeader, { icon: icon, title: title, description: subtitle, titleId: titleId, descriptionId: descriptionId })), jsx("button", { className: S.dialogClose, onClick: handleCloseClick, "aria-label": "Close dialog", type: "button", children: jsx(Icon, { type: "close", size: "m" }) }), content && (jsx(CardContent, { className: contentClassName, noScroll: noScroll, autoScrollBottom: autoScrollBottom, children: content })), footer && (jsx(CardFooter, { className: FOOTER_ALIGN_CLASS[footerAlignment], children: footer }))] })] }));
|
|
100
|
-
return (jsxs(Fragment, { children: [trigger && jsx("div", { onClick: onTriggerClick, children: trigger }), open &&
|
|
101
|
-
!disabled &&
|
|
102
|
-
isMounted &&
|
|
103
|
-
isBrowser &&
|
|
104
|
-
createPortal(dialogueContent, document.body)] }));
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
export { Dialogue, S as DialogueStyles };
|
|
1
|
+
import{jsxs,Fragment,jsx}from"react/jsx-runtime";import cn from"classnames";import{useState,useRef,useId,useEffect}from"react";import{createPortal}from"react-dom";import{Card,CardHeader,CardContent,CardFooter}from"../Card/Card.js";import{Icon}from"../Icon/Icon.js";import{isBrowser}from"../../tools/env.js";import S from"./Dialogue.styl.js";const FOOTER_ALIGN_CLASS={left:S.footerAlignLeft,center:S.footerAlignCenter,right:S.footerAlignRight};function Dialogue({open:a,onOpenChange:s,disabled:e,trigger:t,title:o,subtitle:r,icon:n,content:i,contentClassName:l,footer:c,footerAlignment:d="center",size:u="default",className:m,noScroll:f,maxHeight:g,autoScrollBottom:C,width:p}){const[v,y]=useState(!1),[h,x]=useState(!1),b=useRef(null);var j=useId(),E=useId(),I=(useEffect(()=>{y(!0)},[]),useEffect(()=>{a?(x(!0),requestAnimationFrame(()=>{requestAnimationFrame(()=>{x(!1)})})):x(!0)},[a]),useEffect(()=>{if(a&&b.current){const e=document.activeElement,t=b.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),o=t[0],r=t[t.length-1],n=((o||b.current).focus(),e=>{"Escape"===e.key?s(!1):"Tab"===e.key&&0<t.length&&(e.shiftKey?document.activeElement===o&&(e.preventDefault(),r?.focus()):document.activeElement===r&&(e.preventDefault(),o?.focus()))});return document.addEventListener("keydown",n),()=>{document.removeEventListener("keydown",n),e?.focus&&e.focus()}}},[a,s]),useEffect(()=>{if(a){const e=window.getComputedStyle(document.body).overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[a]),e?void 0:()=>s(!0)),u=jsxs(Fragment,{children:[jsx("div",{className:cn(S.dialogOverlay,a&&!h&&S.isOpen),onClick:e=>{e.target===e.currentTarget&&s(!1)},"aria-hidden":"true"}),jsxs(Card,{ref:b,role:"dialog","aria-modal":"true","aria-labelledby":o?j:void 0,"aria-describedby":r?E:void 0,className:cn(S.dialogContent,S["size-"+u],a&&!h&&S.isOpen,!a&&h&&S.isClosed,m),tabIndex:-1,style:{width:p,maxHeight:g?`min(${String(g)}, calc(100% - var(--p-5)))`:void 0},children:[(o||r||n)&&jsx(CardHeader,{icon:n,title:o,description:r,titleId:j,descriptionId:E}),jsx("button",{className:S.dialogClose,onClick:()=>{s(!1)},"aria-label":"Close dialog",type:"button",children:jsx(Icon,{type:"close",size:"m"})}),i&&jsx(CardContent,{className:l,noScroll:f,autoScrollBottom:C,children:i}),c&&jsx(CardFooter,{className:FOOTER_ALIGN_CLASS[d],children:c})]})]});return jsxs(Fragment,{children:[t&&jsx("div",{onClick:I,children:t}),a&&!e&&v&&isBrowser&&createPortal(u,document.body)]})}export{Dialogue,S as DialogueStyles};
|
|
2
|
+
//# sourceMappingURL=Dialogue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dialogue.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,7 +1,2 @@
|
|
|
1
|
-
import styleInject from
|
|
2
|
-
|
|
3
|
-
var css_248z = ".Dialogue_dialogOverlay__jjBIa{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--decent-color-alpha-900);inset:0;opacity:0;position:fixed;transition:opacity .2s ease-out;z-index:50}.Dialogue_dialogOverlay__jjBIa.Dialogue_isOpen__gISMb{animation-duration:.2s;animation-fill-mode:forwards;animation-name:Dialogue_fadeIn__RSEB2;animation-timing-function:ease-out;opacity:1}.Dialogue_dialogContent__-Lxde{border-radius:var(--border-radius-l);box-shadow:0 10px 20px rgba(0,0,0,.3),0 0 0 2px var(--decent-color-alpha-800);display:flex;flex-direction:column;left:50%;max-height:calc(100% - var(--p-5));opacity:0;position:fixed;top:50%;transform:translateX(-50%) translateY(-50%) scale(.95);transition:opacity .2s ease-out,transform .2s ease-out;width:-moz-fit-content;width:fit-content;z-index:50}.Dialogue_dialogContent__-Lxde.Dialogue_isOpen__gISMb{animation-duration:.2s;animation-fill-mode:forwards;animation-name:Dialogue_dialogueIn__M0tLL;animation-timing-function:ease-out;opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}.Dialogue_dialogContent__-Lxde.Dialogue_isClosed__lHYyZ{animation-duration:.2s;animation-fill-mode:forwards;animation-name:Dialogue_dialogueOut__6bLTY;animation-timing-function:ease-in;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-50%) scale(.95)}@media (max-width:700px){.Dialogue_dialogContent__-Lxde{max-width:calc(100% - var(--p-5));width:calc(100% - var(--p-5))}}.Dialogue_size-default__X1sdB{max-width:40rem}.Dialogue_size-login__GyixB{max-width:24rem}.Dialogue_size-wide__HQbiX{max-width:calc(100% - var(--p-5))}@media (min-width:700px){.Dialogue_size-wide__HQbiX{max-width:80rem}}.Dialogue_dialogClose__5q12n{align-items:center;background-color:transparent;border:none;border-radius:var(--border-radius-s);box-shadow:inset 0 0 0 2px none;color:var(--accent-color);cursor:pointer;display:flex;height:2rem;justify-content:center;opacity:.7;position:absolute;right:var(--p-3);top:var(--p-3);transform-origin:center;transition:opacity .2s ease,transform .2s ease;width:2rem;z-index:10}.Dialogue_dialogClose__5q12n:hover{opacity:1;transform:scale(1.1)}.Dialogue_dialogClose__5q12n:focus-visible{box-shadow:0 0 0 2px var(--active-color)}.Dialogue_dialogClose__5q12n:disabled{pointer-events:none}.Dialogue_footerAlignLeft__xQUD8{justify-content:flex-start}.Dialogue_footerAlignCenter__yq9Mu{justify-content:center}.Dialogue_footerAlignRight__Yo7hG{justify-content:flex-end}@keyframes Dialogue_fadeIn__RSEB2{0%{opacity:0}to{opacity:1}}@keyframes Dialogue_dialogueIn__M0tLL{0%{opacity:0;transform:translateX(-50%) translateY(-50%) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}}@keyframes Dialogue_dialogueOut__6bLTY{0%{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-50%) scale(.95)}}";
|
|
4
|
-
var S = {"dialogOverlay":"Dialogue_dialogOverlay__jjBIa","isOpen":"Dialogue_isOpen__gISMb","fadeIn":"Dialogue_fadeIn__RSEB2","dialogContent":"Dialogue_dialogContent__-Lxde","dialogueIn":"Dialogue_dialogueIn__M0tLL","isClosed":"Dialogue_isClosed__lHYyZ","dialogueOut":"Dialogue_dialogueOut__6bLTY","size-default":"Dialogue_size-default__X1sdB","size-login":"Dialogue_size-login__GyixB","size-wide":"Dialogue_size-wide__HQbiX","dialogClose":"Dialogue_dialogClose__5q12n","footerAlignLeft":"Dialogue_footerAlignLeft__xQUD8","footerAlignCenter":"Dialogue_footerAlignCenter__yq9Mu","footerAlignRight":"Dialogue_footerAlignRight__Yo7hG"};
|
|
5
|
-
styleInject(css_248z);
|
|
6
|
-
|
|
7
|
-
export { S as default };
|
|
1
|
+
import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".Dialogue_dialogOverlay__jjBIa{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--decent-color-alpha-900);inset:0;opacity:0;position:fixed;transition:opacity .2s ease-out;z-index:50}.Dialogue_dialogOverlay__jjBIa.Dialogue_isOpen__gISMb{animation-duration:.2s;animation-fill-mode:forwards;animation-name:Dialogue_fadeIn__RSEB2;animation-timing-function:ease-out;opacity:1}.Dialogue_dialogContent__-Lxde{border-radius:var(--border-radius-l);box-shadow:0 10px 20px rgba(0,0,0,.3),0 0 0 2px var(--decent-color-alpha-800);display:flex;flex-direction:column;left:50%;max-height:calc(100% - var(--p-5));opacity:0;position:fixed;top:50%;transform:translateX(-50%) translateY(-50%) scale(.95);transition:opacity .2s ease-out,transform .2s ease-out;width:-moz-fit-content;width:fit-content;z-index:50}.Dialogue_dialogContent__-Lxde.Dialogue_isOpen__gISMb{animation-duration:.2s;animation-fill-mode:forwards;animation-name:Dialogue_dialogueIn__M0tLL;animation-timing-function:ease-out;opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}.Dialogue_dialogContent__-Lxde.Dialogue_isClosed__lHYyZ{animation-duration:.2s;animation-fill-mode:forwards;animation-name:Dialogue_dialogueOut__6bLTY;animation-timing-function:ease-in;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-50%) scale(.95)}@media (max-width:700px){.Dialogue_dialogContent__-Lxde{max-width:calc(100% - var(--p-5));width:calc(100% - var(--p-5))}}.Dialogue_size-default__X1sdB{max-width:40rem}.Dialogue_size-login__GyixB{max-width:24rem}.Dialogue_size-wide__HQbiX{max-width:calc(100% - var(--p-5))}@media (min-width:700px){.Dialogue_size-wide__HQbiX{max-width:80rem}}.Dialogue_dialogClose__5q12n{align-items:center;background-color:transparent;border:none;border-radius:var(--border-radius-s);box-shadow:inset 0 0 0 2px none;color:var(--accent-color);cursor:pointer;display:flex;height:2rem;justify-content:center;opacity:.7;position:absolute;right:var(--p-3);top:var(--p-3);transform-origin:center;transition:opacity .2s ease,transform .2s ease;width:2rem;z-index:10}.Dialogue_dialogClose__5q12n:hover{opacity:1;transform:scale(1.1)}.Dialogue_dialogClose__5q12n:focus-visible{box-shadow:0 0 0 2px var(--active-color)}.Dialogue_dialogClose__5q12n:disabled{pointer-events:none}.Dialogue_footerAlignLeft__xQUD8{justify-content:flex-start}.Dialogue_footerAlignCenter__yq9Mu{justify-content:center}.Dialogue_footerAlignRight__Yo7hG{justify-content:flex-end}@keyframes Dialogue_fadeIn__RSEB2{0%{opacity:0}to{opacity:1}}@keyframes Dialogue_dialogueIn__M0tLL{0%{opacity:0;transform:translateX(-50%) translateY(-50%) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}}@keyframes Dialogue_dialogueOut__6bLTY{0%{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-50%) scale(.95)}}",S={dialogOverlay:"Dialogue_dialogOverlay__jjBIa",isOpen:"Dialogue_isOpen__gISMb",fadeIn:"Dialogue_fadeIn__RSEB2",dialogContent:"Dialogue_dialogContent__-Lxde",dialogueIn:"Dialogue_dialogueIn__M0tLL",isClosed:"Dialogue_isClosed__lHYyZ",dialogueOut:"Dialogue_dialogueOut__6bLTY","size-default":"Dialogue_size-default__X1sdB","size-login":"Dialogue_size-login__GyixB","size-wide":"Dialogue_size-wide__HQbiX",dialogClose:"Dialogue_dialogClose__5q12n",footerAlignLeft:"Dialogue_footerAlignLeft__xQUD8",footerAlignCenter:"Dialogue_footerAlignCenter__yq9Mu",footerAlignRight:"Dialogue_footerAlignRight__Yo7hG"};styleInject(css_248z);export{S as default};
|
|
2
|
+
//# sourceMappingURL=Dialogue.styl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dialogue.styl.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,147 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import '../../tools/dom.js';
|
|
4
|
-
import throttle from '../../tools/throttle.js';
|
|
5
|
-
import Time from 'timen';
|
|
6
|
-
import 'compareq';
|
|
7
|
-
import 'lodash.pick';
|
|
8
|
-
import '../../tools/queryParams.js';
|
|
9
|
-
import { Component } from 'react';
|
|
10
|
-
import S from './Draggable.styl.js';
|
|
11
|
-
import cn from 'classnames';
|
|
12
|
-
import { createStore } from 'justorm/react';
|
|
13
|
-
|
|
14
|
-
class Draggable extends Component {
|
|
15
|
-
store;
|
|
16
|
-
startPos = null;
|
|
17
|
-
draggingElem = null;
|
|
18
|
-
draggingElemBounds = null;
|
|
19
|
-
dragStartFired = false;
|
|
20
|
-
timers = Time.create();
|
|
21
|
-
constructor(props) {
|
|
22
|
-
super(props);
|
|
23
|
-
this.store = createStore(this, {
|
|
24
|
-
draggingId: null,
|
|
25
|
-
underId: null,
|
|
26
|
-
underOffset: '',
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
componentDidUpdate(prevProps) {
|
|
30
|
-
if (prevProps.items.join(',') !== this.props.items.join(',')) {
|
|
31
|
-
this.dropUnder();
|
|
32
|
-
}
|
|
33
|
-
if (prevProps.disabled !== this.props.disabled) {
|
|
34
|
-
this.dropUnder();
|
|
35
|
-
if (this.props.disabled)
|
|
36
|
-
this.unsubscribeMoveUp();
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
componentWillUnmount() {
|
|
40
|
-
this.timers.clear();
|
|
41
|
-
}
|
|
42
|
-
subscribeMoveUp = () => {
|
|
43
|
-
document.addEventListener('pointermove', this.onPointerMove);
|
|
44
|
-
document.addEventListener('pointerup', this.onPointerUp);
|
|
45
|
-
};
|
|
46
|
-
unsubscribeMoveUp = () => {
|
|
47
|
-
document.removeEventListener('pointermove', this.onPointerMove);
|
|
48
|
-
document.removeEventListener('pointerup', this.onPointerUp);
|
|
49
|
-
};
|
|
50
|
-
onPointerDown = e => {
|
|
51
|
-
const { clientX: x, clientY: y, currentTarget } = e;
|
|
52
|
-
e.stopPropagation();
|
|
53
|
-
this.timers.clear();
|
|
54
|
-
this.startPos = { x, y };
|
|
55
|
-
this.draggingElem = currentTarget;
|
|
56
|
-
this.draggingElemBounds = currentTarget.getBoundingClientRect();
|
|
57
|
-
this.subscribeMoveUp();
|
|
58
|
-
};
|
|
59
|
-
onPointerMove = e => {
|
|
60
|
-
if (!this.draggingElem || this.props.disabled)
|
|
61
|
-
return;
|
|
62
|
-
const { clientX: x, clientY: y } = e;
|
|
63
|
-
if (!this.store.draggingId) {
|
|
64
|
-
this.store.draggingId = this.draggingElem.dataset.id;
|
|
65
|
-
}
|
|
66
|
-
if (!this.dragStartFired) {
|
|
67
|
-
this.dragStartFired = true;
|
|
68
|
-
this.props.onDragStart?.(this.store.draggingId);
|
|
69
|
-
}
|
|
70
|
-
const dx = x - this.startPos.x;
|
|
71
|
-
const dy = y - this.startPos.y;
|
|
72
|
-
this.transformInner(this.draggingElem, `translate(${dx}px, ${dy}px)`);
|
|
73
|
-
this.checkUnderElem(x, y);
|
|
74
|
-
};
|
|
75
|
-
checkUnderElem = throttle((x, y) => {
|
|
76
|
-
const underItem = document.elementFromPoint(x, y)?.closest(`.${S.item}`);
|
|
77
|
-
if (!underItem) {
|
|
78
|
-
this.store.underOffset = '';
|
|
79
|
-
this.store.underId = null;
|
|
80
|
-
return;
|
|
81
|
-
}
|
|
82
|
-
// @ts-ignore
|
|
83
|
-
const { id } = underItem.dataset;
|
|
84
|
-
const { draggingId, underId } = this.store;
|
|
85
|
-
if (!this.startPos || id === draggingId || id === underId)
|
|
86
|
-
return;
|
|
87
|
-
const { x: x1, y: y1 } = this.draggingElemBounds;
|
|
88
|
-
const { x: x2, y: y2 } = this.selectInner(underItem).getBoundingClientRect();
|
|
89
|
-
const dx = x1 - x2;
|
|
90
|
-
const dy = y1 - y2;
|
|
91
|
-
this.store.underOffset = `translate(${dx}px, ${dy}px)`;
|
|
92
|
-
this.store.underId = id;
|
|
93
|
-
}, 100);
|
|
94
|
-
onPointerOut = ({ target }) => {
|
|
95
|
-
const { id } = target.dataset;
|
|
96
|
-
if (!id || id === this.store.draggingId)
|
|
97
|
-
return;
|
|
98
|
-
this.transformInner(target, null);
|
|
99
|
-
this.dropUnder();
|
|
100
|
-
};
|
|
101
|
-
onPointerUp = e => {
|
|
102
|
-
const { underId, draggingId } = this.store;
|
|
103
|
-
const { onChange, onDragEnd } = this.props;
|
|
104
|
-
const { id } = this.draggingElem.dataset;
|
|
105
|
-
if (draggingId) {
|
|
106
|
-
e.stopPropagation();
|
|
107
|
-
e.preventDefault();
|
|
108
|
-
}
|
|
109
|
-
this.unsubscribeMoveUp();
|
|
110
|
-
this.dragStartFired = false;
|
|
111
|
-
this.startPos = null;
|
|
112
|
-
this.store.draggingId = null;
|
|
113
|
-
if (underId && onChange) {
|
|
114
|
-
const newItems = [...this.props.items];
|
|
115
|
-
const draggingIndex = newItems.indexOf(id);
|
|
116
|
-
const underIndex = newItems.indexOf(underId);
|
|
117
|
-
newItems[underIndex] = id;
|
|
118
|
-
newItems[draggingIndex] = underId;
|
|
119
|
-
onChange(newItems);
|
|
120
|
-
}
|
|
121
|
-
this.dropUnder();
|
|
122
|
-
this.timers.after(100, () => {
|
|
123
|
-
if (this.draggingElem) {
|
|
124
|
-
this.selectInner(this.draggingElem).style.transform = null;
|
|
125
|
-
this.draggingElem = null;
|
|
126
|
-
}
|
|
127
|
-
onDragEnd?.(draggingId);
|
|
128
|
-
});
|
|
129
|
-
};
|
|
130
|
-
selectInner = elem => elem.querySelector('& > div');
|
|
131
|
-
transformInner(elem, str) {
|
|
132
|
-
if (!elem)
|
|
133
|
-
return;
|
|
134
|
-
this.selectInner(elem).style.transform = str;
|
|
135
|
-
}
|
|
136
|
-
dropUnder() {
|
|
137
|
-
this.store.underId = null;
|
|
138
|
-
this.store.underOffset = null;
|
|
139
|
-
}
|
|
140
|
-
render() {
|
|
141
|
-
const { items, className, itemClassName, renderItem, children, disabled } = this.props;
|
|
142
|
-
const { draggingId, underId, underOffset } = this.store;
|
|
143
|
-
return (jsxs("div", { className: cn(S.root, draggingId && S.isDragging, className), children: [items.map((id, index) => (jsx("div", { "data-id": id, className: cn(S.item, itemClassName, id === draggingId && S.active), onPointerDown: disabled ? undefined : this.onPointerDown, children: jsx("div", { className: S.inner, style: underId === id ? { transform: underOffset } : null, children: renderItem(id, index, id === draggingId) }) }, id))), children] }));
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
export { Draggable };
|
|
1
|
+
import{jsxs,jsx}from"react/jsx-runtime";import"nanoid";import"../../tools/dom.js";import throttle from"../../tools/throttle.js";import Time from"timen";import"compareq";import"lodash.pick";import"../../tools/queryParams.js";import{Component}from"react";import S from"./Draggable.styl.js";import cn from"classnames";import{createStore}from"justorm/react";class Draggable extends Component{store;startPos=null;draggingElem=null;draggingElemBounds=null;dragStartFired=!1;timers=Time.create();constructor(t){super(t),this.store=createStore(this,{draggingId:null,underId:null,underOffset:""})}componentDidUpdate(t){t.items.join(",")!==this.props.items.join(",")&&this.dropUnder(),t.disabled!==this.props.disabled&&(this.dropUnder(),this.props.disabled)&&this.unsubscribeMoveUp()}componentWillUnmount(){this.timers.clear()}subscribeMoveUp=()=>{document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.onPointerUp)};unsubscribeMoveUp=()=>{document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp)};onPointerDown=t=>{var{clientX:e,clientY:r,currentTarget:s}=t;t.stopPropagation(),this.timers.clear(),this.startPos={x:e,y:r},this.draggingElem=s,this.draggingElemBounds=s.getBoundingClientRect(),this.subscribeMoveUp()};onPointerMove=t=>{var e,r,s;this.draggingElem&&!this.props.disabled&&({clientX:t,clientY:e}=t,this.store.draggingId||(this.store.draggingId=this.draggingElem.dataset.id),this.dragStartFired||(this.dragStartFired=!0,this.props.onDragStart?.(this.store.draggingId)),r=t-this.startPos.x,s=e-this.startPos.y,this.transformInner(this.draggingElem,`translate(${r}px, ${s}px)`),this.checkUnderElem(t,e))};checkUnderElem=throttle((t,e)=>{var r,s,i,t=document.elementFromPoint(t,e)?.closest("."+S.item);t?(e=t.dataset.id,{draggingId:r,underId:s}=this.store,this.startPos&&e!==r&&e!==s&&({x:r,y:s}=this.draggingElemBounds,{x:t,y:i}=this.selectInner(t).getBoundingClientRect(),this.store.underOffset=`translate(${r-t}px, ${s-i}px)`,this.store.underId=e)):(this.store.underOffset="",this.store.underId=null)},100);onPointerOut=({target:t})=>{var e=t.dataset["id"];e&&e!==this.store.draggingId&&(this.transformInner(t,null),this.dropUnder())};onPointerUp=t=>{const{underId:e,draggingId:r}=this.store,{onChange:s,onDragEnd:i}=this.props;var n,o,d=this.draggingElem.dataset["id"];r&&(t.stopPropagation(),t.preventDefault()),this.unsubscribeMoveUp(),this.dragStartFired=!1,this.startPos=null,this.store.draggingId=null,e&&s&&(n=(t=[...this.props.items]).indexOf(d),o=t.indexOf(e),t[o]=d,t[n]=e,s(t)),this.dropUnder(),this.timers.after(100,()=>{this.draggingElem&&(this.selectInner(this.draggingElem).style.transform=null,this.draggingElem=null),i?.(r)})};selectInner=t=>t.querySelector("& > div");transformInner(t,e){t&&(this.selectInner(t).style.transform=e)}dropUnder(){this.store.underId=null,this.store.underOffset=null}render(){const{items:t,className:e,itemClassName:r,renderItem:s,children:i,disabled:n}=this.props,{draggingId:o,underId:d,underOffset:a}=this.store;return jsxs("div",{className:cn(S.root,o&&S.isDragging,e),children:[t.map((t,e)=>jsx("div",{"data-id":t,className:cn(S.item,r,t===o&&S.active),onPointerDown:n?void 0:this.onPointerDown,children:jsx("div",{className:S.inner,style:d===t?{transform:a}:null,children:s(t,e,t===o)})},t)),i]})}}export{Draggable};
|
|
2
|
+
//# sourceMappingURL=Draggable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Draggable.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,7 +1,2 @@
|
|
|
1
|
-
import styleInject from
|
|
2
|
-
|
|
3
|
-
var css_248z = ".Draggable_root__S1BgI{display:flex;flex-wrap:wrap;position:relative;touch-action:none}.Draggable_item__Z1pXk{display:flex}.Draggable_inner__c4syM{height:100%;transition:transform .2s ease-out;width:100%}.Draggable_isDragging__YTPu5 .Draggable_inner__c4syM{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Draggable_isDragging__YTPu5 .Draggable_active__XcFM3{pointer-events:none}.Draggable_isDragging__YTPu5 .Draggable_active__XcFM3 .Draggable_inner__c4syM{transition-duration:0s;z-index:1}";
|
|
4
|
-
var S = {"root":"Draggable_root__S1BgI","item":"Draggable_item__Z1pXk","inner":"Draggable_inner__c4syM","isDragging":"Draggable_isDragging__YTPu5","active":"Draggable_active__XcFM3"};
|
|
5
|
-
styleInject(css_248z);
|
|
6
|
-
|
|
7
|
-
export { S as default };
|
|
1
|
+
import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".Draggable_root__S1BgI{display:flex;flex-wrap:wrap;position:relative;touch-action:none}.Draggable_item__Z1pXk{display:flex}.Draggable_inner__c4syM{height:100%;transition:transform .2s ease-out;width:100%}.Draggable_isDragging__YTPu5 .Draggable_inner__c4syM{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Draggable_isDragging__YTPu5 .Draggable_active__XcFM3{pointer-events:none}.Draggable_isDragging__YTPu5 .Draggable_active__XcFM3 .Draggable_inner__c4syM{transition-duration:0s;z-index:1}",S={root:"Draggable_root__S1BgI",item:"Draggable_item__Z1pXk",inner:"Draggable_inner__c4syM",isDragging:"Draggable_isDragging__YTPu5",active:"Draggable_active__XcFM3"};styleInject(css_248z);export{S as default};
|
|
2
|
+
//# sourceMappingURL=Draggable.styl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Draggable.styl.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|