react-ui-basics 0.0.158 → 0.0.161
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/Animated.js +11 -10
- package/AutocompleteSelect.js +62 -63
- package/Button.js +21 -22
- package/Checkbox.js +7 -8
- package/CircleProgress.js +5 -6
- package/CommonFields.js +23 -15
- package/DNDContainer.js +47 -48
- package/DNDDraggable.js +8 -9
- package/DNDDroppable.js +8 -9
- package/Dialog.js +16 -17
- package/DropFileInput.js +4 -5
- package/DroppableHorizontalList.js +26 -27
- package/DroppableList.js +26 -27
- package/Dropzone.js +17 -18
- package/FilteredList.js +40 -41
- package/FloatingActionButton.js +4 -5
- package/FormUploadProgress.js +8 -9
- package/ImageGallery.js +121 -122
- package/MaterialIcon.js +5 -6
- package/Modal.js +17 -18
- package/ModalMenu.js +10 -11
- package/ReactConstants.d.ts +2 -0
- package/ReactConstants.js +2 -1
- package/ReactCreateElement.js +2 -0
- package/ReadyListener.js +9 -10
- package/Scrollable.js +50 -51
- package/ScrollableTable.js +4 -5
- package/Size.js +5 -6
- package/Snackbar.js +7 -8
- package/SpinningProgress.js +5 -6
- package/Switch.js +14 -15
- package/Table.js +26 -27
- package/TextField.js +17 -18
- package/Tools.d.ts +1 -0
- package/Tools.js +14 -12
- package/_virtual/_commonjsHelpers.js +2 -0
- package/_virtual/_react.js +2 -0
- package/_virtual/react-jsx-runtime.development.js +2 -0
- package/bundle.css +446 -446
- package/index.js +3 -3
- package/package.json +1 -1
- package/router/HistoryTools.js +2 -0
- package/router/Link.js +5 -6
- package/router/NavLink.js +5 -6
- package/router/Route.js +15 -16
- package/router/index.js +2 -3
- package/store/ProxyTools.js +2 -3
- package/store/Store.js +2 -3
- package/Animated.js.map +0 -1
- package/AutocompleteSelect.js.map +0 -1
- package/Button.js.map +0 -1
- package/Checkbox.js.map +0 -1
- package/CircleProgress.js.map +0 -1
- package/CommonFields.js.map +0 -1
- package/DNDContainer.js.map +0 -1
- package/DNDDraggable.js.map +0 -1
- package/DNDDroppable.js.map +0 -1
- package/Dialog.js.map +0 -1
- package/DropFileInput.js.map +0 -1
- package/DroppableHorizontalList.js.map +0 -1
- package/DroppableList.js.map +0 -1
- package/Dropzone.js.map +0 -1
- package/FilteredList.js.map +0 -1
- package/FloatingActionButton.js.map +0 -1
- package/FormUploadProgress.js.map +0 -1
- package/ImageGallery.js.map +0 -1
- package/MaterialIcon.js.map +0 -1
- package/Modal.js.map +0 -1
- package/ModalMenu.js.map +0 -1
- package/ReactConstants.js.map +0 -1
- package/ReactCreateElement.js.map +0 -1
- package/ReadyListener.js.map +0 -1
- package/Scrollable.js.map +0 -1
- package/ScrollableTable.js.map +0 -1
- package/Size.js.map +0 -1
- package/Snackbar.js.map +0 -1
- package/SpinningProgress.js.map +0 -1
- package/Switch.js.map +0 -1
- package/Table.js.map +0 -1
- package/TextField.js.map +0 -1
- package/Tools.js.map +0 -1
- package/index.js.map +0 -1
package/MaterialIcon.js
CHANGED
|
@@ -1,25 +1,24 @@
|
|
|
1
|
+
import ReactConstants from "./ReactConstants";
|
|
2
|
+
import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields";
|
|
1
3
|
import 'react';
|
|
2
|
-
import {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
|
|
3
4
|
import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
|
|
4
5
|
import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
|
|
5
6
|
import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
|
|
6
|
-
import {className as __className} from "./ReactConstants";
|
|
7
|
-
import {children as __children} from "./ReactConstants";
|
|
8
7
|
import ReactCreateElement from './ReactCreateElement.js';
|
|
9
8
|
import { classNames } from './Tools.js';
|
|
10
9
|
import PropTypes from 'prop-types';
|
|
11
10
|
|
|
12
11
|
var MaterialIcon = function MaterialIcon(_ref) {
|
|
13
12
|
var icon = _ref.icon,
|
|
14
|
-
className = _ref[
|
|
13
|
+
className = _ref[ReactConstants[5]];
|
|
15
14
|
return ReactCreateElement("i", {
|
|
16
|
-
[
|
|
15
|
+
[ReactConstants[5]]: classNames('MaterialIcon', 'material-icons', className)
|
|
17
16
|
}, icon);
|
|
18
17
|
};
|
|
19
18
|
var MaterialIcon$1 = MaterialIcon;
|
|
20
19
|
if (process.env.NODE_ENV !== 'production') {
|
|
21
20
|
MaterialIcon.propTypes = {
|
|
22
|
-
[
|
|
21
|
+
[ReactConstants[5]]: PropTypes.string,
|
|
23
22
|
icon: PropTypes.oneOf(['10k', '10mp', '11mp', '12mp', '13mp', '14mp', '15mp', '16mp', '17mp', '18mp', '19mp', '1k', '1k_plus', '1x_mobiledata', '20mp', '21mp', '22mp', '23mp', '24mp', '2k', '2k_plus', '2mp', '30fps', '30fps_select', '360', '3d_rotation', '3g_mobiledata', '3k', '3k_plus', '3mp', '3p', '4g_mobiledata', '4g_plus_mobiledata', '4k', '4k_plus', '4mp', '5g', '5k', '5k_plus', '5mp', '60fps', '60fps_select', '6_ft_apart', '6k', '6k_plus', '6mp', '7k', '7k_plus', '7mp', '8k', '8k_plus', '8mp', '9k', '9k_plus', '9mp', 'ac_unit', 'access_alarm', 'access_alarms', 'access_time', 'access_time_filled', 'accessibility', 'accessibility_new', 'accessible', 'accessible_forward', 'account_balance', 'account_balance_wallet', 'account_box', 'account_circle', 'account_tree', 'ad_units', 'adb', 'add', 'add', 'add_a_photo', 'add_alarm', 'add_alert', 'add_box', 'add_business', 'add_chart', 'add_circle', 'add_circle_outline', 'add_comment', 'add_ic_call', 'add_link', 'add_location', 'add_location_alt', 'add_moderator', 'add_photo_alternate', 'add_reaction', 'add_road', 'add_shopping_cart', 'add_task', 'add_to_drive', 'add_to_home_screen', 'add_to_photos', 'add_to_queue', 'addchart', 'adjust', 'admin_panel_settings', 'ads_click', 'agriculture', 'air', 'airline_seat_flat', 'airline_seat_flat_angled', 'airline_seat_individual_suite', 'airline_seat_legroom_extra', 'airline_seat_legroom_normal', 'airline_seat_legroom_reduced', 'airline_seat_recline_extra', 'airline_seat_recline_normal', 'airplane_ticket', 'airplanemode_active', 'airplanemode_inactive', 'airplay', 'airport_shuttle', 'alarm', 'alarm_add', 'alarm_off', 'alarm_on', 'album', 'align_horizontal_center', 'align_horizontal_left', 'align_horizontal_right', 'align_vertical_bottom', 'align_vertical_center', 'align_vertical_top', 'all_inbox', 'all_inclusive', 'all_out', 'alt_route', 'alternate_email', 'analytics', 'anchor', 'android', 'animation', 'announcement', 'aod', 'apartment', 'api', 'app_blocking', 'app_registration', 'app_settings_alt', 'approval', 'apps', 'architecture', 'archive', 'area_chart', 'arrow_back', 'arrow_back_ios', 'arrow_back_ios_new', 'arrow_circle_down', 'arrow_circle_up', 'arrow_downward', 'arrow_drop_down', 'arrow_drop_down_circle', 'arrow_drop_up', 'arrow_forward', 'arrow_forward_ios', 'arrow_left', 'arrow_right', 'arrow_right_alt', 'arrow_upward', 'art_track', 'article', 'aspect_ratio', 'assessment', 'assignment', 'assignment_ind', 'assignment_late', 'assignment_return', 'assignment_returned', 'assignment_turned_in', 'assistant', 'assistant_direction', 'assistant_photo', 'atm', 'attach_email', 'attach_file', 'attach_money', 'attach_money', 'attachment', 'attractions', 'attribution', 'audiotrack', 'auto_awesome', 'auto_awesome_mosaic', 'auto_awesome_motion', 'auto_delete', 'auto_fix_high', 'auto_fix_normal', 'auto_fix_off', 'auto_graph', 'auto_stories', 'autofps_select', 'autorenew', 'av_timer', 'baby_changing_station', 'back_hand', 'backpack', 'backspace', 'backup', 'backup_table', 'badge', 'bakery_dining', 'balcony', 'ballot', 'bar_chart', 'batch_prediction', 'bathroom', 'bathtub', 'battery_alert', 'battery_charging_full', 'battery_full', 'battery_saver', 'battery_std', 'battery_unknown', 'beach_access', 'bed', 'bedroom_baby', 'bedroom_child', 'bedroom_parent', 'bedtime', 'beenhere', 'bento', 'bike_scooter', 'biotech', 'blender', 'block', 'bloodtype', 'bluetooth', 'bluetooth_audio', 'bluetooth_connected', 'bluetooth_disabled', 'bluetooth_drive', 'bluetooth_searching', 'blur_circular', 'blur_linear', 'blur_off', 'blur_on', 'bolt', 'book', 'book_online', 'bookmark', 'bookmark_add', 'bookmark_added', 'bookmark_border', 'bookmark_remove', 'bookmarks', 'border_all', 'border_bottom', 'border_clear', 'border_color', 'border_horizontal', 'border_inner', 'border_left', 'border_outer', 'border_right', 'border_style', 'border_top', 'border_vertical', 'branding_watermark', 'breakfast_dining', 'brightness_1', 'brightness_2', 'brightness_3', 'brightness_4', 'brightness_5', 'brightness_6', 'brightness_7', 'brightness_auto', 'brightness_high', 'brightness_low', 'brightness_medium', 'broken_image', 'browser_not_supported', 'brunch_dining', 'brush', 'bubble_chart', 'bug_report', 'build', 'build_circle', 'bungalow', 'burst_mode', 'bus_alert', 'business', 'business_center', 'cabin', 'cable', 'cached', 'cake', 'calculate', 'calendar_today', 'calendar_view_day', 'calendar_view_month', 'calendar_view_week', 'call', 'call_end', 'call_made', 'call_merge', 'call_missed', 'call_missed_outgoing', 'call_received', 'call_split', 'call_to_action', 'camera', 'camera_alt', 'camera_enhance', 'camera_front', 'camera_indoor', 'camera_outdoor', 'camera_rear', 'camera_roll', 'cameraswitch', 'campaign', 'cancel', 'cancel_presentation', 'cancel_schedule_send', 'car_rental', 'car_repair', 'card_giftcard', 'card_membership', 'card_travel', 'carpenter', 'cases', 'casino', 'cast', 'cast_connected', 'cast_for_education', 'catching_pokemon', 'category', 'celebration', 'cell_wifi', 'center_focus_strong', 'center_focus_weak', 'chair', 'chair_alt', 'chalet', 'change_circle', 'change_history', 'charging_station', 'chat', 'chat_bubble', 'chat_bubble_outline', 'check', 'check_box', 'check_box_outline_blank', 'check_circle', 'check_circle_outline', 'checklist', 'checklist_rtl', 'checkroom', 'chevron_left', 'chevron_right', 'child_care', 'child_friendly', 'chrome_reader_mode', 'circle', 'circle_notifications', 'class', 'clean_hands', 'cleaning_services', 'clear', 'clear_all', 'close', 'close', 'close_fullscreen', 'closed_caption', 'closed_caption_disabled', 'closed_caption_off', 'cloud', 'cloud_circle', 'cloud_done', 'cloud_download', 'cloud_off', 'cloud_queue', 'cloud_upload', 'code', 'code_off', 'coffee', 'coffee_maker', 'collections', 'collections_bookmark', 'color_lens', 'colorize', 'comment', 'comment_bank', 'commute', 'compare', 'compare_arrows', 'compass_calibration', 'compost', 'compress', 'computer', 'confirmation_number', 'connect_without_contact', 'connected_tv', 'construction', 'contact_mail', 'contact_page', 'contact_phone', 'contact_support', 'contactless', 'contacts', 'content_copy', 'content_cut', 'content_paste', 'content_paste_off', 'control_camera', 'control_point', 'control_point_duplicate', 'copy_all', 'copyright', 'coronavirus', 'corporate_fare', 'cottage', 'countertops', 'create', 'create_new_folder', 'credit_card', 'credit_card_off', 'credit_score', 'crib', 'crop', 'crop_16_9', 'crop_3_2', 'crop_5_4', 'crop_7_5', 'crop_din', 'crop_free', 'crop_landscape', 'crop_original', 'crop_portrait', 'crop_rotate', 'crop_square', 'cruelty_free', 'dangerous', 'dark_mode', 'dashboard', 'dashboard_customize', 'data_exploration', 'data_saver_off', 'data_saver_on', 'data_usage', 'date_range', 'deck', 'dehaze', 'delete', 'delete_forever', 'delete_outline', 'delete_sweep', 'delivery_dining', 'departure_board', 'description', 'design_services', 'desktop_access_disabled', 'desktop_mac', 'desktop_windows', 'details', 'developer_board', 'developer_board_off', 'developer_mode', 'device_hub', 'device_thermostat', 'device_unknown', 'devices', 'devices_other', 'dialer_sip', 'dialpad', 'dining', 'dinner_dining', 'directions', 'directions_bike', 'directions_boat', 'directions_boat_filled', 'directions_bus', 'directions_bus_filled', 'directions_car', 'directions_car_filled', 'directions_off', 'directions_railway', 'directions_railway_filled', 'directions_run', 'directions_subway', 'directions_subway_filled', 'directions_transit', 'directions_transit_filled', 'directions_walk', 'dirty_lens', 'disabled_by_default', 'disabled_visible', 'disc_full', 'dns', 'do_disturb', 'do_disturb_alt', 'do_disturb_off', 'do_disturb_on', 'do_not_disturb', 'do_not_disturb_alt', 'do_not_disturb_off', 'do_not_disturb_on', 'do_not_disturb_on_total_silence', 'do_not_step', 'do_not_touch', 'dock', 'document_scanner', 'domain', 'domain_disabled', 'domain_verification', 'done', 'done_all', 'done_outline', 'donut_large', 'donut_small', 'door_back', 'door_front', 'door_sliding', 'doorbell', 'double_arrow', 'downhill_skiing', 'download', 'download_done', 'download_for_offline', 'downloading', 'drafts', 'drag_handle', 'drag_indicator', 'draw', 'drive_eta', 'drive_file_move', 'drive_file_move_rtl', 'drive_file_rename_outline', 'drive_folder_upload', 'dry', 'dry_cleaning', 'duo', 'dvr', 'dynamic_feed', 'dynamic_form', 'e_mobiledata', 'earbuds', 'earbuds_battery', 'east', 'edgesensor_high', 'edgesensor_low', 'edit', 'edit', 'edit_attributes', 'edit_calendar', 'edit_location', 'edit_location_alt', 'edit_note', 'edit_notifications', 'edit_off', 'edit_road', 'eject', 'elderly', 'electric_bike', 'electric_car', 'electric_moped', 'electric_rickshaw', 'electric_scooter', 'electrical_services', 'elevator', 'email', 'email', 'emergency', 'emoji_emotions', 'emoji_events', 'emoji_flags', 'emoji_food_beverage', 'emoji_nature', 'emoji_objects', 'emoji_people', 'emoji_symbols', 'emoji_transportation', 'engineering', 'enhanced_encryption', 'equalizer', 'error', 'error_outline', 'escalator', 'escalator_warning', 'euro', 'euro_symbol', 'ev_station', 'event', 'event_available', 'event_busy', 'event_note', 'event_seat', 'exit_to_app', 'expand', 'expand_less', 'expand_more', 'explicit', 'explore', 'explore_off', 'exposure', 'exposure_neg_1', 'exposure_neg_2', 'exposure_plus_1', 'exposure_plus_2', 'exposure_zero', 'extension', 'extension_off', 'face', 'face_retouching_natural', 'face_retouching_off', 'facebook', 'fact_check', 'family_restroom', 'fast_forward', 'fast_rewind', 'fastfood', 'favorite', 'favorite_border', 'featured_play_list', 'featured_video', 'feed', 'feed', 'feedback', 'female', 'fence', 'festival', 'fiber_dvr', 'fiber_manual_record', 'fiber_new', 'fiber_pin', 'fiber_smart_record', 'file_copy', 'file_download', 'file_download', 'file_download_done', 'file_download_off', 'file_present', 'file_upload', 'filter', 'filter_1', 'filter_2', 'filter_3', 'filter_4', 'filter_5', 'filter_6', 'filter_7', 'filter_8', 'filter_9', 'filter_9_plus', 'filter_alt', 'filter_b_and_w', 'filter_center_focus', 'filter_drama', 'filter_frames', 'filter_hdr', 'filter_list', 'filter_none', 'filter_tilt_shift', 'filter_vintage', 'find_in_page', 'find_replace', 'fingerprint', 'fire_extinguisher', 'fireplace', 'first_page', 'fit_screen', 'fitness_center', 'flag', 'flaky', 'flare', 'flash_auto', 'flash_off', 'flash_on', 'flashlight_off', 'flashlight_on', 'flatware', 'flight', 'flight_land', 'flight_takeoff', 'flip', 'flip_camera_android', 'flip_camera_ios', 'flip_to_back', 'flip_to_front', 'flourescent', 'flutter_dash', 'fmd_bad', 'fmd_good', 'folder', 'folder_open', 'folder_shared', 'folder_special', 'follow_the_signs', 'font_download', 'font_download_off', 'food_bank', 'format_align_center', 'format_align_justify', 'format_align_left', 'format_align_right', 'format_bold', 'format_clear', 'format_color_fill', 'format_color_reset', 'format_color_text', 'format_indent_decrease', 'format_indent_increase', 'format_italic', 'format_line_spacing', 'format_list_bulleted', 'format_list_numbered', 'format_list_numbered_rtl', 'format_paint', 'format_quote', 'format_shapes', 'format_size', 'format_strikethrough', 'format_textdirection_l_to_r', 'format_textdirection_r_to_l', 'format_underlined', 'forum', 'forward', 'forward_10', 'forward_30', 'forward_5', 'forward_to_inbox', 'foundation', 'free_breakfast', 'free_cancellation', 'front_hand', 'fullscreen', 'fullscreen_exit', 'functions', 'g_mobiledata', 'g_translate', 'gamepad', 'games', 'garage', 'gavel', 'generating_tokens', 'gesture', 'get_app', 'gif', 'gite', 'golf_course', 'gpp_bad', 'gpp_good', 'gpp_maybe', 'gps_fixed', 'gps_not_fixed', 'gps_off', 'grade', 'gradient', 'grading', 'grain', 'graphic_eq', 'grass', 'grid_3x3', 'grid_4x4', 'grid_goldenratio', 'grid_off', 'grid_on', 'grid_view', 'group', 'group_add', 'group_off', 'group_work', 'groups', 'h_mobiledata', 'h_plus_mobiledata', 'hail', 'handyman', 'hardware', 'hd', 'hdr_auto', 'hdr_auto_select', 'hdr_enhanced_select', 'hdr_off', 'hdr_off_select', 'hdr_on', 'hdr_on_select', 'hdr_plus', 'hdr_strong', 'hdr_weak', 'headphones', 'headphones_battery', 'headset', 'headset_mic', 'headset_off', 'healing', 'health_and_safety', 'hearing', 'hearing_disabled', 'height', 'help', 'help_center', 'help_outline', 'hevc', 'hide_image', 'hide_source', 'high_quality', 'highlight', 'highlight_alt', 'highlight_off', 'hiking', 'history', 'history_edu', 'history_toggle_off', 'holiday_village', 'home', 'home_max', 'home_mini', 'home_repair_service', 'home_work', 'horizontal_distribute', 'horizontal_rule', 'horizontal_split', 'hot_tub', 'hotel', 'hotel_class', 'hourglass_bottom', 'hourglass_disabled', 'hourglass_empty', 'hourglass_full', 'hourglass_top', 'house', 'house_siding', 'houseboat', 'how_to_reg', 'how_to_vote', 'http', 'https', 'hvac', 'ice_skating', 'icecream', 'image', 'image_aspect_ratio', 'image_not_supported', 'image_search', 'imagesearch_roller', 'import_contacts', 'import_export', 'important_devices', 'inbox', 'incomplete_circle', 'indeterminate_check_box', 'info', 'input', 'insert_chart', 'insert_chart_outlined', 'insert_comment', 'insert_drive_file', 'insert_emoticon', 'insert_invitation', 'insert_link', 'insert_photo', 'insights', 'integration_instructions', 'inventory', 'inventory_2', 'invert_colors', 'invert_colors_off', 'ios_share', 'iron', 'iso', 'kayaking', 'keyboard', 'keyboard_alt', 'keyboard_arrow_down', 'keyboard_arrow_down', 'keyboard_arrow_left', 'keyboard_arrow_right', 'keyboard_arrow_up', 'keyboard_backspace', 'keyboard_capslock', 'keyboard_hide', 'keyboard_return', 'keyboard_tab', 'keyboard_voice', 'king_bed', 'kitchen', 'kitesurfing', 'label', 'label_important', 'label_off', 'landscape', 'language', 'laptop', 'laptop_chromebook', 'laptop_mac', 'laptop_windows', 'last_page', 'launch', 'layers', 'layers_clear', 'leaderboard', 'leak_add', 'leak_remove', 'legend_toggle', 'lens', 'lens_blur', 'library_add', 'library_add_check', 'library_books', 'library_music', 'light', 'light_mode', 'light_mode', 'lightbulb', 'line_style', 'line_weight', 'linear_scale', 'link', 'link_off', 'linked_camera', 'liquor', 'list', 'list_alt', 'live_help', 'live_tv', 'living', 'local_activity', 'local_airport', 'local_atm', 'local_bar', 'local_cafe', 'local_car_wash', 'local_convenience_store', 'local_dining', 'local_drink', 'local_fire_department', 'local_florist', 'local_gas_station', 'local_grocery_store', 'local_hospital', 'local_hotel', 'local_laundry_service', 'local_library', 'local_mall', 'local_movies', 'local_offer', 'local_parking', 'local_pharmacy', 'local_phone', 'local_pizza', 'local_play', 'local_police', 'local_post_office', 'local_printshop', 'local_see', 'local_shipping', 'local_shipping', 'local_taxi', 'location_city', 'location_disabled', 'location_off', 'location_on', 'location_searching', 'lock', 'lock_clock', 'lock_open', 'login', 'logout', 'looks', 'looks_3', 'looks_4', 'looks_5', 'looks_6', 'looks_one', 'looks_two', 'loop', 'loupe', 'low_priority', 'loyalty', 'lte_mobiledata', 'lte_plus_mobiledata', 'luggage', 'lunch_dining', 'mail', 'mail_outline', 'male', 'manage_accounts', 'manage_search', 'map', 'maps_home_work', 'maps_ugc', 'margin', 'mark_as_unread', 'mark_chat_read', 'mark_chat_unread', 'mark_email_read', 'mark_email_unread', 'markunread', 'markunread_mailbox', 'masks', 'maximize', 'media_bluetooth_off', 'media_bluetooth_on', 'mediation', 'medical_services', 'medication', 'meeting_room', 'memory', 'menu', 'menu_book', 'menu_open', 'merge_type', 'message', 'mic', 'mic_external_off', 'mic_external_on', 'mic_none', 'mic_off', 'microwave', 'military_tech', 'minimize', 'miscellaneous_services', 'missed_video_call', 'mms', 'mobile_friendly', 'mobile_off', 'mobile_screen_share', 'mobiledata_off', 'mode', 'mode_comment', 'mode_edit', 'mode_edit_outline', 'mode_night', 'mode_standby', 'model_training', 'monetization_on', 'money', 'money_off', 'money_off_csred', 'monitor', 'monitor_weight', 'monochrome_photos', 'mood', 'mood_bad', 'moped', 'more', 'more_horiz', 'more_time', 'more_vert', 'motion_photos_auto', 'motion_photos_off', 'motion_photos_on', 'motion_photos_pause', 'motion_photos_paused', 'mouse', 'move_to_inbox', 'movie', 'movie_creation', 'movie_filter', 'moving', 'mp', 'multiline_chart', 'multiple_stop', 'museum', 'music_note', 'music_off', 'music_video', 'my_location', 'nat', 'nature', 'nature_people', 'navigate_before', 'navigate_next', 'navigation', 'near_me', 'near_me_disabled', 'nearby_error', 'nearby_off', 'network_cell', 'network_check', 'network_locked', 'network_wifi', 'new_label', 'new_releases', 'next_plan', 'next_week', 'nfc', 'night_shelter', 'nightlife', 'nightlight', 'nightlight_round', 'nights_stay', 'no_accounts', 'no_backpack', 'no_cell', 'no_drinks', 'no_encryption', 'no_encryption_gmailerrorred', 'no_flash', 'no_food', 'no_luggage', 'no_meals', 'no_meeting_room', 'no_photography', 'no_sim', 'no_stroller', 'no_transfer', 'nordic_walking', 'north', 'north_east', 'north_west', 'not_accessible', 'not_interested', 'not_listed_location', 'not_started', 'note', 'note_add', 'note_alt', 'notes', 'notification_add', 'notification_important', 'notifications', 'notifications_active', 'notifications_none', 'notifications_off', 'notifications_paused', 'offline_bolt', 'offline_pin', 'offline_share', 'ondemand_video', 'online_prediction', 'opacity', 'open_in_browser', 'open_in_full', 'open_in_new', 'open_in_new_off', 'open_with', 'other_houses', 'outbound', 'outbox', 'outdoor_grill', 'outlet', 'outlined_flag', 'padding', 'pages', 'pageview', 'paid', 'palette', 'pan_tool', 'panorama', 'panorama_fish_eye', 'panorama_horizontal', 'panorama_horizontal_select', 'panorama_photosphere', 'panorama_photosphere_select', 'panorama_vertical', 'panorama_vertical_select', 'panorama_wide_angle', 'panorama_wide_angle_select', 'paragliding', 'park', 'party_mode', 'password', 'pattern', 'pause', 'pause_circle', 'pause_circle_filled', 'pause_circle_outline', 'pause_presentation', 'payment', 'payments', 'pedal_bike', 'pending', 'pending_actions', 'people', 'people_alt', 'people_outline', 'perm_camera_mic', 'perm_contact_calendar', 'perm_data_setting', 'perm_device_information', 'perm_identity', 'perm_media', 'perm_phone_msg', 'perm_scan_wifi', 'person', 'person', 'person_add', 'person_add_alt', 'person_add_alt_1', 'person_add_disabled', 'person_off', 'person_outline', 'person_pin', 'person_pin_circle', 'person_remove', 'person_remove_alt_1', 'person_search', 'personal_injury', 'personal_video', 'pest_control', 'pest_control_rodent', 'pets', 'phone', 'phone_android', 'phone_bluetooth_speaker', 'phone_callback', 'phone_disabled', 'phone_enabled', 'phone_forwarded', 'phone_in_talk', 'phone_iphone', 'phone_locked', 'phone_missed', 'phone_paused', 'phonelink', 'phonelink_erase', 'phonelink_lock', 'phonelink_off', 'phonelink_ring', 'phonelink_setup', 'photo', 'photo_album', 'photo_camera', 'photo_camera_back', 'photo_camera_front', 'photo_filter', 'photo_library', 'photo_size_select_actual', 'photo_size_select_large', 'photo_size_select_small', 'piano', 'piano_off', 'picture_as_pdf', 'picture_in_picture', 'picture_in_picture_alt', 'pie_chart', 'pie_chart_outline', 'pin', 'pin_drop', 'pin_end', 'pin_invoke', 'pivot_table_chart', 'place', 'plagiarism', 'play_arrow', 'play_arrow', 'play_circle', 'play_circle_filled', 'play_circle_outline', 'play_disabled', 'play_for_work', 'play_lesson', 'playlist_add', 'playlist_add_check', 'playlist_play', 'plumbing', 'plus_one', 'podcasts', 'point_of_sale', 'policy', 'poll', 'polymer', 'pool', 'portable_wifi_off', 'portrait', 'post_add', 'power', 'power_input', 'power_off', 'power_settings_new', 'precision_manufacturing', 'pregnant_woman', 'present_to_all', 'preview', 'price_change', 'price_check', 'print', 'print_disabled', 'priority_high', 'privacy_tip', 'private_connectivity', 'production_quantity_limits', 'psychology', 'public', 'public_off', 'publish', 'published_with_changes', 'push_pin', 'qr_code', 'qr_code_2', 'qr_code_scanner', 'query_builder', 'query_stats', 'question_answer', 'queue', 'queue_music', 'queue_play_next', 'quickreply', 'quiz', 'r_mobiledata', 'radar', 'radio', 'radio_button_checked', 'radio_button_unchecked', 'railway_alert', 'ramen_dining', 'rate_review', 'raw_off', 'raw_on', 'read_more', 'real_estate_agent', 'receipt', 'receipt_long', 'recent_actors', 'recommend', 'record_voice_over', 'recycling', 'redeem', 'redo', 'reduce_capacity', 'refresh', 'remember_me', 'remove', 'remove_circle', 'remove_circle_outline', 'remove_done', 'remove_from_queue', 'remove_moderator', 'remove_red_eye', 'remove_shopping_cart', 'reorder', 'repeat', 'repeat_on', 'repeat_one', 'repeat_one_on', 'replay', 'replay_10', 'replay_30', 'replay_5', 'replay_circle_filled', 'reply', 'reply_all', 'report', 'report_gmailerrorred', 'report_off', 'report_problem', 'request_page', 'request_quote', 'reset_tv', 'restart_alt', 'restaurant', 'restaurant_menu', 'restore', 'restore_from_trash', 'restore_page', 'reviews', 'rice_bowl', 'ring_volume', 'roofing', 'room', 'room_preferences', 'room_service', 'rotate_90_degrees_ccw', 'rotate_left', 'rotate_right', 'rounded_corner', 'router', 'rowing', 'rss_feed', 'rsvp', 'rtt', 'rule', 'rule_folder', 'run_circle', 'running_with_errors', 'rv_hookup', 'safety_divider', 'sailing', 'sanitizer', 'satellite', 'save', 'save_alt', 'saved_search', 'savings', 'scanner', 'scatter_plot', 'schedule', 'schedule_send', 'schema', 'school', 'science', 'score', 'screen_lock_landscape', 'screen_lock_portrait', 'screen_lock_rotation', 'screen_rotation', 'screen_search_desktop', 'screen_share', 'screenshot', 'sd', 'sd_card', 'sd_card_alert', 'sd_storage', 'search', 'search', 'search_off', 'security', 'security_update', 'security_update_good', 'security_update_warning', 'segment', 'select_all', 'self_improvement', 'sell', 'send', 'send_and_archive', 'send_to_mobile', 'sensor_door', 'sensor_door', 'sensor_window', 'sensors', 'sensors_off', 'sentiment_dissatisfied', 'sentiment_neutral', 'sentiment_satisfied', 'sentiment_satisfied_alt', 'sentiment_very_dissatisfied', 'sentiment_very_satisfied', 'set_meal', 'settings', 'settings_accessibility', 'settings_applications', 'settings_backup_restore', 'settings_bluetooth', 'settings_brightness', 'settings_cell', 'settings_ethernet', 'settings_input_antenna', 'settings_input_component', 'settings_input_composite', 'settings_input_hdmi', 'settings_input_svideo', 'settings_overscan', 'settings_phone', 'settings_power', 'settings_remote', 'settings_suggest', 'settings_system_daydream', 'settings_voice', 'share', 'share_location', 'shield', 'shop', 'shop_2', 'shop_two', 'shopping_bag', 'shopping_basket', 'shopping_cart', 'short_text', 'shortcut', 'show_chart', 'shower', 'shuffle', 'shuffle_on', 'shutter_speed', 'sick', 'signal_cellular_0_bar', 'signal_cellular_4_bar', 'signal_cellular_alt', 'signal_cellular_connected_no_internet_0_bar', 'signal_cellular_connected_no_internet_4_bar', 'signal_cellular_no_sim', 'signal_cellular_nodata', 'signal_cellular_null', 'signal_cellular_off', 'signal_wifi_0_bar', 'signal_wifi_4_bar', 'signal_wifi_4_bar_lock', 'signal_wifi_bad', 'signal_wifi_connected_no_internet_4', 'signal_wifi_off', 'signal_wifi_statusbar_4_bar', 'signal_wifi_statusbar_connected_no_internet_4', 'signal_wifi_statusbar_null', 'sim_card', 'sim_card_alert', 'sim_card_download', 'single_bed', 'sip', 'skateboarding', 'skip_next', 'skip_previous', 'sledding', 'slideshow', 'slow_motion_video', 'smart_button', 'smart_display', 'smart_screen', 'smart_toy', 'smartphone', 'smoke_free', 'smoking_rooms', 'sms', 'sms_failed', 'snippet_folder', 'snooze', 'snowboarding', 'snowmobile', 'snowshoeing', 'soap', 'social_distance', 'sort', 'sort_by_alpha', 'source', 'south', 'south_east', 'south_west', 'spa', 'space_bar', 'space_dashboard', 'speaker', 'speaker_group', 'speaker_notes', 'speaker_notes_off', 'speaker_phone', 'speed', 'spellcheck', 'splitscreen', 'sports', 'sports_bar', 'sports_baseball', 'sports_basketball', 'sports_cricket', 'sports_esports', 'sports_football', 'sports_golf', 'sports_handball', 'sports_hockey', 'sports_kabaddi', 'sports_mma', 'sports_motorsports', 'sports_rugby', 'sports_score', 'sports_soccer', 'sports_tennis', 'sports_volleyball', 'square_foot', 'stacked_bar_chart', 'stacked_line_chart', 'stairs', 'star', 'star', 'star_border', 'star_border_purple500', 'star_half', 'star_outline', 'star_purple500', 'star_rate', 'stars', 'stay_current_landscape', 'stay_current_portrait', 'stay_primary_landscape', 'stay_primary_portrait', 'sticky_note_2', 'stop', 'stop_circle', 'stop_screen_share', 'storage', 'store', 'store_mall_directory', 'storefront', 'storefront', 'storm', 'straighten', 'stream', 'streetview', 'strikethrough_s', 'stroller', 'style', 'subdirectory_arrow_left', 'subdirectory_arrow_right', 'subject', 'subscript', 'subscriptions', 'subtitles', 'subtitles_off', 'subway', 'summarize', 'superscript', 'supervised_user_circle', 'supervisor_account', 'support', 'support_agent', 'support_agent', 'surfing', 'surround_sound', 'swap_calls', 'swap_horiz', 'swap_horizontal_circle', 'swap_vert', 'swap_vertical_circle', 'swipe', 'switch_account', 'switch_camera', 'switch_left', 'switch_right', 'switch_video', 'sync', 'sync_alt', 'sync_disabled', 'sync_problem', 'system_security_update', 'system_security_update_good', 'system_security_update_warning', 'system_update', 'system_update_alt', 'tab', 'tab_unselected', 'table_chart', 'table_rows', 'table_view', 'tablet', 'tablet_android', 'tablet_mac', 'tag', 'tag_faces', 'takeout_dining', 'tap_and_play', 'tapas', 'task', 'task_alt', 'taxi_alert', 'terrain', 'text_fields', 'text_format', 'text_rotate_up', 'text_rotate_vertical', 'text_rotation_angledown', 'text_rotation_angleup', 'text_rotation_down', 'text_rotation_none', 'text_snippet', 'textsms', 'texture', 'theater_comedy', 'theaters', 'thermostat', 'thermostat_auto', 'thumb_down', 'thumb_down_alt', 'thumb_down_off_alt', 'thumb_up', 'thumb_up_alt', 'thumb_up_off_alt', 'thumbs_up_down', 'time_to_leave', 'timelapse', 'timeline', 'timer', 'timer_10', 'timer_10_select', 'timer_3', 'timer_3_select', 'timer_off', 'tips_and_updates', 'title', 'toc', 'today', 'toggle_off', 'toggle_on', 'toll', 'tonality', 'topic', 'touch_app', 'tour', 'toys', 'track_changes', 'traffic', 'train', 'tram', 'transfer_within_a_station', 'transform', 'transgender', 'transit_enterexit', 'translate', 'travel_explore', 'trending_down', 'trending_flat', 'trending_up', 'trip_origin', 'try', 'tty', 'tune', 'tungsten', 'turned_in', 'turned_in_not', 'tv', 'tv_off', 'two_wheeler', 'umbrella', 'unarchive', 'undo', 'unfold_less', 'unfold_more', 'unpublished', 'unsubscribe', 'upcoming', 'update', 'update_disabled', 'upgrade', 'upload', 'upload_file', 'usb', 'usb_off', 'verified', 'verified_user', 'vertical_align_bottom', 'vertical_align_center', 'vertical_align_top', 'vertical_distribute', 'vertical_split', 'vibration', 'video_call', 'video_camera_back', 'video_camera_front', 'video_label', 'video_library', 'video_settings', 'video_stable', 'videocam', 'videocam_off', 'videogame_asset', 'videogame_asset_off', 'view_agenda', 'view_array', 'view_carousel', 'view_column', 'view_comfy', 'view_compact', 'view_day', 'view_headline', 'view_in_ar', 'view_list', 'view_module', 'view_quilt', 'view_sidebar', 'view_stream', 'view_week', 'vignette', 'villa', 'visibility', 'visibility_off', 'voice_chat', 'voice_over_off', 'voicemail', 'volume_down', 'volume_mute', 'volume_off', 'volume_up', 'volunteer_activism', 'vpn_key', 'vpn_lock', 'vrpano', 'wallpaper', 'warning', 'warning', 'warning_amber', 'wash', 'watch', 'watch_later', 'water', 'water_damage', 'water_drop', 'waterfall_chart', 'waves', 'waving_hand', 'wb_auto', 'wb_cloudy', 'wb_incandescent', 'wb_iridescent', 'wb_shade', 'wb_sunny', 'wb_twilight', 'wc', 'web', 'web_asset', 'web_asset_off', 'weekend', 'west', 'whatshot', 'wheelchair_pickup', 'where_to_vote', 'widgets', 'wifi', 'wifi_calling', 'wifi_calling_3', 'wifi_lock', 'wifi_off', 'wifi_protected_setup', 'wifi_tethering', 'wifi_tethering_error_rounded', 'wifi_tethering_off', 'window', 'wine_bar', 'work', 'work_off', 'work_outline', 'workspaces', 'wrap_text', 'wrong_location', 'wysiwyg', 'yard', 'youtube_searched_for', 'zoom_in', 'zoom_out', 'zoom_out_map'])
|
|
24
23
|
};
|
|
25
24
|
}
|
package/Modal.js
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
|
+
import ReactConstants from "./ReactConstants";
|
|
2
|
+
import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields";
|
|
1
3
|
import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, slicedToArray as _slicedToArray, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
|
|
3
4
|
import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
|
|
4
5
|
import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
|
|
5
6
|
import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
|
|
6
|
-
import {className as __className} from "./ReactConstants";
|
|
7
|
-
import {children as __children} from "./ReactConstants";
|
|
8
7
|
import React from 'react';
|
|
9
8
|
import ReactDOM from 'react-dom';
|
|
10
9
|
import ReactCreateElement from './ReactCreateElement.js';
|
|
@@ -53,37 +52,37 @@ var Modal = function (_PureComponent) {
|
|
|
53
52
|
if (!bc || bc(that.close)) that.close(e);
|
|
54
53
|
};
|
|
55
54
|
var shouldClose = function shouldClose(e) {
|
|
56
|
-
var isSameModal = el()
|
|
57
|
-
!(e && content().contains(e
|
|
55
|
+
var isSameModal = __style(el()).zIndex == zIndex - 1;
|
|
56
|
+
!(e && content().contains(__target(e))) && isSameModal && beforeClose(e);
|
|
58
57
|
};
|
|
59
58
|
var addTransitionListener = function addTransitionListener() {
|
|
60
59
|
var transitionend = "transitionend";
|
|
61
60
|
var listener = function listener() {
|
|
62
61
|
removeEventListener(overlay(), transitionend, listener);
|
|
63
62
|
orNoop(isShow() ? props().onOpen : orNoop(props().onClose))();
|
|
64
|
-
el() && (el()
|
|
63
|
+
el() && (__style(el()).paddingBottom = isShow() ? '1px' : '0px');
|
|
65
64
|
};
|
|
66
65
|
addEventListener(overlay(), transitionend, listener);
|
|
67
66
|
};
|
|
68
|
-
that[
|
|
67
|
+
that[ReactConstants[3]] = function () {
|
|
69
68
|
var _props2 = props(),
|
|
70
|
-
className = _props2[
|
|
71
|
-
top = _props2
|
|
69
|
+
className = _props2[ReactConstants[5]],
|
|
70
|
+
top = __top(_props2),
|
|
72
71
|
_props2$container = _props2.container,
|
|
73
72
|
container = _props2$container === void 0 ? Modal.defaultContainer : _props2$container,
|
|
74
|
-
children = _props2[
|
|
73
|
+
children = _props2[ReactConstants[4]],
|
|
75
74
|
closeIcon = _props2.closeIcon;
|
|
76
75
|
var menu = getMenu();
|
|
77
76
|
var show = isShow();
|
|
78
77
|
var modal = ReactCreateElement("div", {
|
|
79
|
-
[
|
|
78
|
+
[ReactConstants[5]]: classNames("Modal", className, show && 'show'),
|
|
80
79
|
ref: el,
|
|
81
80
|
onClick: shouldClose
|
|
82
81
|
}, ReactCreateElement("div", {
|
|
83
82
|
ref: overlay,
|
|
84
|
-
[
|
|
83
|
+
[ReactConstants[5]]: classNames("overlay", show && 'show')
|
|
85
84
|
}), ReactCreateElement("div", {
|
|
86
|
-
[
|
|
85
|
+
[ReactConstants[5]]: classNames("content", show && 'show', top && 'top'),
|
|
87
86
|
style: top && {
|
|
88
87
|
top: top + 'px'
|
|
89
88
|
},
|
|
@@ -94,7 +93,7 @@ var Modal = function (_PureComponent) {
|
|
|
94
93
|
modalBeforeCloseConsumer: getBeforeClose
|
|
95
94
|
});
|
|
96
95
|
}), menu, ReactCreateElement(Button, {
|
|
97
|
-
[
|
|
96
|
+
[ReactConstants[5]]: "close",
|
|
98
97
|
flat: true,
|
|
99
98
|
round: true,
|
|
100
99
|
onClick: beforeClose
|
|
@@ -110,7 +109,7 @@ var Modal = function (_PureComponent) {
|
|
|
110
109
|
};
|
|
111
110
|
var open = that.open = function () {
|
|
112
111
|
if (isShow()) return;
|
|
113
|
-
el() && (el()
|
|
112
|
+
el() && (__style(el()).zIndex = zIndex++);
|
|
114
113
|
addTransitionListener();
|
|
115
114
|
isShow(true);
|
|
116
115
|
var listener = function listener(event) {
|
|
@@ -120,7 +119,7 @@ var Modal = function (_PureComponent) {
|
|
|
120
119
|
};
|
|
121
120
|
addListener(that, listener);
|
|
122
121
|
};
|
|
123
|
-
that[
|
|
122
|
+
that[ReactConstants[0]] = function () {
|
|
124
123
|
var _props = props();
|
|
125
124
|
orNoop(_props.open)(function () {
|
|
126
125
|
setTimeout(open, 0);
|
|
@@ -130,7 +129,7 @@ var Modal = function (_PureComponent) {
|
|
|
130
129
|
});
|
|
131
130
|
_props.show && setTimeout(open, 0);
|
|
132
131
|
};
|
|
133
|
-
that[
|
|
132
|
+
that[ReactConstants[2]] = function (prevProps) {
|
|
134
133
|
var show = props().show;
|
|
135
134
|
if (show !== prevProps.show) {
|
|
136
135
|
show ? open() : close();
|
|
@@ -151,7 +150,7 @@ Modal.addListener = addListener;
|
|
|
151
150
|
var Modal$1 = Modal;
|
|
152
151
|
if (process.env.NODE_ENV !== 'production') {
|
|
153
152
|
Modal.propTypes = {
|
|
154
|
-
[
|
|
153
|
+
[ReactConstants[5]]: PropTypes.string,
|
|
155
154
|
top: PropTypes.number,
|
|
156
155
|
container: PropTypes.node
|
|
157
156
|
};
|
package/ModalMenu.js
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
|
+
import ReactConstants from "./ReactConstants";
|
|
2
|
+
import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields";
|
|
1
3
|
import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
|
|
3
4
|
import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
|
|
4
5
|
import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
|
|
5
6
|
import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
|
|
6
|
-
import {className as __className} from "./ReactConstants";
|
|
7
|
-
import {children as __children} from "./ReactConstants";
|
|
8
7
|
import 'react';
|
|
9
8
|
import ReactCreateElement from './ReactCreateElement.js';
|
|
10
9
|
import { stateGS, render, PureComponent } from './ReactConstants.js';
|
|
@@ -25,15 +24,15 @@ var ModalMenu = function (_PureComponent) {
|
|
|
25
24
|
var toggle = function toggle() {
|
|
26
25
|
isOpen(!isOpen());
|
|
27
26
|
};
|
|
28
|
-
_this[
|
|
29
|
-
var items = _this.
|
|
27
|
+
_this[ReactConstants[3]] = function () {
|
|
28
|
+
var items = __props(_this).items;
|
|
30
29
|
var filtered = (items || []).filter(function (it) {
|
|
31
30
|
return !!it;
|
|
32
31
|
});
|
|
33
|
-
if (filtered
|
|
32
|
+
if (filtered.length === 0) return null;
|
|
34
33
|
var open = isOpen();
|
|
35
34
|
return ReactCreateElement("div", {
|
|
36
|
-
[
|
|
35
|
+
[ReactConstants[5]]: classNames("ModalMenu", 'row', open && 'open')
|
|
37
36
|
}, filtered.map(function (it, i) {
|
|
38
37
|
return ReactCreateElement(Animated, {
|
|
39
38
|
value: open,
|
|
@@ -41,10 +40,10 @@ var ModalMenu = function (_PureComponent) {
|
|
|
41
40
|
mounting: 200,
|
|
42
41
|
unmounting: 200,
|
|
43
42
|
mountingDelay: i * 50,
|
|
44
|
-
unmountingDelay: (filtered
|
|
43
|
+
unmountingDelay: (__length(filtered) - i - 1) * 50,
|
|
45
44
|
styles: {
|
|
46
45
|
mounting: {
|
|
47
|
-
right: (filtered
|
|
46
|
+
right: (__length(filtered) - i) * 36 + 5 + (__length(filtered) - i) * 5 + "px"
|
|
48
47
|
}
|
|
49
48
|
}
|
|
50
49
|
}, ReactCreateElement(Button, {
|
|
@@ -55,14 +54,14 @@ var ModalMenu = function (_PureComponent) {
|
|
|
55
54
|
icon: it.icon
|
|
56
55
|
})));
|
|
57
56
|
}), ReactCreateElement(Button, {
|
|
58
|
-
[
|
|
57
|
+
[ReactConstants[5]]: classNames("more", open && 'active'),
|
|
59
58
|
flat: true,
|
|
60
59
|
round: true,
|
|
61
60
|
onClick: toggle
|
|
62
61
|
}, ReactCreateElement(MaterialIcon, {
|
|
63
62
|
icon: "more_vert"
|
|
64
63
|
})), ReactCreateElement("div", {
|
|
65
|
-
[
|
|
64
|
+
[ReactConstants[5]]: "separator"
|
|
66
65
|
}));
|
|
67
66
|
};
|
|
68
67
|
return _this;
|
package/ReactConstants.d.ts
CHANGED
package/ReactConstants.js
CHANGED
|
@@ -36,6 +36,7 @@ var render = 'render';
|
|
|
36
36
|
var children = 'children';
|
|
37
37
|
var className = 'className';
|
|
38
38
|
var PureComponent = React.PureComponent;
|
|
39
|
+
var ReactConstants = [componentDidMount, componentWillUnmount, componentDidUpdate, render, children, className];
|
|
39
40
|
|
|
40
|
-
export { PureComponent, children, className, componentDidMount, componentDidUpdate, componentWillUnmount, props, propsGetter, render, setState, state, stateFieldSetter, stateGS, stateGSs };
|
|
41
|
+
export { PureComponent, children, className, componentDidMount, componentDidUpdate, componentWillUnmount, ReactConstants as default, props, propsGetter, render, setState, state, stateFieldSetter, stateGS, stateGSs };
|
|
41
42
|
//# sourceMappingURL=ReactConstants.js.map
|
package/ReactCreateElement.js
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import ReactConstants from "./ReactConstants";
|
|
2
|
+
import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields";
|
|
1
3
|
import React from 'react';
|
|
2
4
|
|
|
3
5
|
var ReactCreateElement = React.createElement;
|
package/ReadyListener.js
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
|
+
import ReactConstants from "./ReactConstants";
|
|
2
|
+
import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields";
|
|
1
3
|
import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
|
|
3
4
|
import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
|
|
4
5
|
import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
|
|
5
6
|
import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
|
|
6
|
-
import {className as __className} from "./ReactConstants";
|
|
7
|
-
import {children as __children} from "./ReactConstants";
|
|
8
7
|
import 'react';
|
|
9
8
|
import { render, props, state, children, componentDidMount, componentDidUpdate, setState, componentWillUnmount, PureComponent } from './ReactConstants.js';
|
|
10
9
|
import { orNoop } from './Tools.js';
|
|
@@ -24,13 +23,13 @@ var createReadyListener = function createReadyListener() {
|
|
|
24
23
|
r: true
|
|
25
24
|
};
|
|
26
25
|
indicator = that;
|
|
27
|
-
that[
|
|
26
|
+
that[ReactConstants[3]] = function () {
|
|
28
27
|
var _props = props(that),
|
|
29
|
-
renderer = _props[
|
|
28
|
+
renderer = _props[ReactConstants[3]],
|
|
30
29
|
ready = state(that).r;
|
|
31
|
-
if (renderer) return renderer(ready);else return !ready && _props[
|
|
30
|
+
if (renderer) return renderer(ready);else return !ready && _props[ReactConstants[4]] || null;
|
|
32
31
|
};
|
|
33
|
-
that[
|
|
32
|
+
that[ReactConstants[0]] = that[ReactConstants[2]] = function () {
|
|
34
33
|
orNoop(props(that).onChange)(state(that).r);
|
|
35
34
|
};
|
|
36
35
|
return _this;
|
|
@@ -45,18 +44,18 @@ var createReadyListener = function createReadyListener() {
|
|
|
45
44
|
_classCallCheck(this, NotReady);
|
|
46
45
|
_this2 = _super2.call(this, props);
|
|
47
46
|
var that = _assertThisInitialized(_this2);
|
|
48
|
-
that[
|
|
47
|
+
that[ReactConstants[0]] = function () {
|
|
49
48
|
count++;
|
|
50
49
|
setState(indicator, {
|
|
51
50
|
r: false
|
|
52
51
|
});
|
|
53
52
|
};
|
|
54
|
-
that[
|
|
53
|
+
that[ReactConstants[1]] = function () {
|
|
55
54
|
setState(indicator, {
|
|
56
55
|
r: --count === 0
|
|
57
56
|
});
|
|
58
57
|
};
|
|
59
|
-
that[
|
|
58
|
+
that[ReactConstants[3]] = function () {
|
|
60
59
|
return null;
|
|
61
60
|
};
|
|
62
61
|
return _this2;
|
package/Scrollable.js
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
|
+
import ReactConstants from "./ReactConstants";
|
|
2
|
+
import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields";
|
|
1
3
|
import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
|
|
3
4
|
import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
|
|
4
5
|
import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
|
|
5
6
|
import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
|
|
6
|
-
import {className as __className} from "./ReactConstants";
|
|
7
|
-
import {children as __children} from "./ReactConstants";
|
|
8
7
|
import 'react';
|
|
9
8
|
import ReactCreateElement from './ReactCreateElement.js';
|
|
10
9
|
import PropTypes from 'prop-types';
|
|
@@ -84,14 +83,14 @@ var Scrollable = function (_PureComponent) {
|
|
|
84
83
|
var offsetWidth = offsetWidthOf(viewport);
|
|
85
84
|
var scrollbarHeight = offsetHeightOf(scrollbar);
|
|
86
85
|
var scrollbarWidth = offsetWidthOf(scrollbarH);
|
|
87
|
-
var position = viewport
|
|
88
|
-
var positionH = viewport
|
|
86
|
+
var position = __scrollTop(viewport) / (scrollHeight - offsetHeight);
|
|
87
|
+
var positionH = __scrollLeft(viewport) / (scrollWidth - offsetWidth);
|
|
89
88
|
if (position > 1) {
|
|
90
|
-
viewport
|
|
89
|
+
viewport.scrollTop = scrollHeight - offsetHeight;
|
|
91
90
|
position = 1;
|
|
92
91
|
}
|
|
93
|
-
styleOf(thumb)
|
|
94
|
-
styleOf(thumbH)
|
|
92
|
+
styleOf(thumb).top = position * (scrollbarHeight - offsetHeightOf(thumb)) + 'px';
|
|
93
|
+
styleOf(thumbH).left = positionH * (scrollbarWidth - offsetWidthOf(thumbH)) + 'px';
|
|
95
94
|
if (position >= 0.98) {
|
|
96
95
|
!scrolledToBottom && orNoop(props().onScrolledToBottom)();
|
|
97
96
|
scrolledToBottom = true;
|
|
@@ -109,16 +108,16 @@ var Scrollable = function (_PureComponent) {
|
|
|
109
108
|
var reset = function reset() {
|
|
110
109
|
removeEventListener(WINDOW, 'mouseup', reset);
|
|
111
110
|
removeEventListener(WINDOW, 'mousemove', moveListener);
|
|
112
|
-
viewport
|
|
111
|
+
__style(viewport).scrollBehavior = '';
|
|
113
112
|
scrolling = false;
|
|
114
113
|
};
|
|
115
114
|
var moveListener = function moveListener(e) {
|
|
116
115
|
if (!scrolling) return;
|
|
117
116
|
if (scrolling === 'v') {
|
|
118
|
-
viewport
|
|
117
|
+
viewport.scrollTop += (e.clientY - lastY) * ratio;
|
|
119
118
|
lastY = e.clientY;
|
|
120
119
|
} else if (scrolling === 'h') {
|
|
121
|
-
viewport
|
|
120
|
+
viewport.scrollLeft += (e.clientX - lastX) * ratioH;
|
|
122
121
|
lastX = e.clientX;
|
|
123
122
|
}
|
|
124
123
|
};
|
|
@@ -126,7 +125,7 @@ var Scrollable = function (_PureComponent) {
|
|
|
126
125
|
lastY = e.clientY;
|
|
127
126
|
scrolling = 'v';
|
|
128
127
|
ratio = scrollHeightOf(viewport) / offsetHeightOf(viewport);
|
|
129
|
-
viewport
|
|
128
|
+
__style(viewport).scrollBehavior = 'unset';
|
|
130
129
|
addEventListener(WINDOW, 'mouseup', reset);
|
|
131
130
|
addEventListener(WINDOW, 'mousemove', moveListener);
|
|
132
131
|
};
|
|
@@ -136,7 +135,7 @@ var Scrollable = function (_PureComponent) {
|
|
|
136
135
|
lastX = e.clientX;
|
|
137
136
|
scrolling = 'h';
|
|
138
137
|
ratioH = scrollWidthOf(viewport) / offsetWidthOf(viewport);
|
|
139
|
-
viewport
|
|
138
|
+
__style(viewport).scrollBehavior = 'unset';
|
|
140
139
|
addEventListener(WINDOW, 'mouseup', reset);
|
|
141
140
|
addEventListener(WINDOW, 'mousemove', moveListener);
|
|
142
141
|
};
|
|
@@ -144,37 +143,37 @@ var Scrollable = function (_PureComponent) {
|
|
|
144
143
|
thumbH.onmouseup = reset;
|
|
145
144
|
scrollbar.onclick = function (e) {
|
|
146
145
|
if (e.target === scrollbar) {
|
|
147
|
-
var thumbPosition = parseInt(styleOf(thumb)
|
|
148
|
-
viewport
|
|
146
|
+
var thumbPosition = parseInt(__top(styleOf(thumb)));
|
|
147
|
+
viewport.scrollTop += offsetHeightOf(viewport) * 0.9 * (e.offsetY < thumbPosition ? -1 : 1);
|
|
149
148
|
}
|
|
150
149
|
};
|
|
151
150
|
scrollbarH.onclick = function (e) {
|
|
152
151
|
if (e.target === scrollbarH) {
|
|
153
|
-
var thumbPosition = parseInt(styleOf(thumbH)
|
|
154
|
-
viewport
|
|
152
|
+
var thumbPosition = parseInt(__left(styleOf(thumbH)));
|
|
153
|
+
viewport.scrollLeft += offsetWidthOf(viewport) * 0.9 * (e.offsetX < thumbPosition ? -1 : 1);
|
|
155
154
|
}
|
|
156
155
|
};
|
|
157
156
|
var adjustScrollWidth = function adjustScrollWidth() {
|
|
158
157
|
if (NATIVE_SCROLL_WIDTH < 0) {
|
|
159
|
-
NATIVE_SCROLL_WIDTH = viewport.offsetWidth - viewport
|
|
158
|
+
NATIVE_SCROLL_WIDTH = viewport.offsetWidth - __clientWidth(viewport);
|
|
160
159
|
if (NATIVE_SCROLL_WIDTH === 0 && scrollHeightOf(viewport) !== offsetHeightOf(viewport)) {
|
|
161
160
|
NATIVE_SCROLL_WIDTH = -1;
|
|
162
161
|
}
|
|
163
162
|
}
|
|
164
163
|
if (NATIVE_SCROLL_HEIGHT < 0) {
|
|
165
|
-
NATIVE_SCROLL_HEIGHT = viewport.offsetHeight - viewport
|
|
164
|
+
NATIVE_SCROLL_HEIGHT = viewport.offsetHeight - __clientHeight(viewport);
|
|
166
165
|
if (NATIVE_SCROLL_HEIGHT === 0 && scrollWidthOf(viewport) !== offsetWidthOf(viewport)) {
|
|
167
166
|
NATIVE_SCROLL_HEIGHT = -1;
|
|
168
167
|
}
|
|
169
168
|
}
|
|
170
169
|
if (!adjustedScrollWidth) {
|
|
171
170
|
if (NATIVE_SCROLL_WIDTH >= 0 && status() !== WITHOUT_SCROLL) {
|
|
172
|
-
styleOf(viewport).paddingRight = NATIVE_SCROLL_WIDTH + scrollbar
|
|
173
|
-
styleOf(viewport).marginRight = -NATIVE_SCROLL_WIDTH - scrollbar
|
|
171
|
+
styleOf(viewport).paddingRight = NATIVE_SCROLL_WIDTH + __clientWidth(scrollbar) + 'px';
|
|
172
|
+
styleOf(viewport).marginRight = -NATIVE_SCROLL_WIDTH - __clientWidth(scrollbar) + 'px';
|
|
174
173
|
}
|
|
175
174
|
if (NATIVE_SCROLL_HEIGHT >= 0 && statusH() !== WITHOUT_SCROLL) {
|
|
176
|
-
styleOf(viewport).paddingBottom = NATIVE_SCROLL_HEIGHT + scrollbarH
|
|
177
|
-
styleOf(viewport).marginBottom = -NATIVE_SCROLL_HEIGHT - scrollbarH
|
|
175
|
+
styleOf(viewport).paddingBottom = NATIVE_SCROLL_HEIGHT + __clientHeight(scrollbarH) + 'px';
|
|
176
|
+
styleOf(viewport).marginBottom = -NATIVE_SCROLL_HEIGHT - __clientHeight(scrollbarH) + 'px';
|
|
178
177
|
}
|
|
179
178
|
adjustedScrollWidth = true;
|
|
180
179
|
}
|
|
@@ -215,15 +214,15 @@ var Scrollable = function (_PureComponent) {
|
|
|
215
214
|
var newRatio = scrollHeight / scrollbarHeight;
|
|
216
215
|
if (ratio === newRatio && Number.isFinite(newRatio) || Number.isNaN(newRatio)) return;
|
|
217
216
|
var offsetHeight = offsetHeightOf(viewport);
|
|
218
|
-
var horizontalScrollBarOffset = statusH() !== WITHOUT_SCROLL ? scrollbarH
|
|
217
|
+
var horizontalScrollBarOffset = statusH() !== WITHOUT_SCROLL ? __clientHeight(scrollbarH) + Math.max(NATIVE_SCROLL_HEIGHT, 0) : 0;
|
|
219
218
|
var containerOffsetHeight = offsetHeightOf(container) + horizontalScrollBarOffset;
|
|
220
219
|
if (containerOffsetHeight === scrollHeight && status() === WITHOUT_SCROLL) return;
|
|
221
|
-
if (props().autoScrollTop && scrollHeight - offsetHeight - viewport
|
|
222
|
-
viewport
|
|
220
|
+
if (props().autoScrollTop && scrollHeight - offsetHeight - __scrollTop(viewport) <= 20 && newRatio < ratio && Number.isFinite(newRatio) && Number.isFinite(ratio)) {
|
|
221
|
+
viewport.scrollTop = 0;
|
|
223
222
|
}
|
|
224
223
|
ratio = newRatio;
|
|
225
|
-
styleOf(thumb)
|
|
226
|
-
styleOf(container)
|
|
224
|
+
styleOf(thumb).height = scrollbarHeight / newRatio + 'px';
|
|
225
|
+
styleOf(container).height = scrollHeight - horizontalScrollBarOffset + 'px';
|
|
227
226
|
containerOffsetHeight = offsetHeightOf(container) + horizontalScrollBarOffset;
|
|
228
227
|
if (scrollBarModeOf(props()) === SCROLLBAR_MODE_HIDDEN) {
|
|
229
228
|
if (status() !== WITHOUT_SCROLL) hideScrollbar(scrollbar, viewport);
|
|
@@ -237,8 +236,8 @@ var Scrollable = function (_PureComponent) {
|
|
|
237
236
|
}
|
|
238
237
|
scrolledToBottom = false;
|
|
239
238
|
scrolledToTop = false;
|
|
240
|
-
var position = viewport
|
|
241
|
-
styleOf(thumb)
|
|
239
|
+
var position = __scrollTop(viewport) / (scrollHeight - offsetHeight);
|
|
240
|
+
styleOf(thumb).top = position * (scrollbarHeight - offsetHeightOf(thumb)) + 'px';
|
|
242
241
|
};
|
|
243
242
|
var updateHorizontalScrollbar = function updateHorizontalScrollbar() {
|
|
244
243
|
var scrollWidth = scrollWidthOf(viewport);
|
|
@@ -247,16 +246,16 @@ var Scrollable = function (_PureComponent) {
|
|
|
247
246
|
var newRatio = scrollWidth / scrollbarWidth;
|
|
248
247
|
if (ratioH === newRatio && Number.isFinite(newRatio) || Number.isNaN(newRatio)) return;
|
|
249
248
|
var offsetWidth = offsetWidthOf(viewport);
|
|
250
|
-
var verticalScrollBarOffset = status() !== WITHOUT_SCROLL ? scrollbar
|
|
249
|
+
var verticalScrollBarOffset = status() !== WITHOUT_SCROLL ? __clientWidth(scrollbar) + Math.max(NATIVE_SCROLL_WIDTH, 0) : 0;
|
|
251
250
|
var containerOffsetWidth = offsetWidthOf(container) + verticalScrollBarOffset;
|
|
252
251
|
if (containerOffsetWidth === scrollWidth && statusH() === WITHOUT_SCROLL) return;
|
|
253
252
|
ratioH = newRatio;
|
|
254
|
-
styleOf(thumbH)
|
|
253
|
+
styleOf(thumbH).width = scrollbarWidth / newRatio + 'px';
|
|
255
254
|
if (horizontalScrollBarModeOf(props()) === SCROLLBAR_MODE_HIDDEN) {
|
|
256
255
|
if (statusH() !== WITHOUT_SCROLL) hideHorizontalScrollbar(scrollbarH, viewport);
|
|
257
256
|
return;
|
|
258
257
|
}
|
|
259
|
-
styleOf(container)
|
|
258
|
+
styleOf(container).width = scrollWidth - verticalScrollBarOffset + 'px';
|
|
260
259
|
containerOffsetWidth = offsetWidthOf(container) + verticalScrollBarOffset;
|
|
261
260
|
if (containerOffsetWidth < scrollWidth) {
|
|
262
261
|
adjustedScrollWidth = false;
|
|
@@ -264,8 +263,8 @@ var Scrollable = function (_PureComponent) {
|
|
|
264
263
|
} else {
|
|
265
264
|
hideHorizontalScrollbar(scrollbarH, viewport);
|
|
266
265
|
}
|
|
267
|
-
var position = viewport
|
|
268
|
-
styleOf(thumbH)
|
|
266
|
+
var position = __scrollLeft(viewport) / (scrollWidth - offsetWidth);
|
|
267
|
+
styleOf(thumbH).left = position * (scrollbarWidth - offsetWidthOf(thumbH)) + 'px';
|
|
269
268
|
};
|
|
270
269
|
initTimeout = setTimeout(function () {
|
|
271
270
|
resizeInterval = setInterval(function () {
|
|
@@ -274,45 +273,45 @@ var Scrollable = function (_PureComponent) {
|
|
|
274
273
|
}, 50);
|
|
275
274
|
}, 200);
|
|
276
275
|
};
|
|
277
|
-
that[
|
|
278
|
-
that[
|
|
279
|
-
that[
|
|
276
|
+
that[ReactConstants[0]] = init;
|
|
277
|
+
that[ReactConstants[1]] = clear;
|
|
278
|
+
that[ReactConstants[2]] = function (prevProps) {
|
|
280
279
|
if (scrollBarModeOf(props()) !== scrollBarModeOf(prevProps)) init();else if (onScroll(props()) !== onScroll(prevProps)) init();
|
|
281
280
|
};
|
|
282
281
|
that.setScroll = function (y) {
|
|
283
|
-
viewportRef()
|
|
282
|
+
viewportRef().scrollTop = y;
|
|
284
283
|
};
|
|
285
284
|
that.getScroll = function () {
|
|
286
|
-
return viewportRef()
|
|
285
|
+
return __scrollTop(viewportRef());
|
|
287
286
|
};
|
|
288
287
|
that.getScrollHeight = function () {
|
|
289
288
|
return scrollHeightOf(viewportRef());
|
|
290
289
|
};
|
|
291
290
|
that.getHeight = function () {
|
|
292
|
-
return containerRef()
|
|
291
|
+
return __clientHeight(containerRef());
|
|
293
292
|
};
|
|
294
|
-
that[
|
|
293
|
+
that[ReactConstants[3]] = function () {
|
|
295
294
|
var _props = props();
|
|
296
|
-
var className = _props[
|
|
297
|
-
children = _props[
|
|
295
|
+
var className = _props[ReactConstants[5]],
|
|
296
|
+
children = _props[ReactConstants[4]];
|
|
298
297
|
return ReactCreateElement("div", {
|
|
299
|
-
[
|
|
298
|
+
[ReactConstants[5]]: classNames('Scrollable', className, status() || WITH_SCROLL, statusH() + '-horizontal'),
|
|
300
299
|
style: styleOf(_props),
|
|
301
300
|
ref: containerRef
|
|
302
301
|
}, ReactCreateElement("div", {
|
|
303
|
-
[
|
|
302
|
+
[ReactConstants[5]]: "viewport",
|
|
304
303
|
ref: viewportRef
|
|
305
304
|
}, children), ReactCreateElement("div", {
|
|
306
|
-
[
|
|
305
|
+
[ReactConstants[5]]: classNames('scrollbar', scrollBarModeOf(_props) || SCROLLBAR_MODE_AUTO),
|
|
307
306
|
ref: scrollbarRef
|
|
308
307
|
}, ReactCreateElement("div", {
|
|
309
|
-
[
|
|
308
|
+
[ReactConstants[5]]: "thumb",
|
|
310
309
|
ref: thumbRef
|
|
311
310
|
})), ReactCreateElement("div", {
|
|
312
|
-
[
|
|
311
|
+
[ReactConstants[5]]: classNames('scrollbar horizontal', horizontalScrollBarModeOf(_props)),
|
|
313
312
|
ref: horizontalScrollbarRef
|
|
314
313
|
}, ReactCreateElement("div", {
|
|
315
|
-
[
|
|
314
|
+
[ReactConstants[5]]: "thumb",
|
|
316
315
|
ref: horizontalThumbRef
|
|
317
316
|
})));
|
|
318
317
|
};
|
|
@@ -329,7 +328,7 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
329
328
|
Scrollable.propTypes = {
|
|
330
329
|
scrollBarMode: PropTypes.oneOf([SCROLLBAR_MODE_AUTO, SCROLLBAR_MODE_HIDDEN, SCROLLBAR_MODE_VISIBLE]),
|
|
331
330
|
horizontalScrollBarMode: PropTypes.oneOf([SCROLLBAR_MODE_AUTO, SCROLLBAR_MODE_HIDDEN, SCROLLBAR_MODE_VISIBLE]),
|
|
332
|
-
[
|
|
331
|
+
[ReactConstants[5]]: PropTypes.string,
|
|
333
332
|
style: PropTypes.object,
|
|
334
333
|
onScrolledToBottom: PropTypes.func,
|
|
335
334
|
onScrolledToTop: PropTypes.func,
|