@dscout/particle 0.46.2 → 1.0.0-alpha.2
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/CHANGELOG.md +125 -11
- package/lib/components/advanced_options.js +92 -3
- package/lib/components/attribute_input.js +215 -0
- package/lib/components/attribute_selector.js +106 -22
- package/lib/components/avatar.js +98 -7
- package/lib/components/blitz.js +118 -8
- package/lib/components/button.js +261 -2
- package/lib/components/button_control.js +108 -2
- package/lib/components/button_icon.js +192 -0
- package/lib/components/button_mode.js +174 -2
- package/lib/components/button_plain.js +187 -0
- package/lib/components/card.js +237 -4
- package/lib/components/card_body.js +58 -1
- package/lib/components/card_footer.js +76 -2
- package/lib/components/cards.js +58 -1
- package/lib/components/checkbox_input.js +141 -6
- package/lib/components/chip.js +184 -0
- package/lib/components/collapsible.js +45 -10
- package/lib/components/collapsible_content.js +92 -9
- package/lib/components/collapsing_menu.js +102 -4
- package/lib/components/column.js +72 -1
- package/lib/components/common_button.js +172 -0
- package/lib/components/common_input.js +221 -18
- package/lib/components/common_menu_item.js +160 -9
- package/lib/components/container.js +65 -1
- package/lib/components/container_header.js +81 -1
- package/lib/components/container_inner.js +50 -1
- package/lib/components/controls.js +57 -0
- package/lib/components/drag_and_drop.js +173 -10
- package/lib/components/dropdown.js +228 -13
- package/lib/components/dropdown_input_toggle.js +127 -9
- package/lib/components/editing_container.js +157 -14
- package/lib/components/email_input.js +207 -0
- package/lib/components/file_input.js +125 -3
- package/lib/components/flex.js +216 -28
- package/lib/components/focus_intent.js +84 -10
- package/lib/components/focus_trap.js +103 -2
- package/lib/components/footnote.js +60 -1
- package/lib/components/formatted_text.js +61 -0
- package/lib/components/heading.js +219 -3
- package/lib/components/input_addon.js +115 -0
- package/lib/components/input_group.js +81 -0
- package/lib/components/input_group_item.js +132 -0
- package/lib/components/list.js +92 -3
- package/lib/components/list_inline.js +91 -3
- package/lib/components/media_query.js +52 -5
- package/lib/components/menu.js +91 -2
- package/lib/components/menu_item.js +116 -1
- package/lib/components/menu_item_li.js +152 -11
- package/lib/components/menu_link.js +162 -1
- package/lib/components/menu_list.js +79 -4
- package/lib/components/menu_section.js +66 -2
- package/lib/components/menu_title.js +58 -1
- package/lib/components/modal.js +223 -22
- package/lib/components/modifier.js +241 -14
- package/lib/components/number_input.js +215 -0
- package/lib/components/password_input.js +207 -0
- package/lib/components/pill.js +96 -1
- package/lib/components/radio_input.js +133 -5
- package/lib/components/range_input.js +128 -5
- package/lib/components/row.js +86 -1
- package/lib/components/search_input.js +175 -0
- package/lib/components/segmented_controls.js +58 -1
- package/lib/components/select_input.js +173 -15
- package/lib/components/separator.js +137 -6
- package/lib/components/speech_bubble.js +126 -8
- package/lib/components/swappable_content.js +99 -9
- package/lib/components/tags_input.js +199 -15
- package/lib/components/text_input.js +207 -0
- package/lib/components/textarea.js +187 -11
- package/lib/components/theme_provider.js +172 -0
- package/lib/components/thumbnail.js +94 -8
- package/lib/components/togglable_fieldset.js +110 -14
- package/lib/components/toggle.js +93 -1
- package/lib/components/tooltip.js +144 -4
- package/lib/components/tooltip_container.js +144 -5
- package/lib/components/with_addons.js +121 -0
- package/lib/icons/alert.js +6 -0
- package/lib/icons/amazing_emoticon.js +6 -0
- package/lib/icons/analysis.js +6 -0
- package/lib/icons/approve_payment.js +6 -0
- package/lib/icons/archive.js +6 -0
- package/lib/icons/arrow_up.js +6 -0
- package/lib/icons/autotag.js +88 -0
- package/lib/icons/bell.js +6 -0
- package/lib/icons/bookmark.js +26 -2
- package/lib/icons/camera.js +6 -0
- package/lib/icons/checkbox_check.js +44 -2
- package/lib/icons/checkbox_indeterminate.js +44 -2
- package/lib/icons/checkmark.js +6 -0
- package/lib/icons/{speaker_on.js → checkpoint.js} +14 -13
- package/lib/icons/chevron.js +6 -0
- package/lib/icons/choice.js +6 -0
- package/lib/icons/circle.js +6 -0
- package/lib/icons/circle_checkmark.js +88 -0
- package/lib/icons/circle_chevron.js +6 -0
- package/lib/icons/circle_clone.js +6 -0
- package/lib/icons/circle_i.js +6 -0
- package/lib/icons/circle_minus.js +6 -0
- package/lib/icons/circle_plus.js +6 -0
- package/lib/icons/circle_question.js +6 -0
- package/lib/icons/circle_x.js +6 -0
- package/lib/icons/clip.js +122 -34
- package/lib/icons/clock.js +93 -1
- package/lib/icons/clone.js +6 -0
- package/lib/icons/column.js +81 -0
- package/lib/icons/common_svg.js +172 -19
- package/lib/icons/download.js +6 -0
- package/lib/icons/drag_dots.js +6 -0
- package/lib/icons/dscout.js +6 -0
- package/lib/icons/edit.js +6 -0
- package/lib/icons/email.js +6 -0
- package/lib/icons/export.js +6 -0
- package/lib/icons/express_mission.js +11 -1
- package/lib/icons/express_mission_card.js +6 -0
- package/lib/icons/external_link.js +6 -0
- package/lib/icons/eye.js +95 -0
- package/lib/icons/file_type_text.js +6 -0
- package/lib/icons/filter.js +6 -0
- package/lib/icons/fit.js +6 -0
- package/lib/icons/folder.js +88 -0
- package/lib/icons/good_emoticon.js +6 -0
- package/lib/icons/grid.js +6 -0
- package/lib/icons/grip.js +6 -0
- package/lib/icons/heart.js +95 -0
- package/lib/icons/highlighter.js +6 -0
- package/lib/icons/icon_with_count.js +82 -5
- package/lib/icons/image_file.js +6 -0
- package/lib/icons/key.js +6 -0
- package/lib/icons/knockout.js +6 -0
- package/lib/icons/link.js +6 -0
- package/lib/icons/live_mission.js +11 -1
- package/lib/icons/live_mission_card.js +6 -0
- package/lib/icons/live_notes.js +88 -0
- package/lib/icons/location.js +88 -0
- package/lib/icons/lock.js +88 -0
- package/lib/icons/map.js +6 -0
- package/lib/icons/media.js +6 -0
- package/lib/icons/media_upload.js +6 -0
- package/lib/icons/mic.js +95 -0
- package/lib/icons/minus.js +6 -0
- package/lib/icons/mission.js +11 -1
- package/lib/icons/mission_card.js +6 -0
- package/lib/icons/mobile.js +88 -0
- package/lib/icons/more.js +6 -0
- package/lib/icons/note.js +88 -0
- package/lib/icons/number.js +6 -0
- package/lib/icons/observer.js +6 -0
- package/lib/icons/open_ended.js +6 -0
- package/lib/icons/payment.js +6 -0
- package/lib/icons/pen.js +6 -0
- package/lib/icons/pin.js +88 -0
- package/lib/icons/play.js +6 -0
- package/lib/icons/plus.js +6 -0
- package/lib/icons/poor_emoticon.js +6 -0
- package/lib/icons/power.js +6 -0
- package/lib/icons/profile.js +6 -0
- package/lib/icons/prop_types.js +9 -6
- package/lib/icons/quotation_mark.js +6 -0
- package/lib/icons/radio_circle.js +87 -0
- package/lib/icons/randomize.js +6 -0
- package/lib/icons/remote.js +6 -0
- package/lib/icons/responses.js +6 -0
- package/lib/icons/rocket.js +6 -0
- package/lib/icons/round_arrow_down_left.js +6 -0
- package/lib/icons/round_arrow_right.js +6 -0
- package/lib/icons/row.js +81 -0
- package/lib/icons/scale.js +6 -0
- package/lib/icons/screen.js +95 -0
- package/lib/icons/screen_share.js +6 -0
- package/lib/icons/screener.js +11 -1
- package/lib/icons/screener_card.js +6 -0
- package/lib/icons/screener_small.js +6 -0
- package/lib/icons/send_payment.js +6 -0
- package/lib/icons/settings.js +6 -0
- package/lib/icons/settings_alt.js +6 -0
- package/lib/icons/share.js +6 -0
- package/lib/icons/sidebar.js +6 -0
- package/lib/icons/skip_end.js +6 -0
- package/lib/icons/sort_asc.js +6 -0
- package/lib/icons/sort_desc.js +6 -0
- package/lib/icons/speech_bubble.js +95 -0
- package/lib/icons/spinner.js +88 -0
- package/lib/icons/spinner_progress.js +6 -0
- package/lib/icons/spreadsheet_file.js +6 -0
- package/lib/icons/stacked_missions.js +6 -0
- package/lib/icons/star.js +95 -0
- package/lib/icons/stim.js +88 -0
- package/lib/icons/summary.js +6 -0
- package/lib/icons/tag.js +95 -0
- package/lib/icons/tag_group.js +81 -0
- package/lib/icons/team.js +6 -0
- package/lib/icons/thumbs_down.js +6 -0
- package/lib/icons/thumbs_up.js +6 -0
- package/lib/icons/translate.js +6 -0
- package/lib/icons/trash.js +6 -0
- package/lib/icons/triangle_inverted.js +90 -0
- package/lib/icons/type_video.js +6 -0
- package/lib/icons/upload.js +6 -0
- package/lib/icons/video_fast_forward.js +85 -0
- package/lib/icons/video_next.js +85 -0
- package/lib/icons/video_pause.js +85 -0
- package/lib/icons/video_play.js +85 -0
- package/lib/icons/video_skip.js +85 -0
- package/lib/icons/videocamera.js +95 -0
- package/lib/icons/wand.js +6 -0
- package/lib/icons/wifi.js +6 -0
- package/lib/icons/x.js +6 -0
- package/lib/index.js +64 -68
- package/lib/stylesheets/particle.css +3710 -4065
- package/lib/stylesheets/particle.min.css +1 -2
- package/lib/stylesheets/particle.min.css.gz +0 -0
- package/lib/utils/class_names.js +8 -4
- package/lib/utils/dom.js +8 -4
- package/lib/utils/props.js +26 -2
- package/lib/utils/strings.js +6 -0
- package/lib/utils/types.js +1 -1
- package/package.json +10 -6
- package/styles/_base.scss +57 -9
- package/styles/_mixins.scss +10 -290
- package/styles/_reset.scss +12 -21
- package/styles/_theme_builder.scss +356 -0
- package/styles/_variables.scss +67 -36
- package/styles/components/_focus-intent.scss +3 -3
- package/styles/components/_icons.scss +0 -7
- package/styles/components/_links.scss +0 -36
- package/styles/components/attribute_selector/_base.scss +60 -0
- package/styles/components/attribute_selector/themes/_bandit.scss +18 -0
- package/styles/components/attribute_selector/themes/_researcher.scss +6 -0
- package/styles/components/attribute_selector/themes/_theme_builder.scss +33 -0
- package/styles/components/{_avatar.scss → avatar/_base.scss} +8 -10
- package/styles/components/avatar/themes/_bandit.scss +5 -0
- package/styles/components/avatar/themes/_researcher.scss +5 -0
- package/styles/components/avatar/themes/_theme_builder.scss +7 -0
- package/styles/components/{_blitz.scss → blitz/_base.scss} +14 -10
- package/styles/components/blitz/themes/_bandit.scss +5 -0
- package/styles/components/blitz/themes/_researcher.scss +6 -0
- package/styles/components/blitz/themes/_theme_builder.scss +1 -0
- package/styles/components/buttons/_base.scss +510 -0
- package/styles/components/buttons/themes/_bandit.scss +25 -0
- package/styles/components/buttons/themes/_researcher.scss +6 -0
- package/styles/components/buttons/themes/_theme_builder.scss +89 -0
- package/styles/components/card/_base.scss +88 -0
- package/styles/components/card/themes/_bandit.scss +5 -0
- package/styles/components/card/themes/_researcher.scss +5 -0
- package/styles/components/card/themes/_theme_builder.scss +25 -0
- package/styles/components/chip/_base.scss +38 -0
- package/styles/components/chip/themes/_bandit.scss +12 -0
- package/styles/components/chip/themes/_researcher.scss +5 -0
- package/styles/components/chip/themes/_theme_builder.scss +19 -0
- package/styles/components/collapsible/_base.scss +33 -0
- package/styles/components/collapsible/themes/_bandit.scss +5 -0
- package/styles/components/collapsible/themes/_researcher.scss +5 -0
- package/styles/components/collapsible/themes/_theme_builder.scss +1 -0
- package/styles/components/container/_base.scss +49 -0
- package/styles/components/container/themes/_bandit.scss +6 -0
- package/styles/components/container/themes/_researcher.scss +6 -0
- package/styles/components/container/themes/_theme_builder.scss +15 -0
- package/styles/components/drag_and_drop/_base.scss +46 -0
- package/styles/components/drag_and_drop/themes/_bandit.scss +7 -0
- package/styles/components/drag_and_drop/themes/_researcher.scss +6 -0
- package/styles/components/drag_and_drop/themes/_theme_builder.scss +21 -0
- package/styles/components/dropdown/_base.scss +62 -0
- package/styles/components/dropdown/themes/_bandit.scss +7 -0
- package/styles/components/dropdown/themes/_researcher.scss +6 -0
- package/styles/components/dropdown/themes/_theme_builder.scss +5 -0
- package/styles/components/footnote/_base.scss +11 -0
- package/styles/components/footnote/themes/_bandit.scss +5 -0
- package/styles/components/footnote/themes/_researcher.scss +5 -0
- package/styles/components/footnote/themes/_theme_builder.scss +1 -0
- package/styles/components/grid/_base.scss +41 -0
- package/styles/components/grid/themes/_bandit.scss +5 -0
- package/styles/components/grid/themes/_researcher.scss +5 -0
- package/styles/components/grid/themes/_theme_builder.scss +1 -0
- package/styles/components/input_group/_base.scss +74 -0
- package/styles/components/input_group/themes/_bandit.scss +7 -0
- package/styles/components/input_group/themes/_researcher.scss +6 -0
- package/styles/components/input_group/themes/_theme_builder.scss +5 -0
- package/styles/components/inputs/_base.scss +84 -0
- package/styles/components/inputs/themes/_bandit.scss +30 -0
- package/styles/components/inputs/themes/_researcher.scss +6 -0
- package/styles/components/inputs/themes/_theme_builder.scss +62 -0
- package/styles/components/{_list.scss → list/_base.scss} +39 -47
- package/styles/components/list/themes/_bandit.scss +5 -0
- package/styles/components/list/themes/_researcher.scss +6 -0
- package/styles/components/list/themes/_theme_builder.scss +1 -0
- package/styles/components/menu/_base.scss +184 -0
- package/styles/components/menu/themes/_bandit.scss +6 -0
- package/styles/components/menu/themes/_researcher.scss +6 -0
- package/styles/components/menu/themes/_theme_builder.scss +13 -0
- package/styles/components/modal/base.scss +69 -0
- package/styles/components/modal/themes/_bandit.scss +5 -0
- package/styles/components/modal/themes/_researcher.scss +6 -0
- package/styles/components/modal/themes/_theme_builder.scss +9 -0
- package/styles/components/pill/_base.scss +42 -0
- package/styles/components/pill/themes/_bandit.scss +6 -0
- package/styles/components/pill/themes/_researcher.scss +6 -0
- package/styles/components/pill/themes/_theme_builder.scss +11 -0
- package/styles/components/range/_base.scss +85 -0
- package/styles/components/range/themes/_bandit.scss +15 -0
- package/styles/components/range/themes/_researcher.scss +6 -0
- package/styles/components/range/themes/_theme_builder.scss +35 -0
- package/styles/components/segmented_controls/_base.scss +71 -0
- package/styles/components/segmented_controls/themes/_bandit.scss +6 -0
- package/styles/components/segmented_controls/themes/_researcher.scss +6 -0
- package/styles/components/segmented_controls/themes/_theme_builder.scss +1 -0
- package/styles/components/selectors/_base.scss +153 -0
- package/styles/components/selectors/themes/_bandit.scss +49 -0
- package/styles/components/selectors/themes/_researcher.scss +6 -0
- package/styles/components/selectors/themes/_theme_builder.scss +93 -0
- package/styles/components/separator/_base.scss +11 -0
- package/styles/components/separator/themes/_bandit.scss +5 -0
- package/styles/components/separator/themes/_researcher.scss +6 -0
- package/styles/components/separator/themes/_theme_builder.scss +1 -0
- package/styles/components/speech_bubble/_base.scss +34 -0
- package/styles/components/speech_bubble/themes/_bandit.scss +5 -0
- package/styles/components/speech_bubble/themes/_researcher.scss +6 -0
- package/styles/components/speech_bubble/themes/_theme_builder.scss +1 -0
- package/styles/components/swappable/_base.scss +41 -0
- package/styles/components/swappable/themes/_bandit.scss +5 -0
- package/styles/components/swappable/themes/_researcher.scss +6 -0
- package/styles/components/swappable/themes/_theme_builder.scss +1 -0
- package/styles/components/tags/_base.scss +27 -0
- package/styles/components/tags/themes/_bandit.scss +5 -0
- package/styles/components/tags/themes/_researcher.scss +6 -0
- package/styles/components/tags/themes/_theme_builder.scss +1 -0
- package/styles/components/thumbnail/_base.scss +32 -0
- package/styles/components/thumbnail/themes/_bandit.scss +5 -0
- package/styles/components/thumbnail/themes/_researcher.scss +5 -0
- package/styles/components/thumbnail/themes/_theme_builder.scss +5 -0
- package/styles/components/toggle/_base.scss +83 -0
- package/styles/components/toggle/themes/_bandit.scss +26 -0
- package/styles/components/toggle/themes/_researcher.scss +6 -0
- package/styles/components/toggle/themes/_theme_builder.scss +51 -0
- package/styles/components/tooltip/_base.scss +127 -0
- package/styles/components/tooltip/themes/_bandit.scss +5 -0
- package/styles/components/tooltip/themes/_researcher.scss +6 -0
- package/styles/components/tooltip/themes/_theme_builder.scss +1 -0
- package/styles/css_variables/_bandit.scss +45 -0
- package/styles/css_variables/_researcher.scss +5 -0
- package/styles/particle.scss +48 -36
- package/styles/themes/_bandit.scss +9 -0
- package/styles/themes/_researcher.scss +9 -0
- package/styles/utilities/_alignment.scss +199 -0
- package/styles/utilities/_borders.scss +50 -0
- package/styles/utilities/_colors.scss +606 -0
- package/styles/utilities/_dimensions.scss +265 -0
- package/styles/utilities/_display.scss +71 -0
- package/styles/utilities/_overflow.scss +74 -0
- package/styles/utilities/_position.scss +107 -0
- package/styles/utilities/_radii.scss +70 -0
- package/styles/utilities/_resizing.scss +42 -0
- package/styles/utilities/_shadows.scss +74 -0
- package/styles/utilities/_spacing.scss +579 -0
- package/styles/utilities/_typography.scss +409 -0
- package/styles/utilities/_visibility.scss +36 -0
- package/styles/utilities/_z_index.scss +24 -0
- package/lib/components/bug.js +0 -61
- package/lib/components/button_group.js +0 -55
- package/lib/components/button_link.js +0 -70
- package/lib/components/button_primary.js +0 -112
- package/lib/components/button_secondary.js +0 -93
- package/lib/components/fieldset.js +0 -59
- package/lib/components/scene.js +0 -68
- package/lib/components/validation_message.js +0 -49
- package/lib/components/with_affix.js +0 -114
- package/lib/icons/checkpoint/_checkpoint_filled.js +0 -32
- package/lib/icons/checkpoint/_checkpoint_unfilled.js +0 -29
- package/lib/icons/checkpoint/checkpoint.js +0 -57
- package/lib/utils/colors.js +0 -32
- package/styles/_borders.scss +0 -204
- package/styles/_colors.scss +0 -847
- package/styles/_helpers.scss +0 -660
- package/styles/_spacing.scss +0 -753
- package/styles/_typography.scss +0 -340
- package/styles/components/_affix.scss +0 -74
- package/styles/components/_attribute-selector.scss +0 -38
- package/styles/components/_bug.scss +0 -285
- package/styles/components/_buttons.scss +0 -1366
- package/styles/components/_card.scss +0 -113
- package/styles/components/_collapsible.scss +0 -30
- package/styles/components/_container.scss +0 -62
- package/styles/components/_drag_and_drop.scss +0 -42
- package/styles/components/_dropdown-input.scss +0 -45
- package/styles/components/_dropdown.scss +0 -31
- package/styles/components/_file-input.scss +0 -11
- package/styles/components/_flex.scss +0 -130
- package/styles/components/_footnote.scss +0 -15
- package/styles/components/_forms.scss +0 -474
- package/styles/components/_grid.scss +0 -90
- package/styles/components/_menu.scss +0 -183
- package/styles/components/_modal.scss +0 -74
- package/styles/components/_pill.scss +0 -101
- package/styles/components/_preview.scss +0 -30
- package/styles/components/_scene.scss +0 -46
- package/styles/components/_segmented-controls.scss +0 -51
- package/styles/components/_separator.scss +0 -48
- package/styles/components/_speech-bubble.scss +0 -29
- package/styles/components/_swappable.scss +0 -38
- package/styles/components/_tags.scss +0 -20
- package/styles/components/_tooltip.scss +0 -135
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
|
-
var _class_names = _interopRequireDefault(require("../utils/class_names"));
|
|
13
|
-
|
|
14
|
-
var _refs = require("../utils/refs");
|
|
15
|
-
|
|
16
|
-
var _common_button = _interopRequireDefault(require("./common_button"));
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
20
|
-
var ENUMS = {
|
|
21
|
-
size: ['big', 'small', 'tiny'],
|
|
22
|
-
width: ['fullwidth', 'tight', 'wide']
|
|
23
|
-
};
|
|
24
|
-
var propTypes = {
|
|
25
|
-
_modifierClass: _propTypes.default.string,
|
|
26
|
-
alternate: _propTypes.default.bool,
|
|
27
|
-
'aria-controls': _propTypes.default.string,
|
|
28
|
-
'aria-expanded': _propTypes.default.bool,
|
|
29
|
-
'aria-label': _propTypes.default.string,
|
|
30
|
-
'aria-labelledby': _propTypes.default.string,
|
|
31
|
-
'aria-describedby': _propTypes.default.string,
|
|
32
|
-
'aria-pressed': _propTypes.default.bool,
|
|
33
|
-
children: _propTypes.default.node,
|
|
34
|
-
disabled: _propTypes.default.bool,
|
|
35
|
-
dismiss: _propTypes.default.bool,
|
|
36
|
-
getRef: _refs.getRefPropType,
|
|
37
|
-
id: _propTypes.default.string,
|
|
38
|
-
linkComponent: _propTypes.default.oneOfType([_propTypes.default.oneOf(['a']), _propTypes.default.func]),
|
|
39
|
-
linkProps: _propTypes.default.object,
|
|
40
|
-
name: _propTypes.default.string,
|
|
41
|
-
onClick: _propTypes.default.func,
|
|
42
|
-
onMouseUp: _propTypes.default.func,
|
|
43
|
-
onMouseDown: _propTypes.default.func,
|
|
44
|
-
refProp: _propTypes.default.string,
|
|
45
|
-
size: _propTypes.default.oneOf(ENUMS.size),
|
|
46
|
-
title: _propTypes.default.string,
|
|
47
|
-
type: _propTypes.default.oneOf(['button', 'submit']),
|
|
48
|
-
width: _propTypes.default.oneOf(ENUMS.width)
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
function role(alternate, dismiss) {
|
|
52
|
-
if (alternate) return 'alternate';
|
|
53
|
-
if (dismiss) return 'dismiss';
|
|
54
|
-
return 'default';
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
function whitelistedClassFor(type, value) {
|
|
58
|
-
if (ENUMS[type].includes(value)) return "btn--".concat(value);
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
function ButtonPrimary(_ref) {
|
|
62
|
-
var _modifierClass = _ref._modifierClass,
|
|
63
|
-
alternate = _ref.alternate,
|
|
64
|
-
ariaControls = _ref['aria-controls'],
|
|
65
|
-
ariaExpanded = _ref['aria-expanded'],
|
|
66
|
-
ariaLabel = _ref['aria-label'],
|
|
67
|
-
ariaLabelledby = _ref['aria-labelledby'],
|
|
68
|
-
ariaDescribedby = _ref['aria-describedby'],
|
|
69
|
-
ariaPressed = _ref['aria-pressed'],
|
|
70
|
-
children = _ref.children,
|
|
71
|
-
disabled = _ref.disabled,
|
|
72
|
-
dismiss = _ref.dismiss,
|
|
73
|
-
getRef = _ref.getRef,
|
|
74
|
-
id = _ref.id,
|
|
75
|
-
linkComponent = _ref.linkComponent,
|
|
76
|
-
linkProps = _ref.linkProps,
|
|
77
|
-
name = _ref.name,
|
|
78
|
-
onClick = _ref.onClick,
|
|
79
|
-
onMouseUp = _ref.onMouseUp,
|
|
80
|
-
onMouseDown = _ref.onMouseDown,
|
|
81
|
-
refProp = _ref.refProp,
|
|
82
|
-
title = _ref.title,
|
|
83
|
-
size = _ref.size,
|
|
84
|
-
type = _ref.type,
|
|
85
|
-
width = _ref.width;
|
|
86
|
-
var className = (0, _class_names.default)('btn', "btn--".concat(role(alternate, dismiss)), whitelistedClassFor('size', size), whitelistedClassFor('width', width), _modifierClass);
|
|
87
|
-
return _react.default.createElement(_common_button.default, {
|
|
88
|
-
"aria-controls": ariaControls,
|
|
89
|
-
"aria-expanded": ariaExpanded,
|
|
90
|
-
"aria-label": ariaLabel,
|
|
91
|
-
"aria-labelledby": ariaLabelledby,
|
|
92
|
-
"aria-describedby": ariaDescribedby,
|
|
93
|
-
"aria-pressed": ariaPressed,
|
|
94
|
-
className: className,
|
|
95
|
-
disabled: disabled,
|
|
96
|
-
getRef: getRef,
|
|
97
|
-
id: id,
|
|
98
|
-
linkComponent: linkComponent,
|
|
99
|
-
linkProps: linkProps,
|
|
100
|
-
name: name,
|
|
101
|
-
onClick: onClick,
|
|
102
|
-
onMouseUp: onMouseUp,
|
|
103
|
-
onMouseDown: onMouseDown,
|
|
104
|
-
refProp: refProp,
|
|
105
|
-
title: title,
|
|
106
|
-
type: type
|
|
107
|
-
}, children);
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
ButtonPrimary.propTypes = propTypes;
|
|
111
|
-
var _default = ButtonPrimary;
|
|
112
|
-
exports.default = _default;
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
|
-
var _class_names = _interopRequireDefault(require("../utils/class_names"));
|
|
13
|
-
|
|
14
|
-
var _refs = require("../utils/refs");
|
|
15
|
-
|
|
16
|
-
var _common_button = _interopRequireDefault(require("./common_button"));
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
20
|
-
var propTypes = {
|
|
21
|
-
_modifierClass: _propTypes.default.string,
|
|
22
|
-
'aria-controls': _propTypes.default.string,
|
|
23
|
-
'aria-expanded': _propTypes.default.bool,
|
|
24
|
-
'aria-label': _propTypes.default.string,
|
|
25
|
-
'aria-labelledby': _propTypes.default.string,
|
|
26
|
-
'aria-describedby': _propTypes.default.string,
|
|
27
|
-
'aria-pressed': _propTypes.default.bool,
|
|
28
|
-
children: _propTypes.default.node.isRequired,
|
|
29
|
-
disabled: _propTypes.default.bool,
|
|
30
|
-
getRef: _refs.getRefPropType,
|
|
31
|
-
id: _propTypes.default.string,
|
|
32
|
-
linkComponent: _propTypes.default.oneOfType([_propTypes.default.oneOf(['a']), _propTypes.default.func]),
|
|
33
|
-
linkProps: _propTypes.default.object,
|
|
34
|
-
name: _propTypes.default.string,
|
|
35
|
-
onClick: _propTypes.default.func,
|
|
36
|
-
onMouseUp: _propTypes.default.func,
|
|
37
|
-
onMouseDown: _propTypes.default.func,
|
|
38
|
-
priority: _propTypes.default.oneOf(['1', '2', '3']),
|
|
39
|
-
refProp: _propTypes.default.string,
|
|
40
|
-
title: _propTypes.default.string,
|
|
41
|
-
type: _propTypes.default.oneOf(['button', 'submit'])
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
function ButtonSecondary(_ref) {
|
|
45
|
-
var _modifierClass = _ref._modifierClass,
|
|
46
|
-
ariaControls = _ref['aria-controls'],
|
|
47
|
-
ariaExpanded = _ref['aria-expanded'],
|
|
48
|
-
ariaLabel = _ref['aria-label'],
|
|
49
|
-
ariaLabelledby = _ref['aria-labelledby'],
|
|
50
|
-
ariaDescribedby = _ref['aria-describedby'],
|
|
51
|
-
ariaPressed = _ref['aria-pressed'],
|
|
52
|
-
children = _ref.children,
|
|
53
|
-
disabled = _ref.disabled,
|
|
54
|
-
getRef = _ref.getRef,
|
|
55
|
-
id = _ref.id,
|
|
56
|
-
linkComponent = _ref.linkComponent,
|
|
57
|
-
linkProps = _ref.linkProps,
|
|
58
|
-
name = _ref.name,
|
|
59
|
-
onClick = _ref.onClick,
|
|
60
|
-
onMouseUp = _ref.onMouseUp,
|
|
61
|
-
onMouseDown = _ref.onMouseDown,
|
|
62
|
-
_ref$priority = _ref.priority,
|
|
63
|
-
priority = _ref$priority === void 0 ? '1' : _ref$priority,
|
|
64
|
-
refProp = _ref.refProp,
|
|
65
|
-
title = _ref.title,
|
|
66
|
-
type = _ref.type;
|
|
67
|
-
var className = (0, _class_names.default)('btn', "btn--priority-".concat(priority), _modifierClass);
|
|
68
|
-
return _react.default.createElement(_common_button.default, {
|
|
69
|
-
"aria-controls": ariaControls,
|
|
70
|
-
"aria-expanded": ariaExpanded,
|
|
71
|
-
"aria-label": ariaLabel,
|
|
72
|
-
"aria-labelledby": ariaLabelledby,
|
|
73
|
-
"aria-describedby": ariaDescribedby,
|
|
74
|
-
"aria-pressed": ariaPressed,
|
|
75
|
-
className: className,
|
|
76
|
-
disabled: disabled,
|
|
77
|
-
getRef: getRef,
|
|
78
|
-
id: id,
|
|
79
|
-
linkComponent: linkComponent,
|
|
80
|
-
linkProps: linkProps,
|
|
81
|
-
name: name,
|
|
82
|
-
onClick: onClick,
|
|
83
|
-
onMouseUp: onMouseUp,
|
|
84
|
-
onMouseDown: onMouseDown,
|
|
85
|
-
refProp: refProp,
|
|
86
|
-
title: title,
|
|
87
|
-
type: type
|
|
88
|
-
}, children);
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
ButtonSecondary.propTypes = propTypes;
|
|
92
|
-
var _default = ButtonSecondary;
|
|
93
|
-
exports.default = _default;
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
|
-
var _class_names = _interopRequireDefault(require("../utils/class_names"));
|
|
13
|
-
|
|
14
|
-
var _refs = require("../utils/refs");
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
|
-
var propTypes = {
|
|
19
|
-
_modifierClass: _propTypes.default.string,
|
|
20
|
-
'aria-label': _propTypes.default.string,
|
|
21
|
-
'aria-labelledby': _propTypes.default.string,
|
|
22
|
-
'aria-describedby': _propTypes.default.string,
|
|
23
|
-
children: _propTypes.default.node.isRequired,
|
|
24
|
-
disabled: _propTypes.default.bool,
|
|
25
|
-
getRef: _refs.getRefPropType,
|
|
26
|
-
id: _propTypes.default.string,
|
|
27
|
-
inline: _propTypes.default.bool,
|
|
28
|
-
invalid: _propTypes.default.bool
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
function Fieldset(_ref) {
|
|
32
|
-
var _modifierClass = _ref._modifierClass,
|
|
33
|
-
ariaLabel = _ref['aria-label'],
|
|
34
|
-
ariaLabelledby = _ref['aria-labelledby'],
|
|
35
|
-
ariaDescribedby = _ref['aria-describedby'],
|
|
36
|
-
children = _ref.children,
|
|
37
|
-
disabled = _ref.disabled,
|
|
38
|
-
getRef = _ref.getRef,
|
|
39
|
-
id = _ref.id,
|
|
40
|
-
inline = _ref.inline,
|
|
41
|
-
invalid = _ref.invalid;
|
|
42
|
-
var className = (0, _class_names.default)('fieldset', _modifierClass, {
|
|
43
|
-
inline: inline,
|
|
44
|
-
invalid: invalid
|
|
45
|
-
});
|
|
46
|
-
return _react.default.createElement("fieldset", {
|
|
47
|
-
"aria-label": ariaLabel,
|
|
48
|
-
"aria-labelledby": ariaLabelledby,
|
|
49
|
-
"aria-describedby": ariaDescribedby,
|
|
50
|
-
className: className,
|
|
51
|
-
disabled: disabled,
|
|
52
|
-
id: id,
|
|
53
|
-
ref: getRef
|
|
54
|
-
}, children);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
Fieldset.propTypes = propTypes;
|
|
58
|
-
var _default = Fieldset;
|
|
59
|
-
exports.default = _default;
|
package/lib/components/scene.js
DELETED
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
|
-
var _class_names = _interopRequireDefault(require("../utils/class_names"));
|
|
13
|
-
|
|
14
|
-
var _refs = require("../utils/refs");
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
|
-
var propTypes = {
|
|
19
|
-
_modifierClass: _propTypes.default.string,
|
|
20
|
-
'aria-label': _propTypes.default.string,
|
|
21
|
-
'aria-labelledby': _propTypes.default.string,
|
|
22
|
-
'aria-describedby': _propTypes.default.string,
|
|
23
|
-
children: _propTypes.default.node,
|
|
24
|
-
getRef: _refs.getRefPropType,
|
|
25
|
-
hue: _propTypes.default.oneOf(['alert', 'closed', 'coachmark', 'dscout', 'faint', 'main', 'note', 'success', 'test']),
|
|
26
|
-
id: _propTypes.default.string,
|
|
27
|
-
theme: _propTypes.default.oneOf(['day', 'default', 'night'])
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
function Scene(_ref) {
|
|
31
|
-
var _modifierClass = _ref._modifierClass,
|
|
32
|
-
ariaLabel = _ref['aria-label'],
|
|
33
|
-
ariaLabelledby = _ref['aria-labelledby'],
|
|
34
|
-
ariaDescribedby = _ref['aria-describedby'],
|
|
35
|
-
children = _ref.children,
|
|
36
|
-
getRef = _ref.getRef,
|
|
37
|
-
hue = _ref.hue,
|
|
38
|
-
id = _ref.id,
|
|
39
|
-
_ref$theme = _ref.theme,
|
|
40
|
-
theme = _ref$theme === void 0 ? 'default' : _ref$theme;
|
|
41
|
-
var isDayTheme = theme === 'day';
|
|
42
|
-
var isNightTheme = theme === 'night';
|
|
43
|
-
var className = (0, _class_names.default)(_modifierClass, {
|
|
44
|
-
'bg-color--faint': theme === 'default' && hue === 'faint',
|
|
45
|
-
'hue--alert': isNightTheme && hue === 'alert',
|
|
46
|
-
'hue--closed': isNightTheme && hue === 'closed',
|
|
47
|
-
'hue--coachmark': isNightTheme && hue === 'coachmark',
|
|
48
|
-
'hue--dscout': isNightTheme && hue === 'dscout',
|
|
49
|
-
'hue--main': isNightTheme && (!hue || hue === 'main'),
|
|
50
|
-
'hue--note': isDayTheme && hue === 'note',
|
|
51
|
-
'hue--success': isNightTheme && hue === 'success',
|
|
52
|
-
'hue--test': isNightTheme && hue === 'test',
|
|
53
|
-
'day-scene': isDayTheme,
|
|
54
|
-
'night-scene': isNightTheme
|
|
55
|
-
});
|
|
56
|
-
return _react.default.createElement("div", {
|
|
57
|
-
"aria-label": ariaLabel,
|
|
58
|
-
"aria-labelledby": ariaLabelledby,
|
|
59
|
-
"aria-describedby": ariaDescribedby,
|
|
60
|
-
className: className,
|
|
61
|
-
id: id,
|
|
62
|
-
ref: getRef
|
|
63
|
-
}, children);
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
Scene.propTypes = propTypes;
|
|
67
|
-
var _default = Scene;
|
|
68
|
-
exports.default = _default;
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
|
-
var _refs = require("../utils/refs");
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
|
-
var propTypes = {
|
|
17
|
-
'aria-label': _propTypes.default.string,
|
|
18
|
-
'aria-labelledby': _propTypes.default.string,
|
|
19
|
-
'aria-describedby': _propTypes.default.string,
|
|
20
|
-
children: _propTypes.default.node.isRequired,
|
|
21
|
-
getRef: _refs.getRefPropType,
|
|
22
|
-
id: _propTypes.default.string,
|
|
23
|
-
invalid: _propTypes.default.bool.isRequired
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
function ValidationMessage(_ref) {
|
|
27
|
-
var ariaLabel = _ref['aria-label'],
|
|
28
|
-
ariaLabelledby = _ref['aria-labelledby'],
|
|
29
|
-
ariaDescribedby = _ref['aria-describedby'],
|
|
30
|
-
_ref$children = _ref.children,
|
|
31
|
-
children = _ref$children === void 0 ? '' : _ref$children,
|
|
32
|
-
getRef = _ref.getRef,
|
|
33
|
-
id = _ref.id,
|
|
34
|
-
_ref$invalid = _ref.invalid,
|
|
35
|
-
invalid = _ref$invalid === void 0 ? false : _ref$invalid;
|
|
36
|
-
if (invalid && children) return _react.default.createElement("span", {
|
|
37
|
-
"aria-label": ariaLabel,
|
|
38
|
-
"aria-labelledby": ariaLabelledby,
|
|
39
|
-
"aria-describedby": ariaDescribedby,
|
|
40
|
-
className: "message",
|
|
41
|
-
id: id,
|
|
42
|
-
ref: getRef
|
|
43
|
-
}, children);
|
|
44
|
-
return null;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
ValidationMessage.propTypes = propTypes;
|
|
48
|
-
var _default = ValidationMessage;
|
|
49
|
-
exports.default = _default;
|
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
|
-
var _class_names = _interopRequireDefault(require("../utils/class_names"));
|
|
13
|
-
|
|
14
|
-
var _types = require("../utils/types");
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
|
|
19
|
-
|
|
20
|
-
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
21
|
-
|
|
22
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
23
|
-
|
|
24
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
25
|
-
|
|
26
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
27
|
-
|
|
28
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
29
|
-
|
|
30
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
31
|
-
|
|
32
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
33
|
-
|
|
34
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
35
|
-
|
|
36
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
37
|
-
|
|
38
|
-
var propTypes = {
|
|
39
|
-
_modifierClass: _propTypes.default.string,
|
|
40
|
-
children: _propTypes.default.node.isRequired,
|
|
41
|
-
disabled: _propTypes.default.bool,
|
|
42
|
-
filled: _propTypes.default.bool,
|
|
43
|
-
mini: _propTypes.default.bool,
|
|
44
|
-
name: _propTypes.default.string,
|
|
45
|
-
onPrefixClick: _propTypes.default.func,
|
|
46
|
-
onSuffixClick: _propTypes.default.func,
|
|
47
|
-
prefix: _propTypes.default.node,
|
|
48
|
-
suffix: _propTypes.default.node
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
var WithAffix =
|
|
52
|
-
/*#__PURE__*/
|
|
53
|
-
function (_Component) {
|
|
54
|
-
_inherits(WithAffix, _Component);
|
|
55
|
-
|
|
56
|
-
function WithAffix() {
|
|
57
|
-
_classCallCheck(this, WithAffix);
|
|
58
|
-
|
|
59
|
-
return _possibleConstructorReturn(this, _getPrototypeOf(WithAffix).apply(this, arguments));
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
_createClass(WithAffix, [{
|
|
63
|
-
key: "renderAffix",
|
|
64
|
-
value: function renderAffix(type, onClick) {
|
|
65
|
-
var _this$props = this.props,
|
|
66
|
-
disabled = _this$props.disabled,
|
|
67
|
-
filled = _this$props.filled,
|
|
68
|
-
mini = _this$props.mini,
|
|
69
|
-
name = _this$props.name;
|
|
70
|
-
var AffixComponent = onClick ? 'button' : 'div';
|
|
71
|
-
var props = {
|
|
72
|
-
className: (0, _class_names.default)('affix', type, {
|
|
73
|
-
disabled: disabled,
|
|
74
|
-
filled: filled,
|
|
75
|
-
mini: mini
|
|
76
|
-
})
|
|
77
|
-
};
|
|
78
|
-
|
|
79
|
-
if (onClick) {
|
|
80
|
-
props.onClick = onClick;
|
|
81
|
-
props.disabled = disabled;
|
|
82
|
-
props.name = name ? "".concat(name, "_").concat(type) : type;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
return _react.default.createElement(AffixComponent, props, this.props[type]);
|
|
86
|
-
}
|
|
87
|
-
}, {
|
|
88
|
-
key: "render",
|
|
89
|
-
value: function render() {
|
|
90
|
-
var _this$props2 = this.props,
|
|
91
|
-
_modifierClass = _this$props2._modifierClass,
|
|
92
|
-
children = _this$props2.children,
|
|
93
|
-
onPrefixClick = _this$props2.onPrefixClick,
|
|
94
|
-
onSuffixClick = _this$props2.onSuffixClick,
|
|
95
|
-
prefix = _this$props2.prefix,
|
|
96
|
-
suffix = _this$props2.suffix;
|
|
97
|
-
var hasPrefix = (0, _types.isPresent)(prefix);
|
|
98
|
-
var hasSuffix = (0, _types.isPresent)(suffix);
|
|
99
|
-
var affixClasses = (0, _class_names.default)(_modifierClass, {
|
|
100
|
-
'has-prefix': hasPrefix,
|
|
101
|
-
'has-suffix': hasSuffix
|
|
102
|
-
});
|
|
103
|
-
return _react.default.createElement("div", {
|
|
104
|
-
className: affixClasses
|
|
105
|
-
}, hasPrefix && this.renderAffix('prefix', onPrefixClick), children, hasSuffix && this.renderAffix('suffix', onSuffixClick));
|
|
106
|
-
}
|
|
107
|
-
}]);
|
|
108
|
-
|
|
109
|
-
return WithAffix;
|
|
110
|
-
}(_react.Component);
|
|
111
|
-
|
|
112
|
-
WithAffix.propTypes = propTypes;
|
|
113
|
-
var _default = WithAffix;
|
|
114
|
-
exports.default = _default;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
|
|
11
|
-
|
|
12
|
-
function CheckpointFilled() {
|
|
13
|
-
return _react.default.createElement(_react.Fragment, null, _react.default.createElement("path", {
|
|
14
|
-
d: "M19.8001 6.5H14.5001V11.5C14.5001 13.1569 13.157 14.5 11.5001 14.5V14.71C11.4961 14.8106 11.5121 14.9111 11.5473 15.0055C11.5824 15.0998 11.636 15.1863 11.7048 15.2598C11.7737 15.3333 11.8565 15.3924 11.9484 15.4336C12.0403 15.4749 12.1394 15.4974 12.2401 15.5H19.8001C19.8862 15.4943 19.9694 15.4668 20.042 15.4201C20.1146 15.3735 20.1741 15.3092 20.2151 15.2333C20.256 15.1573 20.2771 15.0723 20.2762 14.986C20.2753 14.8997 20.2526 14.8151 20.2101 14.74L17.0001 11L20.2101 7.26C20.2526 7.18491 20.2753 7.10027 20.2762 7.01401C20.2771 6.92774 20.256 6.84266 20.2151 6.76673C20.1741 6.6908 20.1146 6.6265 20.042 6.57986C19.9694 6.53321 19.8862 6.50573 19.8001 6.5Z",
|
|
15
|
-
fill: "currentColor",
|
|
16
|
-
stroke: "currentColor",
|
|
17
|
-
strokeLinecap: "round",
|
|
18
|
-
strokeLinejoin: "round"
|
|
19
|
-
}), _react.default.createElement("path", {
|
|
20
|
-
d: "M4.5 21.5V3.5H11.5C11.7652 3.5 12.0196 3.60536 12.2071 3.79289C12.3946 3.98043 12.5 4.23478 12.5 4.5V11.5C12.5 11.7652 12.3946 12.0196 12.2071 12.2071C12.0196 12.3946 11.7652 12.5 11.5 12.5H4.5",
|
|
21
|
-
fill: "currentColor"
|
|
22
|
-
}), _react.default.createElement("path", {
|
|
23
|
-
d: "M4.5 21.5V3.5H11.5C11.7652 3.5 12.0196 3.60536 12.2071 3.79289C12.3946 3.98043 12.5 4.23478 12.5 4.5V11.5C12.5 11.7652 12.3946 12.0196 12.2071 12.2071C12.0196 12.3946 11.7652 12.5 11.5 12.5H4.5",
|
|
24
|
-
fill: "currentColor",
|
|
25
|
-
stroke: "currentColor",
|
|
26
|
-
strokeLinecap: "round",
|
|
27
|
-
strokeLinejoin: "round"
|
|
28
|
-
}));
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
var _default = CheckpointFilled;
|
|
32
|
-
exports.default = _default;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
|
|
11
|
-
|
|
12
|
-
function CheckpointUnfilled() {
|
|
13
|
-
return _react.default.createElement(_react.Fragment, null, _react.default.createElement("path", {
|
|
14
|
-
d: "M12.5,6.5h7.3a.51.51,0,0,1,.41.76L17,11l3.21,3.74a.51.51,0,0,1-.41.76H12.24a.77.77,0,0,1-.74-.79V12.5",
|
|
15
|
-
fill: "none",
|
|
16
|
-
stroke: "currentColor",
|
|
17
|
-
strokeLinecap: "round",
|
|
18
|
-
strokeLinejoin: "round"
|
|
19
|
-
}), _react.default.createElement("path", {
|
|
20
|
-
d: "M4.5,21.57V3.5h7a1,1,0,0,1,1,1v7a1,1,0,0,1-1,1l-7,0",
|
|
21
|
-
fill: "none",
|
|
22
|
-
stroke: "currentColor",
|
|
23
|
-
strokeLinecap: "round",
|
|
24
|
-
strokeLinejoin: "round"
|
|
25
|
-
}));
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
var _default = CheckpointUnfilled;
|
|
29
|
-
exports.default = _default;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
|
-
var _common_svg = _interopRequireDefault(require("../common_svg"));
|
|
13
|
-
|
|
14
|
-
var _prop_types = _interopRequireDefault(require("../prop_types"));
|
|
15
|
-
|
|
16
|
-
var _checkpoint_filled = _interopRequireDefault(require("./_checkpoint_filled"));
|
|
17
|
-
|
|
18
|
-
var _checkpoint_unfilled = _interopRequireDefault(require("./_checkpoint_unfilled"));
|
|
19
|
-
|
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
|
|
22
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
|
|
23
|
-
|
|
24
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
25
|
-
|
|
26
|
-
function Checkpoint(_ref) {
|
|
27
|
-
var _modifierClass = _ref._modifierClass,
|
|
28
|
-
ariaDescribedby = _ref['aria-describedby'],
|
|
29
|
-
ariaHidden = _ref['aria-hidden'],
|
|
30
|
-
ariaLabel = _ref['aria-label'],
|
|
31
|
-
ariaLabelledby = _ref['aria-labelledby'],
|
|
32
|
-
color = _ref.color,
|
|
33
|
-
id = _ref.id,
|
|
34
|
-
size = _ref.size,
|
|
35
|
-
tight = _ref.tight,
|
|
36
|
-
title = _ref.title,
|
|
37
|
-
filled = _ref.filled;
|
|
38
|
-
return _react.default.createElement(_common_svg.default, {
|
|
39
|
-
"aria-describedby": ariaDescribedby,
|
|
40
|
-
"aria-hidden": ariaHidden,
|
|
41
|
-
"aria-label": ariaLabel,
|
|
42
|
-
"aria-labelledby": ariaLabelledby,
|
|
43
|
-
color: color,
|
|
44
|
-
id: id,
|
|
45
|
-
size: size,
|
|
46
|
-
tight: tight,
|
|
47
|
-
tightViewBox: "4 0 17 25",
|
|
48
|
-
title: title,
|
|
49
|
-
_modifierClass: _modifierClass
|
|
50
|
-
}, filled ? _react.default.createElement(_checkpoint_filled.default, null) : _react.default.createElement(_checkpoint_unfilled.default, null));
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
Checkpoint.propTypes = _objectSpread({}, _prop_types.default, {
|
|
54
|
-
filled: _propTypes.default.bool
|
|
55
|
-
});
|
|
56
|
-
var _default = Checkpoint;
|
|
57
|
-
exports.default = _default;
|
package/lib/utils/colors.js
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.iconSafeColor = iconSafeColor;
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
|
|
9
|
-
var _includes = _interopRequireDefault(require("./includes"));
|
|
10
|
-
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
|
|
13
|
-
var COLORS_WITH_OPACITY = ['dem', 'disabled', 'edit-state', 'faint', 'main-light', 'min'];
|
|
14
|
-
var SPECIAL_CASE_MAP = {
|
|
15
|
-
edit: 'edit-state-s',
|
|
16
|
-
white: 'invert'
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
function getIconSafePredicate(color) {
|
|
20
|
-
if ((0, _includes.default)(COLORS_WITH_OPACITY, color)) return "".concat(color, "-s");
|
|
21
|
-
return SPECIAL_CASE_MAP[color] || color;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
function iconSafeColor(color) {
|
|
25
|
-
if (!color) return;
|
|
26
|
-
return "color--".concat(getIconSafePredicate(color));
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
var _default = {
|
|
30
|
-
iconSafeColor: iconSafeColor
|
|
31
|
-
};
|
|
32
|
-
exports.default = _default;
|