@mirai/ui 2.1.2 → 2.1.4
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/build/components/Action/Action.js +25 -21
- package/build/components/Action/Action.js.map +1 -1
- package/build/components/Action/Action.stories.js +3 -2
- package/build/components/Action/Action.stories.js.map +1 -1
- package/build/components/Action/index.js +1 -1
- package/build/components/Action/index.js.map +1 -1
- package/build/components/Button/Button.js +32 -27
- package/build/components/Button/Button.js.map +1 -1
- package/build/components/Button/Button.stories.js +43 -22
- package/build/components/Button/Button.stories.js.map +1 -1
- package/build/components/Button/index.js +1 -1
- package/build/components/Button/index.js.map +1 -1
- package/build/components/Calendar/Calendar.Month.js +53 -43
- package/build/components/Calendar/Calendar.Month.js.map +1 -1
- package/build/components/Calendar/Calendar.Week.js +78 -51
- package/build/components/Calendar/Calendar.Week.js.map +1 -1
- package/build/components/Calendar/Calendar.Weekdays.js +11 -12
- package/build/components/Calendar/Calendar.Weekdays.js.map +1 -1
- package/build/components/Calendar/Calendar.constants.js +2 -2
- package/build/components/Calendar/Calendar.constants.js.map +1 -1
- package/build/components/Calendar/Calendar.js +143 -93
- package/build/components/Calendar/Calendar.js.map +1 -1
- package/build/components/Calendar/Calendar.stories.js +41 -23
- package/build/components/Calendar/Calendar.stories.js.map +1 -1
- package/build/components/Calendar/helpers/getFirstDateOfMonth.js +2 -3
- package/build/components/Calendar/helpers/getFirstDateOfMonth.js.map +1 -1
- package/build/components/Calendar/helpers/getFirstDateOfWeek.js +6 -7
- package/build/components/Calendar/helpers/getFirstDateOfWeek.js.map +1 -1
- package/build/components/Calendar/helpers/getFirstDayOfWeek.js +5 -6
- package/build/components/Calendar/helpers/getFirstDayOfWeek.js.map +1 -1
- package/build/components/Calendar/helpers/getHeader.js +4 -5
- package/build/components/Calendar/helpers/getHeader.js.map +1 -1
- package/build/components/Calendar/helpers/getMonthRef.js +8 -10
- package/build/components/Calendar/helpers/getMonthRef.js.map +1 -1
- package/build/components/Calendar/helpers/getScrollTo.js +15 -9
- package/build/components/Calendar/helpers/getScrollTo.js.map +1 -1
- package/build/components/Calendar/helpers/getToday.js +3 -2
- package/build/components/Calendar/helpers/getToday.js.map +1 -1
- package/build/components/Calendar/helpers/getWeekDays.js +7 -8
- package/build/components/Calendar/helpers/getWeekDays.js.map +1 -1
- package/build/components/Calendar/helpers/getWeekNumber.js +3 -4
- package/build/components/Calendar/helpers/getWeekNumber.js.map +1 -1
- package/build/components/Calendar/helpers/index.js +9 -9
- package/build/components/Calendar/helpers/index.js.map +1 -1
- package/build/components/Calendar/index.js +1 -1
- package/build/components/Calendar/index.js.map +1 -1
- package/build/components/Form/Form.constants.js +5 -5
- package/build/components/Form/Form.constants.js.map +1 -1
- package/build/components/Form/Form.js +109 -75
- package/build/components/Form/Form.js.map +1 -1
- package/build/components/Form/Form.stories.js +78 -45
- package/build/components/Form/Form.stories.js.map +1 -1
- package/build/components/Form/helpers/getChildrenErrors.js +19 -17
- package/build/components/Form/helpers/getChildrenErrors.js.map +1 -1
- package/build/components/Form/helpers/getChildrenValues.js +20 -14
- package/build/components/Form/helpers/getChildrenValues.js.map +1 -1
- package/build/components/Form/helpers/getField.js +4 -6
- package/build/components/Form/helpers/getField.js.map +1 -1
- package/build/components/Form/helpers/groupState.js +10 -9
- package/build/components/Form/helpers/groupState.js.map +1 -1
- package/build/components/Form/helpers/index.js +4 -4
- package/build/components/Form/helpers/index.js.map +1 -1
- package/build/components/Form/index.js +1 -1
- package/build/components/Form/index.js.map +1 -1
- package/build/components/InputDate/InputDate.js +31 -18
- package/build/components/InputDate/InputDate.js.map +1 -1
- package/build/components/InputDate/InputDate.stories.js +29 -16
- package/build/components/InputDate/InputDate.stories.js.map +1 -1
- package/build/components/InputDate/helpers/formatValue.js +13 -12
- package/build/components/InputDate/helpers/formatValue.js.map +1 -1
- package/build/components/InputDate/helpers/index.js +1 -1
- package/build/components/InputDate/helpers/index.js.map +1 -1
- package/build/components/InputDate/index.js +1 -1
- package/build/components/InputDate/index.js.map +1 -1
- package/build/components/InputNumber/InputNumber.js +37 -25
- package/build/components/InputNumber/InputNumber.js.map +1 -1
- package/build/components/InputNumber/InputNumber.stories.js +15 -6
- package/build/components/InputNumber/InputNumber.stories.js.map +1 -1
- package/build/components/InputNumber/index.js +1 -1
- package/build/components/InputNumber/index.js.map +1 -1
- package/build/components/InputOption/InputOption.constants.js +3 -3
- package/build/components/InputOption/InputOption.constants.js.map +1 -1
- package/build/components/InputOption/InputOption.js +26 -23
- package/build/components/InputOption/InputOption.js.map +1 -1
- package/build/components/InputOption/InputOption.stories.js +15 -6
- package/build/components/InputOption/InputOption.stories.js.map +1 -1
- package/build/components/InputOption/index.js +2 -2
- package/build/components/InputOption/index.js.map +1 -1
- package/build/components/InputPhone/InputPhone.js +114 -72
- package/build/components/InputPhone/InputPhone.js.map +1 -1
- package/build/components/InputPhone/InputPhone.stories.js +40 -20
- package/build/components/InputPhone/InputPhone.stories.js.map +1 -1
- package/build/components/InputPhone/helpers/index.js +2 -2
- package/build/components/InputPhone/helpers/index.js.map +1 -1
- package/build/components/InputPhone/helpers/parseValue.js +17 -9
- package/build/components/InputPhone/helpers/parseValue.js.map +1 -1
- package/build/components/InputPhone/helpers/sanitizePrefixes.js +12 -5
- package/build/components/InputPhone/helpers/sanitizePrefixes.js.map +1 -1
- package/build/components/InputPhone/index.js +1 -1
- package/build/components/InputPhone/index.js.map +1 -1
- package/build/components/InputSelect/InputSelect.js +49 -28
- package/build/components/InputSelect/InputSelect.js.map +1 -1
- package/build/components/InputSelect/InputSelect.stories.js +21 -10
- package/build/components/InputSelect/InputSelect.stories.js.map +1 -1
- package/build/components/InputSelect/index.js +1 -1
- package/build/components/InputSelect/index.js.map +1 -1
- package/build/components/InputSelect/partials/InputSelect.Expand.js +2 -3
- package/build/components/InputSelect/partials/InputSelect.Expand.js.map +1 -1
- package/build/components/InputSelect/partials/index.js +1 -1
- package/build/components/InputSelect/partials/index.js.map +1 -1
- package/build/components/InputText/InputText.js +69 -38
- package/build/components/InputText/InputText.js.map +1 -1
- package/build/components/InputText/InputText.stories.js +33 -16
- package/build/components/InputText/InputText.stories.js.map +1 -1
- package/build/components/InputText/index.js +1 -1
- package/build/components/InputText/index.js.map +1 -1
- package/build/components/InputText/partials/InputText.Hint.js +8 -8
- package/build/components/InputText/partials/InputText.Hint.js.map +1 -1
- package/build/components/InputText/partials/InputText.IconState.js +4 -7
- package/build/components/InputText/partials/InputText.IconState.js.map +1 -1
- package/build/components/InputText/partials/InputText.Label.js +13 -12
- package/build/components/InputText/partials/InputText.Label.js.map +1 -1
- package/build/components/InputText/partials/index.js +3 -3
- package/build/components/InputText/partials/index.js.map +1 -1
- package/build/components/Menu/Menu.Option.js +12 -12
- package/build/components/Menu/Menu.Option.js.map +1 -1
- package/build/components/Menu/Menu.js +39 -29
- package/build/components/Menu/Menu.js.map +1 -1
- package/build/components/Menu/Menu.stories.js +18 -7
- package/build/components/Menu/Menu.stories.js.map +1 -1
- package/build/components/Menu/index.js +1 -1
- package/build/components/Menu/index.js.map +1 -1
- package/build/components/Modal/Modal.constants.js +2 -2
- package/build/components/Modal/Modal.constants.js.map +1 -1
- package/build/components/Modal/Modal.js +91 -60
- package/build/components/Modal/Modal.js.map +1 -1
- package/build/components/Modal/Modal.stories.js +31 -13
- package/build/components/Modal/Modal.stories.js.map +1 -1
- package/build/components/Modal/index.js +2 -2
- package/build/components/Modal/index.js.map +1 -1
- package/build/components/Notification/Notification.js +20 -19
- package/build/components/Notification/Notification.js.map +1 -1
- package/build/components/Notification/Notification.stories.js +13 -12
- package/build/components/Notification/Notification.stories.js.map +1 -1
- package/build/components/Notification/index.js +1 -1
- package/build/components/Notification/index.js.map +1 -1
- package/build/components/Progress/Progress.js +12 -9
- package/build/components/Progress/Progress.js.map +1 -1
- package/build/components/Progress/Progress.stories.js +4 -3
- package/build/components/Progress/Progress.stories.js.map +1 -1
- package/build/components/Progress/index.js +1 -1
- package/build/components/Progress/index.js.map +1 -1
- package/build/components/Slider/Slider.Item.js +19 -13
- package/build/components/Slider/Slider.Item.js.map +1 -1
- package/build/components/Slider/Slider.constants.js +2 -2
- package/build/components/Slider/Slider.constants.js.map +1 -1
- package/build/components/Slider/Slider.js +126 -76
- package/build/components/Slider/Slider.js.map +1 -1
- package/build/components/Slider/Slider.stories.js +26 -23
- package/build/components/Slider/Slider.stories.js.map +1 -1
- package/build/components/Slider/index.js +1 -1
- package/build/components/Slider/index.js.map +1 -1
- package/build/components/Table/Table.ColumnFilter.js +111 -74
- package/build/components/Table/Table.ColumnFilter.js.map +1 -1
- package/build/components/Table/Table.Filter.js +38 -29
- package/build/components/Table/Table.Filter.js.map +1 -1
- package/build/components/Table/Table.Row.js +61 -46
- package/build/components/Table/Table.Row.js.map +1 -1
- package/build/components/Table/Table.constants.js +3 -3
- package/build/components/Table/Table.constants.js.map +1 -1
- package/build/components/Table/Table.js +106 -75
- package/build/components/Table/Table.js.map +1 -1
- package/build/components/Table/Table.stories.js +61 -33
- package/build/components/Table/Table.stories.js.map +1 -1
- package/build/components/Table/helpers/index.js +2 -2
- package/build/components/Table/helpers/index.js.map +1 -1
- package/build/components/Table/helpers/select.js +67 -55
- package/build/components/Table/helpers/select.js.map +1 -1
- package/build/components/Table/helpers/storage.js +5 -5
- package/build/components/Table/helpers/storage.js.map +1 -1
- package/build/components/Table/index.js +1 -1
- package/build/components/Table/index.js.map +1 -1
- package/build/components/Tooltip/Tooltip.js +72 -50
- package/build/components/Tooltip/Tooltip.js.map +1 -1
- package/build/components/Tooltip/Tooltip.stories.js +96 -85
- package/build/components/Tooltip/Tooltip.stories.js.map +1 -1
- package/build/components/Tooltip/helpers/index.js +1 -1
- package/build/components/Tooltip/helpers/index.js.map +1 -1
- package/build/components/Tooltip/helpers/isPressableInstance.js +5 -7
- package/build/components/Tooltip/helpers/isPressableInstance.js.map +1 -1
- package/build/components/Tooltip/index.js +1 -1
- package/build/components/Tooltip/index.js.map +1 -1
- package/build/components/index.js +17 -17
- package/build/components/index.js.map +1 -1
- package/build/helpers/CustomElement.js +27 -10
- package/build/helpers/CustomElement.js.map +1 -1
- package/build/helpers/getIconState.js +5 -7
- package/build/helpers/getIconState.js.map +1 -1
- package/build/helpers/getInputDateErrors.js +10 -11
- package/build/helpers/getInputDateErrors.js.map +1 -1
- package/build/helpers/getInputErrors.js +27 -26
- package/build/helpers/getInputErrors.js.map +1 -1
- package/build/helpers/getInputPhoneErrors.js +13 -12
- package/build/helpers/getInputPhoneErrors.js.map +1 -1
- package/build/helpers/getNavigator.js +8 -9
- package/build/helpers/getNavigator.js.map +1 -1
- package/build/helpers/index.js +9 -9
- package/build/helpers/index.js.map +1 -1
- package/build/helpers/isJest.js +5 -4
- package/build/helpers/isJest.js.map +1 -1
- package/build/helpers/isPlaywright.js +3 -3
- package/build/helpers/isPlaywright.js.map +1 -1
- package/build/helpers/isValidDate.js +38 -22
- package/build/helpers/isValidDate.js.map +1 -1
- package/build/helpers/isValidEmail.js +3 -4
- package/build/helpers/isValidEmail.js.map +1 -1
- package/build/helpers/isValidPhone.js +8 -10
- package/build/helpers/isValidPhone.js.map +1 -1
- package/build/helpers/styles.js +7 -4
- package/build/helpers/styles.js.map +1 -1
- package/build/hooks/helpers/getResolution.js +6 -6
- package/build/hooks/helpers/getResolution.js.map +1 -1
- package/build/hooks/helpers/index.js +2 -2
- package/build/hooks/helpers/index.js.map +1 -1
- package/build/hooks/helpers/sanitizePx.js +3 -2
- package/build/hooks/helpers/sanitizePx.js.map +1 -1
- package/build/hooks/index.js +1 -1
- package/build/hooks/index.js.map +1 -1
- package/build/hooks/useDevice.js +35 -19
- package/build/hooks/useDevice.js.map +1 -1
- package/build/hooks/useDevice.stories.js +13 -6
- package/build/hooks/useDevice.stories.js.map +1 -1
- package/build/index.js +5 -5
- package/build/index.js.map +1 -1
- package/build/primitives/Checkbox/Checkbox.js +17 -18
- package/build/primitives/Checkbox/Checkbox.js.map +1 -1
- package/build/primitives/Checkbox/Checkbox.stories.js +15 -6
- package/build/primitives/Checkbox/Checkbox.stories.js.map +1 -1
- package/build/primitives/Checkbox/index.js +1 -1
- package/build/primitives/Checkbox/index.js.map +1 -1
- package/build/primitives/Icon/Icon.constants.js +1 -1
- package/build/primitives/Icon/Icon.constants.js.map +1 -1
- package/build/primitives/Icon/Icon.js +29 -24
- package/build/primitives/Icon/Icon.js.map +1 -1
- package/build/primitives/Icon/Icon.stories.js +8 -7
- package/build/primitives/Icon/Icon.stories.js.map +1 -1
- package/build/primitives/Icon/index.js +2 -2
- package/build/primitives/Icon/index.js.map +1 -1
- package/build/primitives/Input/Input.js +55 -43
- package/build/primitives/Input/Input.js.map +1 -1
- package/build/primitives/Input/Input.stories.js +24 -12
- package/build/primitives/Input/Input.stories.js.map +1 -1
- package/build/primitives/Input/helpers/index.js +1 -1
- package/build/primitives/Input/helpers/index.js.map +1 -1
- package/build/primitives/Input/helpers/parseValue.js +5 -6
- package/build/primitives/Input/helpers/parseValue.js.map +1 -1
- package/build/primitives/Input/index.js +1 -1
- package/build/primitives/Input/index.js.map +1 -1
- package/build/primitives/Layer/Layer.js +89 -77
- package/build/primitives/Layer/Layer.js.map +1 -1
- package/build/primitives/Layer/Layer.stories.js +9 -8
- package/build/primitives/Layer/Layer.stories.js.map +1 -1
- package/build/primitives/Layer/LayerContent.js +2 -5
- package/build/primitives/Layer/LayerContent.js.map +1 -1
- package/build/primitives/Layer/helpers/getElementLayout.js +9 -13
- package/build/primitives/Layer/helpers/getElementLayout.js.map +1 -1
- package/build/primitives/Layer/helpers/getLayerPosition.js +65 -64
- package/build/primitives/Layer/helpers/getLayerPosition.js.map +1 -1
- package/build/primitives/Layer/helpers/getModalParent.js +8 -10
- package/build/primitives/Layer/helpers/getModalParent.js.map +1 -1
- package/build/primitives/Layer/helpers/getScrollParent.js +4 -6
- package/build/primitives/Layer/helpers/getScrollParent.js.map +1 -1
- package/build/primitives/Layer/helpers/index.js +5 -5
- package/build/primitives/Layer/helpers/index.js.map +1 -1
- package/build/primitives/Layer/helpers/isComponentFixed.js +20 -10
- package/build/primitives/Layer/helpers/isComponentFixed.js.map +1 -1
- package/build/primitives/Layer/index.js +2 -2
- package/build/primitives/Layer/index.js.map +1 -1
- package/build/primitives/Pressable/Pressable.constants.js +1 -1
- package/build/primitives/Pressable/Pressable.constants.js.map +1 -1
- package/build/primitives/Pressable/Pressable.js +41 -33
- package/build/primitives/Pressable/Pressable.js.map +1 -1
- package/build/primitives/Pressable/Pressable.stories.js +5 -4
- package/build/primitives/Pressable/Pressable.stories.js.map +1 -1
- package/build/primitives/Pressable/index.js +1 -1
- package/build/primitives/Pressable/index.js.map +1 -1
- package/build/primitives/Primitive/Primitive.constants.js +4 -4
- package/build/primitives/Primitive/Primitive.constants.js.map +1 -1
- package/build/primitives/Primitive/Primitive.js +24 -18
- package/build/primitives/Primitive/Primitive.js.map +1 -1
- package/build/primitives/Primitive/Primitive.stories.js +7 -6
- package/build/primitives/Primitive/Primitive.stories.js.map +1 -1
- package/build/primitives/Primitive/helpers/getProps.js +17 -9
- package/build/primitives/Primitive/helpers/getProps.js.map +1 -1
- package/build/primitives/Primitive/helpers/getTag.js +4 -5
- package/build/primitives/Primitive/helpers/getTag.js.map +1 -1
- package/build/primitives/Primitive/helpers/index.js +2 -2
- package/build/primitives/Primitive/helpers/index.js.map +1 -1
- package/build/primitives/Primitive/index.js +1 -1
- package/build/primitives/Primitive/index.js.map +1 -1
- package/build/primitives/Radio/Radio.js +14 -11
- package/build/primitives/Radio/Radio.js.map +1 -1
- package/build/primitives/Radio/Radio.stories.js +15 -6
- package/build/primitives/Radio/Radio.stories.js.map +1 -1
- package/build/primitives/Radio/index.js +1 -1
- package/build/primitives/Radio/index.js.map +1 -1
- package/build/primitives/ScrollView/ScrollView.js +85 -62
- package/build/primitives/ScrollView/ScrollView.js.map +1 -1
- package/build/primitives/ScrollView/ScrollView.stories.js +13 -11
- package/build/primitives/ScrollView/ScrollView.stories.js.map +1 -1
- package/build/primitives/ScrollView/index.js +1 -1
- package/build/primitives/ScrollView/index.js.map +1 -1
- package/build/primitives/Select/Select.js +49 -41
- package/build/primitives/Select/Select.js.map +1 -1
- package/build/primitives/Select/Select.stories.js +24 -12
- package/build/primitives/Select/Select.stories.js.map +1 -1
- package/build/primitives/Select/index.js +1 -1
- package/build/primitives/Select/index.js.map +1 -1
- package/build/primitives/Switch/Switch.js +13 -12
- package/build/primitives/Switch/Switch.js.map +1 -1
- package/build/primitives/Switch/Switch.stories.js +15 -6
- package/build/primitives/Switch/Switch.stories.js.map +1 -1
- package/build/primitives/Switch/index.js +1 -1
- package/build/primitives/Switch/index.js.map +1 -1
- package/build/primitives/Text/Text.js +43 -33
- package/build/primitives/Text/Text.js.map +1 -1
- package/build/primitives/Text/Text.stories.js +6 -6
- package/build/primitives/Text/Text.stories.js.map +1 -1
- package/build/primitives/Text/helpers/color.js +11 -13
- package/build/primitives/Text/helpers/color.js.map +1 -1
- package/build/primitives/Text/helpers/index.js +2 -2
- package/build/primitives/Text/helpers/index.js.map +1 -1
- package/build/primitives/Text/helpers/parseMarkdown.js +52 -41
- package/build/primitives/Text/helpers/parseMarkdown.js.map +1 -1
- package/build/primitives/Text/index.js +1 -1
- package/build/primitives/Text/index.js.map +1 -1
- package/build/primitives/View/View.js +20 -13
- package/build/primitives/View/View.js.map +1 -1
- package/build/primitives/View/View.stories.js +7 -6
- package/build/primitives/View/View.stories.js.map +1 -1
- package/build/primitives/View/index.js +1 -1
- package/build/primitives/View/index.js.map +1 -1
- package/build/primitives/index.js +12 -12
- package/build/primitives/index.js.map +1 -1
- package/build/theme/helpers/camelcase.js +5 -4
- package/build/theme/helpers/camelcase.js.map +1 -1
- package/build/theme/helpers/index.js +2 -2
- package/build/theme/helpers/index.js.map +1 -1
- package/build/theme/helpers/palette.js +32 -19
- package/build/theme/helpers/palette.js.map +1 -1
- package/build/theme/index.js +2 -2
- package/build/theme/index.js.map +1 -1
- package/build/theme/theme.constants.js +5 -5
- package/build/theme/theme.constants.js.map +1 -1
- package/build/theme/theme.js +81 -59
- package/build/theme/theme.js.map +1 -1
- package/build/theme/theme.stories.js +29 -19
- package/build/theme/theme.stories.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","names":["_propTypes","_interopRequireDefault","require","_react","_helpers","_hooks","_primitives","_Modal","_MenuModule","_Menu","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Menu","_ref","children","options","Template","Option","title","visible","onPress","others","
|
|
1
|
+
{"version":3,"file":"Menu.js","names":["_propTypes","_interopRequireDefault","require","_react","_helpers","_hooks","_primitives","_Modal","_MenuModule","_Menu","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","s","includes","propertyIsEnumerable","Menu","exports","_ref","children","_ref$options","options","_ref$Template","Template","Option","title","visible","_ref$onPress","onPress","others","_useDevice","useDevice","isMobile","testId","renderOptions","filter","option","map","undefined","index","createElement","key","event","value","concat","Layer","forceRender","tag","className","styles","style","menu","LayerContent","Fragment","Modal","onClose","onOverflow","displayName","propTypes","PropTypes","node","arrayOf","shape","disabled","bool","divider","icon","func","label","string","oneOfType","number","any"],"sources":["../../../src/components/Menu/Menu.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Layer, LayerContent } from '../../primitives';\nimport { Modal } from '../Modal';\nimport style from './Menu.module.css';\nimport { Option } from './Menu.Option';\n\nconst Menu = ({ children, options = [], Template = Option, title, visible, onPress = () => {}, ...others }) => {\n const { isMobile } = useDevice();\n\n const { testId } = others;\n\n const renderOptions = () =>\n options\n .filter((option) => !!option)\n .map((option = {}, index) => (\n <Template\n {...option}\n key={index}\n onPress={(event) => onPress(option.value, event)}\n testId={testId ? `${testId}-${index}` : undefined}\n />\n ));\n\n return !isMobile ? (\n <Layer\n forceRender={false}\n {...others}\n tag=\"menu\"\n visible={visible}\n className={styles(style.menu, visible && style.visible, others.className)}\n >\n {children}\n <LayerContent>{renderOptions()}</LayerContent>\n </Layer>\n ) : (\n <>\n {children}\n <Modal\n title={title}\n visible={visible}\n onClose={(event) => onPress(undefined, event)}\n onOverflow={(event) => onPress(undefined, event)}\n className={styles(style.menu, others.className)}\n testId={testId ? `${testId}-modal` : undefined}\n >\n {renderOptions()}\n </Modal>\n </>\n );\n};\n\nMenu.displayName = 'Component:Menu';\n\nMenu.propTypes = {\n children: PropTypes.node,\n options: PropTypes.arrayOf(\n PropTypes.shape({\n children: PropTypes.node,\n disabled: PropTypes.bool,\n divider: PropTypes.bool,\n icon: PropTypes.func,\n label: PropTypes.string,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n }),\n ),\n Template: PropTypes.any,\n title: PropTypes.string,\n visible: PropTypes.bool,\n onPress: PropTypes.func,\n};\n\nexport { Menu };\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,31 +8,42 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _ = require("../");
|
|
9
9
|
var _2 = require("../..");
|
|
10
10
|
var _Menu = require("./Menu");
|
|
11
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
12
12
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
13
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
14
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
15
|
+
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."); }
|
|
16
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
17
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
18
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
19
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
14
20
|
var _default = exports.default = {
|
|
15
21
|
title: 'Components'
|
|
16
22
|
};
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
23
|
+
var Story = exports.Story = function Story(props) {
|
|
24
|
+
var _useState = (0, _react.useState)(false),
|
|
25
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
26
|
+
visible = _useState2[0],
|
|
27
|
+
setVisible = _useState2[1];
|
|
28
|
+
var handlePress = function handlePress(value) {
|
|
29
|
+
var _console;
|
|
20
30
|
for (var _len = arguments.length, others = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
21
31
|
others[_key - 1] = arguments[_key];
|
|
22
32
|
}
|
|
23
|
-
console.log('<Menu>::onPress', value
|
|
33
|
+
(_console = console).log.apply(_console, ['<Menu>::onPress', value].concat(others));
|
|
24
34
|
if (!value) setVisible(false);
|
|
25
35
|
};
|
|
26
36
|
return /*#__PURE__*/_react.default.createElement(_Menu.Menu, _extends({}, props, {
|
|
27
37
|
visible: visible,
|
|
28
38
|
onPress: handlePress
|
|
29
39
|
}), /*#__PURE__*/_react.default.createElement(_2.Action, {
|
|
30
|
-
onPress: ()
|
|
40
|
+
onPress: function onPress() {
|
|
41
|
+
return setVisible(!visible);
|
|
42
|
+
}
|
|
31
43
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
32
44
|
className: "children"
|
|
33
45
|
}, "children")));
|
|
34
46
|
};
|
|
35
|
-
exports.Story = Story;
|
|
36
47
|
Story.storyName = 'Menu';
|
|
37
48
|
Story.args = {
|
|
38
49
|
options: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.stories.js","names":["_react","_interopRequireWildcard","require","_","_2","_Menu","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_default","exports","title","Story","props","
|
|
1
|
+
{"version":3,"file":"Menu.stories.js","names":["_react","_interopRequireWildcard","require","_","_2","_Menu","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","Symbol","iterator","f","o","next","done","push","value","return","isArray","_default","exports","title","Story","props","_useState","useState","_useState2","visible","setVisible","handlePress","_console","_len","others","_key","console","log","concat","createElement","Menu","onPress","Action","className","storyName","args","options","children","Fragment","Text","bold","divider","undefined","label","icon","ICON","ADD","testId","disabled","Button","small","secondary","wide","style","argTypes"],"sources":["../../../src/components/Menu/Menu.stories.jsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Button } from '../';\nimport { Action, ICON, Text } from '../..';\nimport { Menu } from './Menu';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => {\n const [visible, setVisible] = useState(false);\n\n const handlePress = (value, ...others) => {\n console.log('<Menu>::onPress', value, ...others);\n if (!value) setVisible(false);\n };\n\n return (\n <Menu {...props} visible={visible} onPress={handlePress}>\n <Action onPress={() => setVisible(!visible)}>\n <span className=\"children\">children</span>\n </Action>\n </Menu>\n );\n};\n\nStory.storyName = 'Menu';\n\nStory.args = {\n options: [\n {\n children: (\n <>\n <Text bold>Lorem</Text>\n <Text>Ipsum is simply dummy text...</Text>\n </>\n ),\n divider: true,\n },\n undefined,\n { label: 'Lorem Ipsum is simply dummy text...', divider: true },\n undefined,\n undefined,\n { icon: ICON.ADD, label: 'Item 1', value: 'one', testId: 'custom-test' },\n { icon: ICON.ADD, label: 'Item 2', disabled: true, value: 'two' },\n { label: 'Item 3', divider: true, value: 'three' },\n { label: 'Item 4', children: <Button small>Add</Button>, value: 'four' },\n {\n children: (\n <Button secondary wide>\n Logout\n </Button>\n ),\n },\n ],\n title: 'title',\n // inherited properties\n testId: 'test-story',\n style: {},\n};\n\nStory.argTypes = {};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_Menu","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../src/components/Menu/index.js"],"sourcesContent":["export * from './Menu';\n"],"mappings":";;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,KAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["_Menu","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../src/components/Menu/index.js"],"sourcesContent":["export * from './Menu';\n"],"mappings":";;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,KAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,KAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
|
@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.UNLOAD_DELAY = exports.EVENT_VISIBLE = void 0;
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
var EVENT_VISIBLE = exports.EVENT_VISIBLE = 'Component:Modal:visible';
|
|
8
|
+
var UNLOAD_DELAY = exports.UNLOAD_DELAY = 500;
|
|
9
9
|
//# sourceMappingURL=Modal.constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.constants.js","names":["EVENT_VISIBLE","exports","UNLOAD_DELAY"],"sources":["../../../src/components/Modal/Modal.constants.js"],"sourcesContent":["const EVENT_VISIBLE = 'Component:Modal:visible';\n\nconst UNLOAD_DELAY = 500;\n\nexport { EVENT_VISIBLE, UNLOAD_DELAY };\n"],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Modal.constants.js","names":["EVENT_VISIBLE","exports","UNLOAD_DELAY"],"sources":["../../../src/components/Modal/Modal.constants.js"],"sourcesContent":["const EVENT_VISIBLE = 'Component:Modal:visible';\n\nconst UNLOAD_DELAY = 500;\n\nexport { EVENT_VISIBLE, UNLOAD_DELAY };\n"],"mappings":";;;;;;AAAA,IAAMA,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,yBAAyB;AAE/C,IAAME,YAAY,GAAAD,OAAA,CAAAC,YAAA,GAAG,GAAG","ignoreList":[]}
|
|
@@ -14,78 +14,108 @@ var _helpers = require("../../helpers");
|
|
|
14
14
|
var _hooks = require("../../hooks");
|
|
15
15
|
var _primitives = require("../../primitives");
|
|
16
16
|
var _theme = require("../../theme");
|
|
17
|
-
|
|
17
|
+
var _excluded = ["blur", "children", "displayName", "fit", "mobileBehavior", "overflow", "portal", "preventDefault", "title", "visible", "onBack", "onClose", "onOverflow", "aria"];
|
|
18
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
18
19
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
19
20
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
20
21
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
22
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
23
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
24
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
25
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
26
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
27
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
28
|
+
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."); }
|
|
29
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
30
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
31
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
32
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
33
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
34
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
21
35
|
// import { Event } from '@mirai/data-sources';
|
|
22
|
-
|
|
23
|
-
publish: ()
|
|
24
|
-
subscribe: ()
|
|
36
|
+
var Event = {
|
|
37
|
+
publish: function publish() {},
|
|
38
|
+
subscribe: function subscribe() {}
|
|
25
39
|
};
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
blur = false,
|
|
29
|
-
children,
|
|
30
|
-
displayName,
|
|
31
|
-
fit =
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
40
|
+
var Modal = exports.Modal = function Modal(_ref) {
|
|
41
|
+
var _ref$blur = _ref.blur,
|
|
42
|
+
blur = _ref$blur === void 0 ? false : _ref$blur,
|
|
43
|
+
children = _ref.children,
|
|
44
|
+
displayName = _ref.displayName,
|
|
45
|
+
_ref$fit = _ref.fit,
|
|
46
|
+
fit = _ref$fit === void 0 ? false : _ref$fit,
|
|
47
|
+
_ref$mobileBehavior = _ref.mobileBehavior,
|
|
48
|
+
mobileBehavior = _ref$mobileBehavior === void 0 ? false : _ref$mobileBehavior,
|
|
49
|
+
_ref$overflow = _ref.overflow,
|
|
50
|
+
overflow = _ref$overflow === void 0 ? true : _ref$overflow,
|
|
51
|
+
_ref$portal = _ref.portal,
|
|
52
|
+
portal = _ref$portal === void 0 ? false : _ref$portal,
|
|
53
|
+
_ref$preventDefault = _ref.preventDefault,
|
|
54
|
+
preventDefault = _ref$preventDefault === void 0 ? true : _ref$preventDefault,
|
|
55
|
+
title = _ref.title,
|
|
56
|
+
visible = _ref.visible,
|
|
57
|
+
onBack = _ref.onBack,
|
|
58
|
+
onClose = _ref.onClose,
|
|
59
|
+
onOverflow = _ref.onOverflow,
|
|
60
|
+
_ref$aria = _ref.aria,
|
|
61
|
+
_ref$aria2 = _ref$aria === void 0 ? {} : _ref$aria,
|
|
62
|
+
_ref$aria2$buttonBack = _ref$aria2.buttonBack,
|
|
63
|
+
ariaBack = _ref$aria2$buttonBack === void 0 ? 'Back' : _ref$aria2$buttonBack,
|
|
64
|
+
_ref$aria2$buttonClos = _ref$aria2.buttonClose,
|
|
65
|
+
ariaClose = _ref$aria2$buttonClos === void 0 ? 'Close' : _ref$aria2$buttonClos,
|
|
66
|
+
others = _objectWithoutProperties(_ref, _excluded);
|
|
67
|
+
var _useDevice = (0, _hooks.useDevice)(),
|
|
68
|
+
isDesktop = _useDevice.isDesktop,
|
|
69
|
+
isMobile = _useDevice.isMobile,
|
|
70
|
+
height = _useDevice.height;
|
|
71
|
+
var ref = (0, _react.useRef)();
|
|
72
|
+
var _useState = (0, _react.useState)(),
|
|
73
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
74
|
+
dataset = _useState2[0],
|
|
75
|
+
setDataset = _useState2[1];
|
|
76
|
+
var _useState3 = (0, _react.useState)(_helpers.IS_JEST),
|
|
77
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
78
|
+
instance = _useState4[0],
|
|
79
|
+
setInstance = _useState4[1];
|
|
80
|
+
(0, _react.useEffect)(function () {
|
|
56
81
|
if (_helpers.IS_JEST) return;
|
|
57
|
-
!instance && visible ? setInstance(visible) : instance && !visible ? setTimeout(
|
|
82
|
+
!instance && visible ? setInstance(visible) : instance && !visible ? setTimeout(function () {
|
|
83
|
+
return setInstance(visible);
|
|
84
|
+
}, _Modal.UNLOAD_DELAY) : null;
|
|
58
85
|
|
|
59
86
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
60
87
|
}, [!instance, visible]);
|
|
61
|
-
(0, _react.useEffect)(()
|
|
88
|
+
(0, _react.useEffect)(function () {
|
|
62
89
|
if (!visible || !onClose) return;
|
|
63
90
|
Event.publish(_Modal.EVENT_VISIBLE, {
|
|
64
91
|
visible,
|
|
65
92
|
displayName
|
|
66
93
|
});
|
|
67
|
-
|
|
94
|
+
var handleKeydown = function handleKeydown(event) {
|
|
95
|
+
return event.key === 'Escape' && handleClose();
|
|
96
|
+
};
|
|
68
97
|
document.addEventListener('keydown', handleKeydown);
|
|
69
|
-
return ()
|
|
98
|
+
return function () {
|
|
99
|
+
return document.removeEventListener('keydown', handleKeydown);
|
|
100
|
+
};
|
|
70
101
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
71
102
|
}, [visible]);
|
|
72
|
-
(0, _react.useEffect)(()
|
|
103
|
+
(0, _react.useEffect)(function () {
|
|
73
104
|
if (visible && !dataset) {
|
|
74
105
|
setDataset(true);
|
|
75
106
|
document.body.dataset.miraiModal = true;
|
|
76
107
|
}
|
|
77
|
-
return ()
|
|
108
|
+
return function () {
|
|
78
109
|
if (visible && dataset) {
|
|
79
110
|
setDataset(undefined);
|
|
80
111
|
delete document.body.dataset.miraiModal;
|
|
81
112
|
}
|
|
82
113
|
};
|
|
83
114
|
}, [dataset, visible]);
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
if (onOverflow && !ref.current?.contains(target)) {
|
|
115
|
+
var handleOverflow = function handleOverflow(event) {
|
|
116
|
+
var _ref$current;
|
|
117
|
+
var target = event.target;
|
|
118
|
+
if (onOverflow && !((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(target))) {
|
|
89
119
|
Event.publish(_Modal.EVENT_VISIBLE, {
|
|
90
120
|
visible: false,
|
|
91
121
|
displayName
|
|
@@ -93,18 +123,18 @@ const Modal = _ref => {
|
|
|
93
123
|
onOverflow(event);
|
|
94
124
|
}
|
|
95
125
|
};
|
|
96
|
-
|
|
126
|
+
var handleClose = function handleClose(event) {
|
|
97
127
|
Event.publish(_Modal.EVENT_VISIBLE, {
|
|
98
128
|
visible: false,
|
|
99
129
|
displayName
|
|
100
130
|
});
|
|
101
131
|
onClose(event);
|
|
102
132
|
};
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
133
|
+
var defaultDirection = _theme.Theme.getDirection() === _theme.DIRECTION_TYPE.LEFT;
|
|
134
|
+
var renderer = _helpers.IS_JEST || !portal ? function (jsx) {
|
|
135
|
+
return jsx;
|
|
136
|
+
} : _reactDom.default.createPortal;
|
|
137
|
+
var testId = others.testId;
|
|
108
138
|
return renderer(/*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
|
|
109
139
|
preventDefault: preventDefault,
|
|
110
140
|
tag: "modal-overflow",
|
|
@@ -113,7 +143,7 @@ const Modal = _ref => {
|
|
|
113
143
|
style: {
|
|
114
144
|
height
|
|
115
145
|
},
|
|
116
|
-
testId: testId && overflow ?
|
|
146
|
+
testId: testId && overflow ? "".concat(testId, "-overflow") : undefined
|
|
117
147
|
}, /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
|
|
118
148
|
fit: true,
|
|
119
149
|
ref: ref,
|
|
@@ -129,7 +159,7 @@ const Modal = _ref => {
|
|
|
129
159
|
transparent: true,
|
|
130
160
|
onPress: onBack,
|
|
131
161
|
"aria-label": ariaBack,
|
|
132
|
-
testId: testId ?
|
|
162
|
+
testId: testId ? "".concat(testId, "-button-back") : undefined
|
|
133
163
|
}, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
|
|
134
164
|
value: _primitives.ICON.LEFT,
|
|
135
165
|
className: _ModalModule.default.icon
|
|
@@ -142,17 +172,18 @@ const Modal = _ref => {
|
|
|
142
172
|
transparent: true,
|
|
143
173
|
onPress: handleClose,
|
|
144
174
|
"aria-label": ariaClose,
|
|
145
|
-
testId: testId ?
|
|
175
|
+
testId: testId ? "".concat(testId, "-button-close") : undefined
|
|
146
176
|
}, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
|
|
147
177
|
value: _primitives.ICON.CLOSE,
|
|
148
178
|
className: _ModalModule.default.icon
|
|
149
|
-
}))), instance && _react.default.Children.map(children, (child, index)
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
179
|
+
}))), instance && _react.default.Children.map(children, function (child, index) {
|
|
180
|
+
return !child || child === null ? null : /*#__PURE__*/_react.default.cloneElement(child, _objectSpread(_objectSpread({
|
|
181
|
+
key: child.key || index
|
|
182
|
+
}, child.props), {}, {
|
|
183
|
+
role: 'modal-content'
|
|
184
|
+
}));
|
|
185
|
+
}))), document.body);
|
|
154
186
|
};
|
|
155
|
-
exports.Modal = Modal;
|
|
156
187
|
Modal.displayName = 'Component:Modal';
|
|
157
188
|
Modal.propTypes = {
|
|
158
189
|
blur: _propTypes.default.bool,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","names":["_propTypes","_interopRequireDefault","require","_react","_interopRequireWildcard","_reactDom","_Modal","_ModalModule","_components","_helpers","_hooks","_primitives","_theme","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Event","publish","subscribe","Modal","_ref","blur","children","displayName","fit","mobileBehavior","overflow","portal","preventDefault","title","visible","onBack","onClose","onOverflow","aria","buttonBack","ariaBack","buttonClose","ariaClose","others","isDesktop","isMobile","height","useDevice","ref","useRef","dataset","setDataset","useState","instance","setInstance","IS_JEST","useEffect","setTimeout","UNLOAD_DELAY","EVENT_VISIBLE","handleKeydown","event","key","handleClose","document","addEventListener","removeEventListener","body","miraiModal","undefined","handleOverflow","target","current","contains","defaultDirection","Theme","getDirection","DIRECTION_TYPE","LEFT","renderer","jsx","ReactDOM","createPortal","testId","createElement","Pressable","tag","onPress","className","styles","style","container","View","modal","calcWidth","row","header","reverse","hideBack","hideClose","Button","small","squared","transparent","Icon","value","ICON","icon","Text","headline","CLOSE","React","Children","map","child","index","cloneElement","props","role","exports","propTypes","PropTypes","bool","node","string","func","shape"],"sources":["../../../src/components/Modal/Modal.jsx"],"sourcesContent":["// import { Event } from '@mirai/data-sources';\nconst Event = {\n publish: () => {},\n subscribe: () => {},\n};\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { EVENT_VISIBLE, UNLOAD_DELAY } from './Modal.constants';\nimport style from './Modal.module.css';\nimport { Button } from '../../components';\nimport { IS_JEST, styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport { DIRECTION_TYPE, Theme } from '../../theme';\n\nconst Modal = ({\n blur = false,\n children,\n displayName,\n fit = false,\n mobileBehavior = false,\n overflow = true,\n portal = false,\n preventDefault = true,\n title,\n visible,\n onBack,\n onClose,\n onOverflow,\n aria: { buttonBack: ariaBack = 'Back', buttonClose: ariaClose = 'Close' } = {},\n ...others\n}) => {\n const { isDesktop, isMobile, height } = useDevice();\n const ref = useRef();\n\n const [dataset, setDataset] = useState();\n const [instance, setInstance] = useState(IS_JEST);\n\n useEffect(() => {\n if (IS_JEST) return;\n\n !instance && visible\n ? setInstance(visible)\n : instance && !visible\n ? setTimeout(() => setInstance(visible), UNLOAD_DELAY)\n : null;\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [!instance, visible]);\n\n useEffect(() => {\n if (!visible || !onClose) return;\n Event.publish(EVENT_VISIBLE, { visible, displayName });\n\n const handleKeydown = (event) => event.key === 'Escape' && handleClose();\n\n document.addEventListener('keydown', handleKeydown);\n return () => document.removeEventListener('keydown', handleKeydown);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [visible]);\n\n useEffect(() => {\n if (visible && !dataset) {\n setDataset(true);\n document.body.dataset.miraiModal = true;\n }\n\n return () => {\n if (visible && dataset) {\n setDataset(undefined);\n delete document.body.dataset.miraiModal;\n }\n };\n }, [dataset, visible]);\n\n const handleOverflow = (event) => {\n const { target } = event;\n\n if (onOverflow && !ref.current?.contains(target)) {\n Event.publish(EVENT_VISIBLE, { visible: false, displayName });\n onOverflow(event);\n }\n };\n\n const handleClose = (event) => {\n Event.publish(EVENT_VISIBLE, { visible: false, displayName });\n onClose(event);\n };\n\n const defaultDirection = Theme.getDirection() === DIRECTION_TYPE.LEFT;\n const renderer = IS_JEST || !portal ? (jsx) => jsx : ReactDOM.createPortal;\n const { testId } = others;\n\n return renderer(\n <Pressable\n preventDefault={preventDefault}\n tag=\"modal-overflow\"\n onPress={visible && overflow ? handleOverflow : undefined}\n className={styles(\n style.container,\n isDesktop && mobileBehavior && style.mobileBehavior,\n overflow && style.overflow,\n overflow && blur && style.blur,\n visible && instance && style.visible,\n onOverflow && style.onOverflow,\n )}\n style={{ height }}\n testId={testId && overflow ? `${testId}-overflow` : undefined}\n >\n <View\n {...others}\n fit\n ref={ref}\n tag=\"modal\"\n className={styles(style.modal, !fit && style.calcWidth, visible && style.visible, others.className)}\n aria-hidden={visible ? 'false' : 'true'}\n >\n {(title || onBack || onClose) && (\n <View\n row\n className={styles(\n style.header,\n !defaultDirection && style.reverse,\n !onBack && style.hideBack,\n !onClose && style.hideClose,\n )}\n >\n {onBack && (\n <Button\n small\n squared\n transparent\n onPress={onBack}\n aria-label={ariaBack}\n testId={testId ? `${testId}-button-back` : undefined}\n >\n <Icon value={ICON.LEFT} className={style.icon} />\n </Button>\n )}\n {title && (\n <Text headline={!isMobile} className={style.title}>\n {title}\n </Text>\n )}\n {onClose && (\n <Button\n small\n squared\n transparent\n onPress={handleClose}\n aria-label={ariaClose}\n testId={testId ? `${testId}-button-close` : undefined}\n >\n <Icon value={ICON.CLOSE} className={style.icon} />\n </Button>\n )}\n </View>\n )}\n\n {instance &&\n React.Children.map(children, (child, index) =>\n !child || child === null\n ? null\n : React.cloneElement(child, { key: child.key || index, ...child.props, role: 'modal-content' }),\n )}\n </View>\n </Pressable>,\n document.body,\n );\n};\n\nModal.displayName = 'Component:Modal';\n\nModal.propTypes = {\n blur: PropTypes.bool,\n children: PropTypes.node,\n displayName: PropTypes.string,\n fit: PropTypes.bool,\n mobileBehavior: PropTypes.bool,\n overflow: PropTypes.bool,\n portal: PropTypes.bool,\n preventDefault: PropTypes.bool,\n title: PropTypes.string,\n visible: PropTypes.bool,\n onBack: PropTypes.func,\n onClose: PropTypes.func,\n onOverflow: PropTypes.func,\n aria: PropTypes.shape({\n buttonBack: PropTypes.string,\n buttonClose: PropTypes.string,\n }),\n};\n\nexport { Modal };\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Modal.js","names":["_propTypes","_interopRequireDefault","require","_react","_interopRequireWildcard","_reactDom","_Modal","_ModalModule","_components","_helpers","_hooks","_primitives","_theme","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","iterator","f","next","done","return","isArray","_objectWithoutProperties","_objectWithoutPropertiesLoose","s","includes","propertyIsEnumerable","Event","publish","subscribe","Modal","exports","_ref","_ref$blur","blur","children","displayName","_ref$fit","fit","_ref$mobileBehavior","mobileBehavior","_ref$overflow","overflow","_ref$portal","portal","_ref$preventDefault","preventDefault","title","visible","onBack","onClose","onOverflow","_ref$aria","aria","_ref$aria2","_ref$aria2$buttonBack","buttonBack","ariaBack","_ref$aria2$buttonClos","buttonClose","ariaClose","others","_useDevice","useDevice","isDesktop","isMobile","height","ref","useRef","_useState","useState","_useState2","dataset","setDataset","_useState3","IS_JEST","_useState4","instance","setInstance","useEffect","setTimeout","UNLOAD_DELAY","EVENT_VISIBLE","handleKeydown","event","key","handleClose","document","addEventListener","removeEventListener","body","miraiModal","undefined","handleOverflow","_ref$current","target","current","contains","defaultDirection","Theme","getDirection","DIRECTION_TYPE","LEFT","renderer","jsx","ReactDOM","createPortal","testId","createElement","Pressable","tag","onPress","className","styles","style","container","concat","View","modal","calcWidth","row","header","reverse","hideBack","hideClose","Button","small","squared","transparent","Icon","ICON","icon","Text","headline","CLOSE","React","Children","map","child","index","cloneElement","props","role","propTypes","PropTypes","bool","node","string","func","shape"],"sources":["../../../src/components/Modal/Modal.jsx"],"sourcesContent":["// import { Event } from '@mirai/data-sources';\nconst Event = {\n publish: () => {},\n subscribe: () => {},\n};\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { EVENT_VISIBLE, UNLOAD_DELAY } from './Modal.constants';\nimport style from './Modal.module.css';\nimport { Button } from '../../components';\nimport { IS_JEST, styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport { DIRECTION_TYPE, Theme } from '../../theme';\n\nconst Modal = ({\n blur = false,\n children,\n displayName,\n fit = false,\n mobileBehavior = false,\n overflow = true,\n portal = false,\n preventDefault = true,\n title,\n visible,\n onBack,\n onClose,\n onOverflow,\n aria: { buttonBack: ariaBack = 'Back', buttonClose: ariaClose = 'Close' } = {},\n ...others\n}) => {\n const { isDesktop, isMobile, height } = useDevice();\n const ref = useRef();\n\n const [dataset, setDataset] = useState();\n const [instance, setInstance] = useState(IS_JEST);\n\n useEffect(() => {\n if (IS_JEST) return;\n\n !instance && visible\n ? setInstance(visible)\n : instance && !visible\n ? setTimeout(() => setInstance(visible), UNLOAD_DELAY)\n : null;\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [!instance, visible]);\n\n useEffect(() => {\n if (!visible || !onClose) return;\n Event.publish(EVENT_VISIBLE, { visible, displayName });\n\n const handleKeydown = (event) => event.key === 'Escape' && handleClose();\n\n document.addEventListener('keydown', handleKeydown);\n return () => document.removeEventListener('keydown', handleKeydown);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [visible]);\n\n useEffect(() => {\n if (visible && !dataset) {\n setDataset(true);\n document.body.dataset.miraiModal = true;\n }\n\n return () => {\n if (visible && dataset) {\n setDataset(undefined);\n delete document.body.dataset.miraiModal;\n }\n };\n }, [dataset, visible]);\n\n const handleOverflow = (event) => {\n const { target } = event;\n\n if (onOverflow && !ref.current?.contains(target)) {\n Event.publish(EVENT_VISIBLE, { visible: false, displayName });\n onOverflow(event);\n }\n };\n\n const handleClose = (event) => {\n Event.publish(EVENT_VISIBLE, { visible: false, displayName });\n onClose(event);\n };\n\n const defaultDirection = Theme.getDirection() === DIRECTION_TYPE.LEFT;\n const renderer = IS_JEST || !portal ? (jsx) => jsx : ReactDOM.createPortal;\n const { testId } = others;\n\n return renderer(\n <Pressable\n preventDefault={preventDefault}\n tag=\"modal-overflow\"\n onPress={visible && overflow ? handleOverflow : undefined}\n className={styles(\n style.container,\n isDesktop && mobileBehavior && style.mobileBehavior,\n overflow && style.overflow,\n overflow && blur && style.blur,\n visible && instance && style.visible,\n onOverflow && style.onOverflow,\n )}\n style={{ height }}\n testId={testId && overflow ? `${testId}-overflow` : undefined}\n >\n <View\n {...others}\n fit\n ref={ref}\n tag=\"modal\"\n className={styles(style.modal, !fit && style.calcWidth, visible && style.visible, others.className)}\n aria-hidden={visible ? 'false' : 'true'}\n >\n {(title || onBack || onClose) && (\n <View\n row\n className={styles(\n style.header,\n !defaultDirection && style.reverse,\n !onBack && style.hideBack,\n !onClose && style.hideClose,\n )}\n >\n {onBack && (\n <Button\n small\n squared\n transparent\n onPress={onBack}\n aria-label={ariaBack}\n testId={testId ? `${testId}-button-back` : undefined}\n >\n <Icon value={ICON.LEFT} className={style.icon} />\n </Button>\n )}\n {title && (\n <Text headline={!isMobile} className={style.title}>\n {title}\n </Text>\n )}\n {onClose && (\n <Button\n small\n squared\n transparent\n onPress={handleClose}\n aria-label={ariaClose}\n testId={testId ? `${testId}-button-close` : undefined}\n >\n <Icon value={ICON.CLOSE} className={style.icon} />\n </Button>\n )}\n </View>\n )}\n\n {instance &&\n React.Children.map(children, (child, index) =>\n !child || child === null\n ? null\n : React.cloneElement(child, { key: child.key || index, ...child.props, role: 'modal-content' }),\n )}\n </View>\n </Pressable>,\n document.body,\n );\n};\n\nModal.displayName = 'Component:Modal';\n\nModal.propTypes = {\n blur: PropTypes.bool,\n children: PropTypes.node,\n displayName: PropTypes.string,\n fit: PropTypes.bool,\n mobileBehavior: PropTypes.bool,\n overflow: PropTypes.bool,\n portal: PropTypes.bool,\n preventDefault: PropTypes.bool,\n title: PropTypes.string,\n visible: PropTypes.bool,\n onBack: PropTypes.func,\n onClose: PropTypes.func,\n onOverflow: PropTypes.func,\n aria: PropTypes.shape({\n buttonBack: PropTypes.string,\n buttonClose: PropTypes.string,\n }),\n};\n\nexport { Modal };\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,41 +7,58 @@ exports.default = exports.Story = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _ = require("../../");
|
|
9
9
|
var _Modal = require("./Modal");
|
|
10
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
10
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
11
11
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
12
12
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
13
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
14
|
+
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."); }
|
|
15
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
16
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
17
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
18
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
13
19
|
var _default = exports.default = {
|
|
14
20
|
title: 'Components'
|
|
15
21
|
};
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
22
|
+
var Story = exports.Story = function Story(props) {
|
|
23
|
+
var _useState = (0, _react.useState)(true),
|
|
24
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
25
|
+
visible = _useState2[0],
|
|
26
|
+
setVisible = _useState2[1];
|
|
27
|
+
var _useState3 = (0, _react.useState)(false),
|
|
28
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
29
|
+
visibleSecond = _useState4[0],
|
|
30
|
+
setVisibleSecond = _useState4[1];
|
|
31
|
+
var handleBack = function handleBack() {
|
|
32
|
+
var _console;
|
|
20
33
|
for (var _len = arguments.length, others = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
21
34
|
others[_key] = arguments[_key];
|
|
22
35
|
}
|
|
23
|
-
console.log('<Modal>::onBack'
|
|
36
|
+
(_console = console).log.apply(_console, ['<Modal>::onBack'].concat(others));
|
|
24
37
|
setVisibleSecond(false);
|
|
25
38
|
};
|
|
26
|
-
|
|
39
|
+
var handleClose = function handleClose() {
|
|
40
|
+
var _console2;
|
|
27
41
|
for (var _len2 = arguments.length, others = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
28
42
|
others[_key2] = arguments[_key2];
|
|
29
43
|
}
|
|
30
|
-
console.log('<Modal>::onClose'
|
|
44
|
+
(_console2 = console).log.apply(_console2, ['<Modal>::onClose'].concat(others));
|
|
31
45
|
setVisible(false);
|
|
32
46
|
};
|
|
33
|
-
|
|
47
|
+
var handleOverflow = function handleOverflow() {
|
|
48
|
+
var _console3;
|
|
34
49
|
for (var _len3 = arguments.length, others = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
|
|
35
50
|
others[_key3] = arguments[_key3];
|
|
36
51
|
}
|
|
37
|
-
console.log('<Modal>::onOverflow'
|
|
52
|
+
(_console3 = console).log.apply(_console3, ['<Modal>::onOverflow'].concat(others));
|
|
38
53
|
handleClose(others);
|
|
39
54
|
};
|
|
40
55
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.Text, {
|
|
41
56
|
bold: true,
|
|
42
57
|
headline: true
|
|
43
58
|
}, "What is Lorem Ipsum?"), /*#__PURE__*/_react.default.createElement(_.Text, null, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."), /*#__PURE__*/_react.default.createElement(_.Button, {
|
|
44
|
-
onPress: ()
|
|
59
|
+
onPress: function onPress() {
|
|
60
|
+
return setVisible(true);
|
|
61
|
+
}
|
|
45
62
|
}, "Show modal"), /*#__PURE__*/_react.default.createElement(_.Text, {
|
|
46
63
|
bold: true,
|
|
47
64
|
headline: true
|
|
@@ -54,7 +71,9 @@ const Story = props => {
|
|
|
54
71
|
padding: 'var(--mirai-ui-space-L)'
|
|
55
72
|
}
|
|
56
73
|
}, /*#__PURE__*/_react.default.createElement(_.Text, null, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi nemo adipisci consequatur et tenetur natus dolore, facere facilis placeat nostrum unde cumque. Voluptas enim rerum voluptatum, deserunt fugiat aspernatur excepturi."), /*#__PURE__*/_react.default.createElement(_.Button, {
|
|
57
|
-
onPress: ()
|
|
74
|
+
onPress: function onPress() {
|
|
75
|
+
return setVisibleSecond(true);
|
|
76
|
+
}
|
|
58
77
|
}, "Show another Modal"))), /*#__PURE__*/_react.default.createElement(_Modal.Modal, _extends({}, props, {
|
|
59
78
|
onBack: handleBack,
|
|
60
79
|
onOverflow: handleOverflow,
|
|
@@ -65,7 +84,6 @@ const Story = props => {
|
|
|
65
84
|
}
|
|
66
85
|
}, /*#__PURE__*/_react.default.createElement(_.Text, null, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi nemo adipisci consequatur et tenetur natus dolore, facere facilis placeat nostrum unde cumque. Voluptas enim rerum voluptatum, deserunt fugiat aspernatur excepturi."))));
|
|
67
86
|
};
|
|
68
|
-
exports.Story = Story;
|
|
69
87
|
Story.storyName = 'Modal';
|
|
70
88
|
Story.args = {
|
|
71
89
|
blur: false,
|