@geneui/components 2.11.2 → 2.12.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/{ActionableList.js → ActionableList/index.js} +83 -152
- package/{AdvancedSearch.js → AdvancedSearch/index.js} +290 -304
- package/Alert/index.js +97 -0
- package/Avatar/index.js +30 -0
- package/Badge/index.js +75 -0
- package/{Breadcrumb.js → Breadcrumb/index.js} +32 -31
- package/BusyLoader/index.js +68 -0
- package/Button/index.js +129 -0
- package/CHANGELOG.md +53 -0
- package/{Card.js → Card/index.js} +82 -94
- package/{CardList.js → CardList/index.js} +120 -165
- package/{CellMeasurerCache-b786dd93.js → CellMeasurerCache-3741d716.js} +2 -2
- package/{index-9164a86d.js → Charts/index.js} +17103 -30447
- package/{Checkbox.js → Checkbox/index.js} +37 -38
- package/{CheckboxGroup.js → CheckboxGroup/index.js} +41 -42
- package/{CheckboxGroupWithSearch.js → CheckboxGroupWithSearch/index.js} +64 -65
- package/{Collapse.js → Collapse/index.js} +28 -29
- package/{ColorPicker.js → ColorPicker/index.js} +16 -16
- package/ComboBox/index.js +525 -0
- package/Counter/index.js +310 -0
- package/{DateFilter.js → DateFilter/index.js} +45 -43
- package/{DatePicker.js → DatePicker/index.js} +106 -108
- package/{index-0199942c.js → DatePickerInput/index.js} +114 -100
- package/{Divider.js → Divider/index.js} +9 -10
- package/{Drawer.js → Drawer/index.js} +40 -41
- package/Dropdown/index.js +41 -0
- package/{Editor.js → Editor/index.js} +165 -164
- package/{Empty.js → Empty/index.js} +12 -13
- package/{ExtendedInput.js → ExtendedInput/index.js} +81 -71
- package/Form/index.js +83 -0
- package/{FormContainer.js → FormContainer/index.js} +25 -26
- package/FormableCheckbox/index.js +26 -0
- package/FormableDatePicker/index.js +41 -0
- package/FormableDropdown/index.js +48 -0
- package/FormableEditor/index.js +24 -0
- package/{FormableHOC-21051057.js → FormableHOC-55263162.js} +3 -3
- package/FormableMultiSelectDropdown/index.js +48 -0
- package/FormableNumberInput/index.js +32 -0
- package/FormableRadio/index.js +22 -0
- package/FormableSwitcher/index.js +22 -0
- package/FormableTextInput/index.js +32 -0
- package/FormableUploader/index.js +42 -0
- package/GeneUIProvider/index.js +282 -0
- package/{Grid.js → Grid/index.js} +27 -27
- package/Holder/index.js +261 -0
- package/{Icon.js → Icon/index.js} +9 -10
- package/Image/index.js +129 -0
- package/ImagePreview/index.js +481 -0
- package/{KeyValue.js → KeyValue/index.js} +11 -12
- package/LICENSE +21 -0
- package/Label/index.js +57 -0
- package/LinkButton/index.js +67 -0
- package/{Menu.js → Menu/index.js} +27 -28
- package/MobileNavigation/index.js +94 -0
- package/{MobilePopup.js → MobilePopup/index.js} +42 -41
- package/{Modal.js → Modal/index.js} +39 -40
- package/ModuleTitle/index.js +143 -0
- package/{NavigationMenu.js → NavigationMenu/index.js} +30 -29
- package/Notification/index.js +119 -0
- package/Option/index.js +184 -0
- package/Overlay/index.js +189 -0
- package/Overspread/index.js +289 -0
- package/{Pagination.js → Pagination/index.js} +35 -34
- package/Paper/index.js +96 -0
- package/{index-084588e9.js → Popover/index.js} +48 -58
- package/PopoverV2/index.js +18 -0
- package/{Portal.js → Portal/index.js} +7 -8
- package/{Products.js → Products/index.js} +20 -21
- package/Profile/index.js +585 -0
- package/Progress/index.js +199 -0
- package/{QRCode.js → QRCode/index.js} +4 -6
- package/{Radio.js → Radio/index.js} +25 -26
- package/{RadioGroup.js → RadioGroup/index.js} +17 -18
- package/{index-00fe8887.js → Range/index.js} +29 -32
- package/RichEditor/index.js +13 -0
- package/{RichEditor-98accead.js → RichEditor-8b0f7ccd.js} +18 -18
- package/{Scrollbar.js → Scrollbar/index.js} +15 -17
- package/{Search.js → Search/index.js} +25 -24
- package/SearchWithDropdown/index.js +138 -0
- package/Section/index.js +61 -0
- package/{SkeletonLoader.js → SkeletonLoader/index.js} +13 -14
- package/{Slider.js → Slider/index.js} +46 -43
- package/Status/index.js +103 -0
- package/Steps/index.js +313 -0
- package/{index-897d8240.js → SuggestionList/index.js} +15 -38
- package/{Switcher.js → Switcher/index.js} +30 -31
- package/Table/index.js +53 -0
- package/{TableCompositions.js → TableCompositions/index.js} +131 -168
- package/Tabs/index.js +235 -0
- package/Tag/index.js +102 -0
- package/{TextLink.js → TextLink/index.js} +3 -3
- package/{Textarea.js → Textarea/index.js} +66 -65
- package/{Time.js → Time/index.js} +13 -14
- package/TimePicker/index.js +555 -0
- package/Timeline/index.js +113 -0
- package/Title/index.js +65 -0
- package/{Toaster.js → Toaster/index.js} +19 -20
- package/{Tooltip.js → Tooltip/index.js} +27 -28
- package/{TransferList.js → TransferList/index.js} +44 -55
- package/{index-135b9d17.js → Uploader/index.js} +119 -116
- package/{ValidatableCheckbox.js → ValidatableCheckbox/index.js} +23 -24
- package/{ValidatableDatePicker.js → ValidatableDatePicker/index.js} +44 -42
- package/ValidatableDropdown/index.js +139 -0
- package/ValidatableElements/index.js +65 -0
- package/ValidatableMultiSelectDropdown/index.js +150 -0
- package/{ValidatableNumberInput.js → ValidatableNumberInput/index.js} +41 -33
- package/{ValidatableRadio.js → ValidatableRadio/index.js} +19 -20
- package/{ValidatableSwitcher.js → ValidatableSwitcher/index.js} +19 -20
- package/{ValidatableTextInput.js → ValidatableTextInput/index.js} +32 -31
- package/{ValidatableTimeInput.js → ValidatableTimeInput/index.js} +31 -30
- package/{ValidatableUploader.js → ValidatableUploader/index.js} +36 -34
- package/Widget/index.js +227 -0
- package/config-0ca92874.js +31 -0
- package/{configs-91c86664.js → configs-fed6ac34.js} +28 -1
- package/hooks/useBodyScroll.js +16 -0
- package/hooks/useClick.js +18 -0
- package/{useClickOutside-5183e396.js → hooks/useClickOutside.js} +1 -1
- package/hooks/useDebounceHook.js +16 -0
- package/{useDeviceType-dd51db38.js → hooks/useDeviceType.js} +4 -3
- package/hooks/useDidMount.js +15 -0
- package/{useEllipsisDetection-ef536015.js → hooks/useEllipsisDetection.js} +1 -1
- package/hooks/useForceUpdate.js +8 -0
- package/hooks/useImgDownload.js +18 -0
- package/{useKeyDown-38102ae7.js → hooks/useKeyDown.js} +1 -1
- package/hooks/useMount.js +13 -0
- package/hooks/useMutationObserver.js +21 -0
- package/hooks/usePrevious.js +10 -0
- package/hooks/useThrottle.js +16 -0
- package/hooks/useToggle.js +11 -0
- package/hooks/useUpdatableRef.js +14 -0
- package/hooks/useUpdate.js +10 -0
- package/{useWidth-9f4647f8.js → hooks/useWidth.js} +2 -2
- package/{useWindowSize-80369d76.js → hooks/useWindowSize.js} +1 -1
- package/{index-8c98317a.js → index-11eea761.js} +678 -752
- package/index-2ad83e03.js +4 -0
- package/index-34e47647.js +10054 -0
- package/index-45eafea6.js +90 -0
- package/{index-5e96cb4d.js → index-462461c0.js} +50 -48
- package/{index-ac59cb10.js → index-a0e4e333.js} +6 -6
- package/{index-e8776f3d.js → index-b1e429a7.js} +1 -1
- package/index.d.ts +115 -0
- package/index.js +137 -113
- package/index.mobile.d.ts +16 -0
- package/lib/atoms/Avatar/Avatar.d.ts +34 -0
- package/lib/atoms/Avatar/index.d.ts +1 -0
- package/lib/atoms/LinkButton/LinkButton.d.ts +46 -0
- package/lib/atoms/LinkButton/index.d.ts +1 -0
- package/{objectWithoutPropertiesLoose-299691d8.js → objectWithoutPropertiesLoose-d8a4a68c.js} +12 -12
- package/package.json +42 -22
- package/{rangeAndSlider-20599da4.js → rangeAndSlider-0301a458.js} +220 -375
- package/{react-beautiful-dnd.esm-38c37304.js → react-beautiful-dnd.esm-04c14563.js} +9 -9
- package/react-lifecycles-compat.es-6e1f3768.js +158 -0
- package/Alert.js +0 -98
- package/Avatar.js +0 -77
- package/Badge.js +0 -76
- package/BusyLoader.js +0 -69
- package/Button.js +0 -130
- package/Charts.js +0 -99
- package/ComboBox.js +0 -99
- package/Counter.js +0 -99
- package/DatePickerInput.js +0 -30
- package/Dropdown.js +0 -99
- package/Form.js +0 -116
- package/FormableCheckbox.js +0 -27
- package/FormableDatePicker.js +0 -39
- package/FormableDropdown.js +0 -105
- package/FormableEditor.js +0 -24
- package/FormableMultiSelectDropdown.js +0 -105
- package/FormableNumberInput.js +0 -31
- package/FormableRadio.js +0 -23
- package/FormableSwitcher.js +0 -23
- package/FormableTextInput.js +0 -31
- package/FormableUploader.js +0 -40
- package/GeneUIProvider.js +0 -256
- package/Holder.js +0 -99
- package/Image.js +0 -130
- package/ImagePreview.js +0 -99
- package/Label.js +0 -58
- package/LinkButton.js +0 -104
- package/MobileNavigation.js +0 -95
- package/ModuleTitle.js +0 -99
- package/Notification.js +0 -120
- package/Option.js +0 -186
- package/Overlay.js +0 -99
- package/Overspread.js +0 -343
- package/Paper.js +0 -97
- package/Popover.js +0 -20
- package/PopoverV2.js +0 -19
- package/Profile.js +0 -99
- package/Progress.js +0 -200
- package/Range.js +0 -14
- package/RichEditor.js +0 -13
- package/SearchWithDropdown.js +0 -195
- package/Section.js +0 -62
- package/Status.js +0 -104
- package/Steps.js +0 -312
- package/SuggestionList.js +0 -15
- package/Table.js +0 -102
- package/Tabs.js +0 -236
- package/Tag.js +0 -103
- package/TimePicker.js +0 -99
- package/Timeline.js +0 -114
- package/Title.js +0 -66
- package/Uploader.js +0 -32
- package/ValidatableDropdown.js +0 -99
- package/ValidatableElements.js +0 -99
- package/ValidatableMultiSelectDropdown.js +0 -99
- package/Widget.js +0 -99
- package/globalStyling-9c60a159.js +0 -4
- package/index-2030e31c.js +0 -4
- package/index-b7a33c58.js +0 -11
- package/index-e0af0caf.js +0 -1182
- package/useMount-6fef51a5.js +0 -9
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React__default, { useRef, useMemo, useCallback } from 'react';
|
|
2
|
-
import
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
3
|
import { c as classnames } from './index-6ff23041.js';
|
|
4
4
|
import { g as getDefaultExportFromCjs } from './_commonjsHelpers-24198af3.js';
|
|
5
|
-
import { n as noop } from './index-
|
|
5
|
+
import { n as noop } from './index-a0e4e333.js';
|
|
6
6
|
import { s as styleInject } from './style-inject.es-746bb8ed.js';
|
|
7
7
|
|
|
8
8
|
var joditReactExports = {};
|
|
@@ -61,7 +61,7 @@ const controls = {
|
|
|
61
61
|
}
|
|
62
62
|
};
|
|
63
63
|
|
|
64
|
-
var css_248z = "[data-gene-ui-version=\"1.0.0\"] .information-message{cursor:default;font:600 1.2rem/1.42 var(--font-family);margin:.6rem 0 0;padding:0 var(--input-message-padding-side);width:100%}[data-gene-ui-version=\"1.0.0\"] .information-message:empty{display:none}[data-gene-ui-version=\"1.0.0\"] .rich-editor-wrapper{align-items:stretch;display:flex;flex-direction:column;transition:opacity .4s;width:100%}[data-gene-ui-version=\"1.0.0\"] .rich-editor-wrapper.error{--editor-border-color:var(--danger)}[data-gene-ui-version=\"1.0.0\"] .rich-editor-wrapper.error .information-message{color:var(--danger)}[data-gene-ui-version=\"1.0.0\"] .rich-editor-wrapper.success{--editor-border-color:var(--confirm)}[data-gene-ui-version=\"1.0.0\"] .rich-editor-wrapper.success .information-message{color:var(--confirm)}[data-gene-ui-version=\"1.0.0\"] .rich-editor-wrapper.disabled{opacity:.5;pointer-events:none}[data-gene-ui-version=\"1.0.0\"] .jodit-container{overflow:auto}[data-gene-ui-version=\"1.0.0\"] .jodit-container:not(.jodit_fullsize){height:100%!important;width:100%!important}[data-gene-ui-version=\"1.0.0\"] .jodit-container:not(.jodit_inline){background:var(--background);border:1px solid var(--editor-border-color,rgba(var(--background-sc-rgb),.1));border-radius:1rem;color:var(--background-sc);transition:border-color .4s}[data-gene-ui-version=\"1.0.0\"] .jodit-container sup{font-size:smaller;vertical-align:super}[data-gene-ui-version=\"1.0.0\"] .jodit-container sub{font-size:smaller;vertical-align:sub}[data-gene-ui-version=\"1.0.0\"] .jodit-toolbar-editor-collection_mode_horizontal{background:none!important}[data-gene-ui-version=\"1.0.0\"] .jodit-toolbar-editor-collection_mode_horizontal:after{content:none}[data-gene-ui-version=\"1.0.0\"] .jodit-popup__content .jodit-toolbar-editor-collection_mode_horizontal .jodit-ui-group{gap:.6rem}[data-gene-ui-version=\"1.0.0\"] .jodit-toolbar__box:not(:empty){background-color:var(--background);border-bottom:1px solid rgba(var(--background-sc-rgb),.1);border-radius:.9rem .9rem 0 0;padding:.6rem}[data-gene-ui-version=\"1.0.0\"] .jodit-toolbar-editor-collection .jodit-toolbar-button{border:0;margin:0;min-height:3.6rem;min-width:3.6rem}[data-gene-ui-version=\"1.0.0\"] .jodit-toolbar-editor-collection .jodit-toolbar-button button{border-radius:.4rem;cursor:pointer;min-height:3.6rem;min-width:3.6rem}[data-gene-ui-version=\"1.0.0\"] .jodit-toolbar-editor-collection .jodit-toolbar-button button .jodit-icon{stroke:rgba(var(--background-sc-rgb),.75);fill:rgba(var(--background-sc-rgb),.75);height:1.4rem;width:1.4rem}[data-gene-ui-version=\"1.0.0\"] .jodit-toolbar-editor-collection .jodit-toolbar-button__button:active:not([disabled]){background-color:rgba(var(--background-sc-rgb),.05)}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .jodit-toolbar-editor-collection .jodit-toolbar-button__button:hover:not([disabled]){background:rgba(var(--hero-rgb),.1);color:var(--hero)}[data-gene-ui-version=\"1.0.0\"] .jodit-toolbar-editor-collection .jodit-toolbar-button__button:hover:not([disabled]) .jodit-icon{stroke:var(--hero);fill:var(--hero)}}[data-gene-ui-version=\"1.0.0\"] .jodit-toolbar-editor-collection .jodit-toolbar-button__button[aria-pressed=true]:not([disabled]){background:var(--hero)}[data-gene-ui-version=\"1.0.0\"] .jodit-toolbar-editor-collection .jodit-toolbar-button__button[aria-pressed=true]:not([disabled]) .jodit-icon{stroke:var(--hero-sc);fill:var(--hero-sc)}[data-gene-ui-version=\"1.0.0\"] .jodit-toolbar-editor-collection .jodit-toolbar-button__trigger{border-radius:.4rem;cursor:pointer;opacity:1}[data-gene-ui-version=\"1.0.0\"] .jodit-toolbar-editor-collection .jodit-toolbar-button__trigger svg{fill:rgba(var(--background-sc-rgb),.5);height:.8rem;width:.8rem}[data-gene-ui-version=\"1.0.0\"] .jodit-toolbar-editor-collection .jodit-toolbar-button__trigger:active:not([disabled]){background-color:rgba(var(--background-sc-rgb),.05)}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .jodit-toolbar-editor-collection .jodit-toolbar-button__trigger:hover:not([disabled]){background:rgba(var(--hero-rgb),.1)}[data-gene-ui-version=\"1.0.0\"] .jodit-toolbar-editor-collection .jodit-toolbar-button__trigger:hover:not([disabled]) svg{fill:var(--hero)}}[data-gene-ui-version=\"1.0.0\"] .jodit-ui-separator{align-self:center;border-color:rgba(var(--background-sc-rgb),.1);height:2rem;margin:0 .8rem}[data-gene-ui-version=\"1.0.0\"] .jodit-workplace+.jodit-status-bar:not(:empty){border-top:1px solid rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"1.0.0\"] .jodit-status-bar{background:#0000;border-radius:0;height:2.6rem;padding:0 1.2rem}[data-gene-ui-version=\"1.0.0\"] .jodit-status-bar *{font-family:var(--font-family)!important}[data-gene-ui-version=\"1.0.0\"] .jodit-status-bar .jodit-toolbar-button{align-items:center;border:0;display:flex;height:1.8rem;justify-content:center;width:1.8rem}[data-gene-ui-version=\"1.0.0\"] .jodit-status-bar .jodit-toolbar-button button{border-radius:.4rem;cursor:pointer;height:1.8rem;width:1.8rem}[data-gene-ui-version=\"1.0.0\"] .jodit-status-bar .jodit-toolbar-button button:hover:not([disabled]){background-color:rgba(var(--hero-rgb),.1)}[data-gene-ui-version=\"1.0.0\"] .jodit-status-bar .jodit-toolbar-button button:hover:not([disabled]) svg{fill:var(--hero)}[data-gene-ui-version=\"1.0.0\"] .jodit-status-bar .jodit-toolbar-button svg{fill:var(--background-sc)}[data-gene-ui-version=\"1.0.0\"] .jodit-status-bar .jodit-xpath__item a{color:rgba(var(--background-sc-rgb),.6);cursor:pointer;display:block}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .jodit-status-bar .jodit-xpath__item a:hover{background-color:rgba(var(--hero-rgb),.1);color:var(--hero)}}[data-gene-ui-version=\"1.0.0\"] .jodit-popup{border-radius:1rem;box-shadow:0 .2rem .4rem 0 #0000000d,0 0 0 1px rgba(var(--background-sc-rgb),.08);margin:.8rem 0 0}[data-gene-ui-version=\"1.0.0\"] .jodit-popup__content{background:var(--background);border-radius:1rem;color:var(--background-sc);font:600 1.4rem/1.6 var(--font-family);max-height:40rem;padding:1rem 0}[data-gene-ui-version=\"1.0.0\"] .jodit-popup__content .jodit-toolbar-editor-collection_mode_horizontal{padding:0 1rem}[data-gene-ui-version=\"1.0.0\"] .jodit-popup__content .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button{border-radius:0;position:relative}[data-gene-ui-version=\"1.0.0\"] .jodit-popup__content .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button button:only-child{border-radius:0;padding:.9rem 1.4rem;padding-inline-end:5rem}[data-gene-ui-version=\"1.0.0\"] .jodit-popup__content .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__button:only-child:before{color:var(--hero);content:\"\\e95f\";font:2.4rem/1 betcore;position:absolute;top:calc(50% - 1.2rem);transform:scale(0);transition:color .4s,transform .4s}html:not([dir=rtl]) .jodit-popup__content .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__button:only-child:before{right:1.4rem}html[dir=rtl] .jodit-popup__content .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__button:only-child:before{left:1.4rem}[data-gene-ui-version=\"1.0.0\"] .jodit-popup__content .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__button:only-child:active:not([disabled]){background-color:rgba(var(--background-sc-rgb),.05)}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .jodit-popup__content .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__button:only-child:hover:not([disabled]){background:rgba(var(--background-sc-rgb),.05)}}[data-gene-ui-version=\"1.0.0\"] .jodit-popup__content .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__button:only-child[aria-pressed=true]:before{transform:scale(1)}[data-gene-ui-version=\"1.0.0\"] .jodit-popup__content .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__button:only-child[aria-pressed=true]:not([disabled]){color:var(--hero)}[data-gene-ui-version=\"1.0.0\"] .jodit-popup__content .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__button:only-child[aria-pressed=true]:not([disabled]):not(:hover){background:var(--background)}[data-gene-ui-version=\"1.0.0\"] .jodit-tabs{padding:.6rem 1.6rem}[data-gene-ui-version=\"1.0.0\"] .jodit-tabs .jodit-tabs__buttons{border-radius:4.2rem;box-shadow:inset 0 0 0 1px rgba(var(--background-sc-rgb),.1);margin:0 0 1rem}[data-gene-ui-version=\"1.0.0\"] .jodit-tabs .jodit-tabs__buttons button{background:none!important;border:1px solid rgba(var(--hero-rgb),0);border-radius:4.2rem;cursor:pointer;height:3.8rem;margin:0;outline:0!important;transition:color .4s,border-color .4s;width:100%}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .jodit-tabs .jodit-tabs__buttons button:hover{color:var(--hero)}}[data-gene-ui-version=\"1.0.0\"] .jodit-tabs .jodit-tabs__buttons button[aria-pressed=true]{border-color:var(--hero);color:var(--hero);pointer-events:none}[data-gene-ui-version=\"1.0.0\"] .jodit-tabs .jodit-tabs__buttons button svg{display:none}[data-gene-ui-version=\"1.0.0\"] .jodit-color-picker a:hover{border-color:var(--background-sc)}[data-gene-ui-version=\"1.0.0\"] .jodit-color-picker__extra{align-items:center;display:flex;margin:1.2rem 0 0;width:100%}[data-gene-ui-version=\"1.0.0\"] .jodit-color-picker__extra .jodit-color-picker__native{align-items:center;display:flex}[data-gene-ui-version=\"1.0.0\"] .jodit-color-picker__extra .jodit-color-picker__native svg{fill:var(--background-sc)}[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form{grid-row-gap:1.6rem;display:grid;grid-template-columns:100%;min-width:24rem;padding:.6rem 1.6rem}[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form>*{margin:0}[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form *{outline:0!important}[data-gene-ui-version=\"1.0.0\"] .jodit-tab .jodit-ui-form{padding:0}[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-input{width:100%}[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-input__label{color:rgba(var(--background-sc-rgb),.6);font:600 1.2rem/1.4rem var(--font-family);margin:0 0 .6rem}[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-input__wrapper,[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-text-area__wrapper{background:none;border:0}[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-input__input,[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-text-area__input{background:var(--background);border:1px solid rgba(var(--background-sc-rgb),.1);border-radius:.4rem;color:var(--background-sc);font-family:var(--font-family);font-size:1.4rem;font-weight:600;height:3.6rem;padding:0 1.2rem}[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-input__input::input-placeholder,[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-text-area__input::input-placeholder{color:rgba(var(--background-sc-rgb),.6)}[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-input__input:placeholder,[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-text-area__input:placeholder{color:rgba(var(--background-sc-rgb),.6)}[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-input__input::placeholder,[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-text-area__input::placeholder{color:rgba(var(--background-sc-rgb),.6)}[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-input__input:input-placeholder,[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-text-area__input:input-placeholder{color:rgba(var(--background-sc-rgb),.6)}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-input__input:hover,[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-text-area__input:hover{border-color:rgba(var(--background-sc-rgb),.15)}}[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-input__input:focus,[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-text-area__input:focus{border-color:rgba(var(--background-sc-rgb),.2)}[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-text-area__input{min-height:8rem;padding:1.2rem;resize:vertical}[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-block.jodit-ui-block_size_middle{gap:1rem}[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-block.jodit-ui-block_size_middle .jodit-ui-button{border-radius:3.6rem;cursor:pointer;height:3.6rem;padding:0 1.2rem;transition:color .4s,background .4s;width:100%}[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-block.jodit-ui-block_size_middle .jodit-ui-button.jodit-ui-button_status_default{background:rgba(var(--background-sc-rgb),.05);color:var(--background-sc)}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-block.jodit-ui-block_size_middle .jodit-ui-button.jodit-ui-button_status_default:hover{background:rgba(var(--background-sc-rgb),.1)}}[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-block.jodit-ui-block_size_middle .jodit-ui-button.jodit-ui-button_status_primary{background:var(--hero);color:var(--hero-sc)}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .jodit-ui-form .jodit-ui-block.jodit-ui-block_size_middle .jodit-ui-button.jodit-ui-button_status_primary:hover{background:var(--hero-hover)}}[data-gene-ui-version=\"1.0.0\"] .jodit-checkbox,[data-gene-ui-version=\"1.0.0\"] .jodit-ui-checkbox__input{-webkit-appearance:checkbox;appearance:checkbox}[data-gene-ui-version=\"1.0.0\"] .jodit-workplace{background:#fff;color:#000;line-height:1.7}[data-gene-ui-version=\"1.0.0\"] .jodit-workplace ol,[data-gene-ui-version=\"1.0.0\"] .jodit-workplace ul{grid-row-gap:1rem;display:grid;grid-template-columns:100%;padding:.6rem 2rem}[data-gene-ui-version=\"1.0.0\"] .jodit-workplace ol li,[data-gene-ui-version=\"1.0.0\"] .jodit-workplace ul li{display:list-item}[data-gene-ui-version=\"1.0.0\"] .jodit-workplace blockquote{background:#f3f3f5;border-radius:1.2rem;padding:2.4rem 4.8rem;position:relative}[data-gene-ui-version=\"1.0.0\"] .jodit-workplace blockquote:after,[data-gene-ui-version=\"1.0.0\"] .jodit-workplace blockquote:before{color:#8c8c91;font-size:4.8rem;line-height:1;margin:1.5rem;position:absolute}[data-gene-ui-version=\"1.0.0\"] .jodit-workplace blockquote:before{content:open-quote;left:0;top:0}[data-gene-ui-version=\"1.0.0\"] .jodit-workplace blockquote:after{bottom:0;content:close-quote;margin-bottom:0;right:0}[data-gene-ui-version=\"1.0.0\"] .jodit-form__inserter{padding:1rem 2rem}[data-gene-ui-version=\"1.0.0\"] .jodit-form__inserter .jodit-form__center{color:rgba(var(--background-sc-rgb),.7);padding:1.2rem 0 0}[data-gene-ui-version=\"1.0.0\"] .jodit-form__inserter .jodit-form__table-creator-box .jodit-form__container>div>span{border-color:rgba(var(--background-sc-rgb),.15);border-radius:1px;cursor:pointer;transition:background .2s,border-color .2s}[data-gene-ui-version=\"1.0.0\"] .jodit-form__inserter .jodit-form__table-creator-box .jodit-form__container>div>span.jodit_hovered{background:rgba(var(--hero-rgb),.1);border-color:var(--hero)}[data-gene-ui-version=\"1.0.0\"] .jodit-drag-and-drop__file-box{border-color:rgba(var(--background-sc-rgb),.2);border-radius:1rem;color:var(--background-sc);transition:color .2s,background .2s,border-color .2s;width:24rem}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .jodit-drag-and-drop__file-box:hover{background:rgba(var(--hero-rgb),.1);border-color:var(--hero);color:var(--hero)}}[data-gene-ui-version=\"1.0.0\"] .jodit-dialog__panel{color:#000}[data-gene-ui-version=\"1.0.0\"] .jodit-dialog__panel .jodit-tabs__buttons{box-shadow:inset 0 0 0 1px #0000001a}";
|
|
64
|
+
var css_248z = "[data-gene-ui-version=\"2.12.2\"] .information-message{cursor:default;font:600 1.2rem/1.42 var(--font-family);margin:.6rem 0 0;padding:0 var(--input-message-padding-side);width:100%}[data-gene-ui-version=\"2.12.2\"] .information-message:empty{display:none}[data-gene-ui-version=\"2.12.2\"] .rich-editor-wrapper{align-items:stretch;display:flex;flex-direction:column;transition:opacity .4s;width:100%}[data-gene-ui-version=\"2.12.2\"] .rich-editor-wrapper.error{--editor-border-color:var(--danger)}[data-gene-ui-version=\"2.12.2\"] .rich-editor-wrapper.error .information-message{color:var(--danger)}[data-gene-ui-version=\"2.12.2\"] .rich-editor-wrapper.success{--editor-border-color:var(--confirm)}[data-gene-ui-version=\"2.12.2\"] .rich-editor-wrapper.success .information-message{color:var(--confirm)}[data-gene-ui-version=\"2.12.2\"] .rich-editor-wrapper.disabled{opacity:.5;pointer-events:none}[data-gene-ui-version=\"2.12.2\"] .jodit-container{overflow:auto}[data-gene-ui-version=\"2.12.2\"] .jodit-container:not(.jodit_fullsize){height:100%!important;width:100%!important}[data-gene-ui-version=\"2.12.2\"] .jodit-container:not(.jodit_inline){background:var(--background);border:1px solid var(--editor-border-color,rgba(var(--background-sc-rgb),.1));border-radius:1rem;color:var(--background-sc);transition:border-color .4s}[data-gene-ui-version=\"2.12.2\"] .jodit-container sup{font-size:smaller;vertical-align:super}[data-gene-ui-version=\"2.12.2\"] .jodit-container sub{font-size:smaller;vertical-align:sub}[data-gene-ui-version=\"2.12.2\"] .jodit-toolbar-editor-collection_mode_horizontal{background:none!important}[data-gene-ui-version=\"2.12.2\"] .jodit-toolbar-editor-collection_mode_horizontal:after{content:none}[data-gene-ui-version=\"2.12.2\"] .jodit-popup__content .jodit-toolbar-editor-collection_mode_horizontal .jodit-ui-group{gap:.6rem}[data-gene-ui-version=\"2.12.2\"] .jodit-toolbar__box:not(:empty){background-color:var(--background);border-bottom:1px solid rgba(var(--background-sc-rgb),.1);border-radius:.9rem .9rem 0 0;padding:.6rem}[data-gene-ui-version=\"2.12.2\"] .jodit-toolbar-editor-collection .jodit-toolbar-button{border:0;margin:0;min-height:3.6rem;min-width:3.6rem}[data-gene-ui-version=\"2.12.2\"] .jodit-toolbar-editor-collection .jodit-toolbar-button button{border-radius:.4rem;cursor:pointer;min-height:3.6rem;min-width:3.6rem}[data-gene-ui-version=\"2.12.2\"] .jodit-toolbar-editor-collection .jodit-toolbar-button button .jodit-icon{stroke:rgba(var(--background-sc-rgb),.75);fill:rgba(var(--background-sc-rgb),.75);height:1.4rem;width:1.4rem}[data-gene-ui-version=\"2.12.2\"] .jodit-toolbar-editor-collection .jodit-toolbar-button__button:active:not([disabled]){background-color:rgba(var(--background-sc-rgb),.05)}@media (hover:hover){[data-gene-ui-version=\"2.12.2\"] .jodit-toolbar-editor-collection .jodit-toolbar-button__button:hover:not([disabled]){background:rgba(var(--hero-rgb),.1);color:var(--hero)}[data-gene-ui-version=\"2.12.2\"] .jodit-toolbar-editor-collection .jodit-toolbar-button__button:hover:not([disabled]) .jodit-icon{stroke:var(--hero);fill:var(--hero)}}[data-gene-ui-version=\"2.12.2\"] .jodit-toolbar-editor-collection .jodit-toolbar-button__button[aria-pressed=true]:not([disabled]){background:var(--hero)}[data-gene-ui-version=\"2.12.2\"] .jodit-toolbar-editor-collection .jodit-toolbar-button__button[aria-pressed=true]:not([disabled]) .jodit-icon{stroke:var(--hero-sc);fill:var(--hero-sc)}[data-gene-ui-version=\"2.12.2\"] .jodit-toolbar-editor-collection .jodit-toolbar-button__trigger{border-radius:.4rem;cursor:pointer;opacity:1}[data-gene-ui-version=\"2.12.2\"] .jodit-toolbar-editor-collection .jodit-toolbar-button__trigger svg{fill:rgba(var(--background-sc-rgb),.5);height:.8rem;width:.8rem}[data-gene-ui-version=\"2.12.2\"] .jodit-toolbar-editor-collection .jodit-toolbar-button__trigger:active:not([disabled]){background-color:rgba(var(--background-sc-rgb),.05)}@media (hover:hover){[data-gene-ui-version=\"2.12.2\"] .jodit-toolbar-editor-collection .jodit-toolbar-button__trigger:hover:not([disabled]){background:rgba(var(--hero-rgb),.1)}[data-gene-ui-version=\"2.12.2\"] .jodit-toolbar-editor-collection .jodit-toolbar-button__trigger:hover:not([disabled]) svg{fill:var(--hero)}}[data-gene-ui-version=\"2.12.2\"] .jodit-ui-separator{align-self:center;border-color:rgba(var(--background-sc-rgb),.1);height:2rem;margin:0 .8rem}[data-gene-ui-version=\"2.12.2\"] .jodit-workplace+.jodit-status-bar:not(:empty){border-top:1px solid rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.12.2\"] .jodit-status-bar{background:#0000;border-radius:0;height:2.6rem;padding:0 1.2rem}[data-gene-ui-version=\"2.12.2\"] .jodit-status-bar *{font-family:var(--font-family)!important}[data-gene-ui-version=\"2.12.2\"] .jodit-status-bar .jodit-toolbar-button{align-items:center;border:0;display:flex;height:1.8rem;justify-content:center;width:1.8rem}[data-gene-ui-version=\"2.12.2\"] .jodit-status-bar .jodit-toolbar-button button{border-radius:.4rem;cursor:pointer;height:1.8rem;width:1.8rem}[data-gene-ui-version=\"2.12.2\"] .jodit-status-bar .jodit-toolbar-button button:hover:not([disabled]){background-color:rgba(var(--hero-rgb),.1)}[data-gene-ui-version=\"2.12.2\"] .jodit-status-bar .jodit-toolbar-button button:hover:not([disabled]) svg{fill:var(--hero)}[data-gene-ui-version=\"2.12.2\"] .jodit-status-bar .jodit-toolbar-button svg{fill:var(--background-sc)}[data-gene-ui-version=\"2.12.2\"] .jodit-status-bar .jodit-xpath__item a{color:rgba(var(--background-sc-rgb),.6);cursor:pointer;display:block}@media (hover:hover){[data-gene-ui-version=\"2.12.2\"] .jodit-status-bar .jodit-xpath__item a:hover{background-color:rgba(var(--hero-rgb),.1);color:var(--hero)}}[data-gene-ui-version=\"2.12.2\"] .jodit-popup{border-radius:1rem;box-shadow:0 .2rem .4rem 0 #0000000d,0 0 0 1px rgba(var(--background-sc-rgb),.08);margin:.8rem 0 0}[data-gene-ui-version=\"2.12.2\"] .jodit-popup__content{background:var(--background);border-radius:1rem;color:var(--background-sc);font:600 1.4rem/1.6 var(--font-family);max-height:40rem;padding:1rem 0}[data-gene-ui-version=\"2.12.2\"] .jodit-popup__content .jodit-toolbar-editor-collection_mode_horizontal{padding:0 1rem}[data-gene-ui-version=\"2.12.2\"] .jodit-popup__content .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button{border-radius:0;position:relative}[data-gene-ui-version=\"2.12.2\"] .jodit-popup__content .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button button:only-child{border-radius:0;padding:.9rem 1.4rem;padding-inline-end:5rem}[data-gene-ui-version=\"2.12.2\"] .jodit-popup__content .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__button:only-child:before{color:var(--hero);content:\"\\e95f\";font:2.4rem/1 betcore;position:absolute;top:calc(50% - 1.2rem);transform:scale(0);transition:color .4s,transform .4s}html:not([dir=rtl]) .jodit-popup__content .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__button:only-child:before{right:1.4rem}html[dir=rtl] .jodit-popup__content .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__button:only-child:before{left:1.4rem}[data-gene-ui-version=\"2.12.2\"] .jodit-popup__content .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__button:only-child:active:not([disabled]){background-color:rgba(var(--background-sc-rgb),.05)}@media (hover:hover){[data-gene-ui-version=\"2.12.2\"] .jodit-popup__content .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__button:only-child:hover:not([disabled]){background:rgba(var(--background-sc-rgb),.05)}}[data-gene-ui-version=\"2.12.2\"] .jodit-popup__content .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__button:only-child[aria-pressed=true]:before{transform:scale(1)}[data-gene-ui-version=\"2.12.2\"] .jodit-popup__content .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__button:only-child[aria-pressed=true]:not([disabled]){color:var(--hero)}[data-gene-ui-version=\"2.12.2\"] .jodit-popup__content .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__button:only-child[aria-pressed=true]:not([disabled]):not(:hover){background:var(--background)}[data-gene-ui-version=\"2.12.2\"] .jodit-tabs{padding:.6rem 1.6rem}[data-gene-ui-version=\"2.12.2\"] .jodit-tabs .jodit-tabs__buttons{border-radius:4.2rem;box-shadow:inset 0 0 0 1px rgba(var(--background-sc-rgb),.1);margin:0 0 1rem}[data-gene-ui-version=\"2.12.2\"] .jodit-tabs .jodit-tabs__buttons button{background:none!important;border:1px solid rgba(var(--hero-rgb),0);border-radius:4.2rem;cursor:pointer;height:3.8rem;margin:0;outline:0!important;transition:color .4s,border-color .4s;width:100%}@media (hover:hover){[data-gene-ui-version=\"2.12.2\"] .jodit-tabs .jodit-tabs__buttons button:hover{color:var(--hero)}}[data-gene-ui-version=\"2.12.2\"] .jodit-tabs .jodit-tabs__buttons button[aria-pressed=true]{border-color:var(--hero);color:var(--hero);pointer-events:none}[data-gene-ui-version=\"2.12.2\"] .jodit-tabs .jodit-tabs__buttons button svg{display:none}[data-gene-ui-version=\"2.12.2\"] .jodit-color-picker a:hover{border-color:var(--background-sc)}[data-gene-ui-version=\"2.12.2\"] .jodit-color-picker__extra{align-items:center;display:flex;margin:1.2rem 0 0;width:100%}[data-gene-ui-version=\"2.12.2\"] .jodit-color-picker__extra .jodit-color-picker__native{align-items:center;display:flex}[data-gene-ui-version=\"2.12.2\"] .jodit-color-picker__extra .jodit-color-picker__native svg{fill:var(--background-sc)}[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form{grid-row-gap:1.6rem;display:grid;grid-template-columns:100%;min-width:24rem;padding:.6rem 1.6rem}[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form>*{margin:0}[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form *{outline:0!important}[data-gene-ui-version=\"2.12.2\"] .jodit-tab .jodit-ui-form{padding:0}[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-input{width:100%}[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-input__label{color:rgba(var(--background-sc-rgb),.6);font:600 1.2rem/1.4rem var(--font-family);margin:0 0 .6rem}[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-input__wrapper,[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-text-area__wrapper{background:none;border:0}[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-input__input,[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-text-area__input{background:var(--background);border:1px solid rgba(var(--background-sc-rgb),.1);border-radius:.4rem;color:var(--background-sc);font-family:var(--font-family);font-size:1.4rem;font-weight:600;height:3.6rem;padding:0 1.2rem}[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-input__input::input-placeholder,[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-text-area__input::input-placeholder{color:rgba(var(--background-sc-rgb),.6)}[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-input__input:placeholder,[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-text-area__input:placeholder{color:rgba(var(--background-sc-rgb),.6)}[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-input__input::placeholder,[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-text-area__input::placeholder{color:rgba(var(--background-sc-rgb),.6)}[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-input__input:input-placeholder,[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-text-area__input:input-placeholder{color:rgba(var(--background-sc-rgb),.6)}@media (hover:hover){[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-input__input:hover,[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-text-area__input:hover{border-color:rgba(var(--background-sc-rgb),.15)}}[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-input__input:focus,[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-text-area__input:focus{border-color:rgba(var(--background-sc-rgb),.2)}[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-text-area__input{min-height:8rem;padding:1.2rem;resize:vertical}[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-block.jodit-ui-block_size_middle{gap:1rem}[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-block.jodit-ui-block_size_middle .jodit-ui-button{border-radius:3.6rem;cursor:pointer;height:3.6rem;padding:0 1.2rem;transition:color .4s,background .4s;width:100%}[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-block.jodit-ui-block_size_middle .jodit-ui-button.jodit-ui-button_status_default{background:rgba(var(--background-sc-rgb),.05);color:var(--background-sc)}@media (hover:hover){[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-block.jodit-ui-block_size_middle .jodit-ui-button.jodit-ui-button_status_default:hover{background:rgba(var(--background-sc-rgb),.1)}}[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-block.jodit-ui-block_size_middle .jodit-ui-button.jodit-ui-button_status_primary{background:var(--hero);color:var(--hero-sc)}@media (hover:hover){[data-gene-ui-version=\"2.12.2\"] .jodit-ui-form .jodit-ui-block.jodit-ui-block_size_middle .jodit-ui-button.jodit-ui-button_status_primary:hover{background:var(--hero-hover)}}[data-gene-ui-version=\"2.12.2\"] .jodit-checkbox,[data-gene-ui-version=\"2.12.2\"] .jodit-ui-checkbox__input{-webkit-appearance:checkbox;appearance:checkbox}[data-gene-ui-version=\"2.12.2\"] .jodit-workplace{background:#fff;color:#000;line-height:1.7}[data-gene-ui-version=\"2.12.2\"] .jodit-workplace ol,[data-gene-ui-version=\"2.12.2\"] .jodit-workplace ul{grid-row-gap:1rem;display:grid;grid-template-columns:100%;padding:.6rem 2rem}[data-gene-ui-version=\"2.12.2\"] .jodit-workplace ol li,[data-gene-ui-version=\"2.12.2\"] .jodit-workplace ul li{display:list-item}[data-gene-ui-version=\"2.12.2\"] .jodit-workplace blockquote{background:#f3f3f5;border-radius:1.2rem;padding:2.4rem 4.8rem;position:relative}[data-gene-ui-version=\"2.12.2\"] .jodit-workplace blockquote:after,[data-gene-ui-version=\"2.12.2\"] .jodit-workplace blockquote:before{color:#8c8c91;font-size:4.8rem;line-height:1;margin:1.5rem;position:absolute}[data-gene-ui-version=\"2.12.2\"] .jodit-workplace blockquote:before{content:open-quote;left:0;top:0}[data-gene-ui-version=\"2.12.2\"] .jodit-workplace blockquote:after{bottom:0;content:close-quote;margin-bottom:0;right:0}[data-gene-ui-version=\"2.12.2\"] .jodit-form__inserter{padding:1rem 2rem}[data-gene-ui-version=\"2.12.2\"] .jodit-form__inserter .jodit-form__center{color:rgba(var(--background-sc-rgb),.7);padding:1.2rem 0 0}[data-gene-ui-version=\"2.12.2\"] .jodit-form__inserter .jodit-form__table-creator-box .jodit-form__container>div>span{border-color:rgba(var(--background-sc-rgb),.15);border-radius:1px;cursor:pointer;transition:background .2s,border-color .2s}[data-gene-ui-version=\"2.12.2\"] .jodit-form__inserter .jodit-form__table-creator-box .jodit-form__container>div>span.jodit_hovered{background:rgba(var(--hero-rgb),.1);border-color:var(--hero)}[data-gene-ui-version=\"2.12.2\"] .jodit-drag-and-drop__file-box{border-color:rgba(var(--background-sc-rgb),.2);border-radius:1rem;color:var(--background-sc);transition:color .2s,background .2s,border-color .2s;width:24rem}@media (hover:hover){[data-gene-ui-version=\"2.12.2\"] .jodit-drag-and-drop__file-box:hover{background:rgba(var(--hero-rgb),.1);border-color:var(--hero);color:var(--hero)}}[data-gene-ui-version=\"2.12.2\"] .jodit-dialog__panel{color:#000}[data-gene-ui-version=\"2.12.2\"] .jodit-dialog__panel .jodit-tabs__buttons{box-shadow:inset 0 0 0 1px #0000001a}";
|
|
65
65
|
styleInject(css_248z);
|
|
66
66
|
|
|
67
67
|
function RichEditor(_ref) {
|
|
@@ -164,65 +164,65 @@ RichEditor.propTypes = {
|
|
|
164
164
|
* More detail about the configs, read on the official web site
|
|
165
165
|
* https://xdsoft.net/jodit/doc/
|
|
166
166
|
*/
|
|
167
|
-
config:
|
|
167
|
+
config: PropTypes.object,
|
|
168
168
|
/**
|
|
169
169
|
* id for editor container
|
|
170
170
|
*/
|
|
171
|
-
id:
|
|
171
|
+
id: PropTypes.string,
|
|
172
172
|
/**
|
|
173
173
|
* Name for editor container
|
|
174
174
|
*/
|
|
175
|
-
name:
|
|
175
|
+
name: PropTypes.string,
|
|
176
176
|
/**
|
|
177
177
|
* Fires an event when lose focus
|
|
178
178
|
*/
|
|
179
|
-
onBlur:
|
|
179
|
+
onBlur: PropTypes.func,
|
|
180
180
|
/**
|
|
181
181
|
* Fires an event when content changes
|
|
182
182
|
* onChange((value: string, event: Event) => void)
|
|
183
183
|
*/
|
|
184
|
-
onChange:
|
|
184
|
+
onChange: PropTypes.func,
|
|
185
185
|
/**
|
|
186
186
|
* Since the editor has its own modal windows, there may be a problem with
|
|
187
187
|
* the zIndex so you can change it using this prop
|
|
188
188
|
*/
|
|
189
|
-
tabIndex:
|
|
189
|
+
tabIndex: PropTypes.number,
|
|
190
190
|
/**
|
|
191
191
|
* Will make Editor readonly when set to "true"
|
|
192
192
|
*/
|
|
193
|
-
readOnly:
|
|
193
|
+
readOnly: PropTypes.bool,
|
|
194
194
|
/**
|
|
195
195
|
* Editor control value HTML string
|
|
196
196
|
*/
|
|
197
|
-
value:
|
|
197
|
+
value: PropTypes.string,
|
|
198
198
|
/**
|
|
199
199
|
* Editor content placeholder
|
|
200
200
|
*/
|
|
201
|
-
placeholder:
|
|
201
|
+
placeholder: PropTypes.string,
|
|
202
202
|
/**
|
|
203
203
|
* Custom text buttons that display the text that you sent as value of button
|
|
204
204
|
*/
|
|
205
|
-
toolbarTextButtons:
|
|
205
|
+
toolbarTextButtons: PropTypes.arrayOf(PropTypes.object),
|
|
206
206
|
/**
|
|
207
207
|
* Editor wrapper className
|
|
208
208
|
*/
|
|
209
|
-
wrapperClassName:
|
|
209
|
+
wrapperClassName: PropTypes.string,
|
|
210
210
|
/**
|
|
211
211
|
* Control Editor error state with this prop
|
|
212
212
|
*/
|
|
213
|
-
error:
|
|
213
|
+
error: PropTypes.bool,
|
|
214
214
|
/**
|
|
215
215
|
* Control Editor success state with this prop
|
|
216
216
|
*/
|
|
217
|
-
success:
|
|
217
|
+
success: PropTypes.bool,
|
|
218
218
|
/**
|
|
219
219
|
* Control Editor disabled state with this prop
|
|
220
220
|
*/
|
|
221
|
-
disabled:
|
|
221
|
+
disabled: PropTypes.bool,
|
|
222
222
|
/**
|
|
223
223
|
* To customize editor toolbar buttons
|
|
224
224
|
*/
|
|
225
|
-
toolbarButtons:
|
|
225
|
+
toolbarButtons: PropTypes.arrayOf(PropTypes.string)
|
|
226
226
|
};
|
|
227
227
|
|
|
228
228
|
export { RichEditor as R };
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { _ as _extends$1 } from '
|
|
1
|
+
import { _ as _extends$1 } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
|
|
2
2
|
import React__default, { forwardRef, useEffect } from 'react';
|
|
3
|
-
import
|
|
4
|
-
import { c as classnames } from '
|
|
5
|
-
import { c as commonjsGlobal } from '
|
|
6
|
-
import {
|
|
7
|
-
import '
|
|
8
|
-
import { s as styleInject } from './style-inject.es-746bb8ed.js';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import { c as classnames } from '../index-6ff23041.js';
|
|
5
|
+
import { c as commonjsGlobal } from '../_commonjsHelpers-24198af3.js';
|
|
6
|
+
import { l as customScrollbarConfig } from '../configs-fed6ac34.js';
|
|
7
|
+
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
9
8
|
|
|
10
9
|
var lib = {};
|
|
11
10
|
|
|
@@ -659,7 +658,7 @@ function renderThumbVerticalDefault(_ref4) {
|
|
|
659
658
|
|
|
660
659
|
var _react = React__default;
|
|
661
660
|
|
|
662
|
-
var _propTypes =
|
|
661
|
+
var _propTypes = PropTypes;
|
|
663
662
|
|
|
664
663
|
var _propTypes2 = _interopRequireDefault(_propTypes);
|
|
665
664
|
|
|
@@ -1451,7 +1450,7 @@ function renderThumbVerticalDefault(_ref4) {
|
|
|
1451
1450
|
exports.Scrollbars = _Scrollbars2["default"];
|
|
1452
1451
|
} (lib));
|
|
1453
1452
|
|
|
1454
|
-
var css_248z = "[data-gene-ui-version=\"
|
|
1453
|
+
var css_248z = "[data-gene-ui-version=\"2.12.2\"] .scroll-holder{position:relative}[data-gene-ui-version=\"2.12.2\"] .scroll-holder .scroll-thumb{background:rgba(var(--background-sc-rgb),.05);border-radius:var(--scrollbar-size,16px);transition:background .3s,transform .25s}[data-gene-ui-version=\"2.12.2\"] .scroll-holder .scroll-track{cursor:pointer;position:absolute;transition:opacity .3s}[data-gene-ui-version=\"2.12.2\"] .scroll-holder .scroll-track.horizontal{bottom:0;height:var(--scrollbar-size,16px)!important;left:0;padding:var(--scrollbar-space,4px) var(--scrollbar-gutter,10px);width:100%!important}[data-gene-ui-version=\"2.12.2\"] .scroll-holder .scroll-track.vertical{height:100%!important;padding:var(--scrollbar-gutter,10px) var(--scrollbar-space,4px);top:0;width:var(--scrollbar-size,16px)!important}html:not([dir=rtl]) .scroll-holder .scroll-track.vertical{right:0}html[dir=rtl] .scroll-holder .scroll-track.vertical{left:0}[data-gene-ui-version=\"2.12.2\"] .scroll-holder .scroll-track:active .scroll-thumb,[data-gene-ui-version=\"2.12.2\"] .scroll-holder .scroll-track:hover .scroll-thumb{background:rgba(var(--background-sc-rgb),.1);transition:background .3s}[data-gene-ui-version=\"2.12.2\"] .scroll-holder:not(:hover,:active) .scroll-track{opacity:0}[data-gene-ui-version=\"2.12.2\"] .scroll-holder .scroll-content{margin-bottom:var(--sb-margin-bottom);margin-inline-end:var(--sb-margin-side);z-index:0}[data-gene-ui-version=\"2.12.2\"] .scroll-holder.s-small{--scrollbar-size:10px;--scrollbar-thumbSize:4px;--scrollbar-gutter:3px;--scrollbar-space:3px}";
|
|
1455
1454
|
styleInject(css_248z);
|
|
1456
1455
|
|
|
1457
1456
|
const easeOutQuad = t => t * (2 - t);
|
|
@@ -1521,7 +1520,6 @@ const CustomScrollbar = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
1521
1520
|
* overflow: 'auto'
|
|
1522
1521
|
*/
|
|
1523
1522
|
},
|
|
1524
|
-
|
|
1525
1523
|
className: "scroll-content"
|
|
1526
1524
|
}));
|
|
1527
1525
|
},
|
|
@@ -1546,34 +1544,34 @@ CustomScrollbar.propTypes = {
|
|
|
1546
1544
|
/**
|
|
1547
1545
|
* Any valid React node
|
|
1548
1546
|
*/
|
|
1549
|
-
children:
|
|
1547
|
+
children: PropTypes.node.isRequired,
|
|
1550
1548
|
/**
|
|
1551
1549
|
* Enable auto-height mode. When true container grows with content.
|
|
1552
1550
|
*/
|
|
1553
|
-
autoHeight:
|
|
1551
|
+
autoHeight: PropTypes.bool,
|
|
1554
1552
|
/**
|
|
1555
1553
|
* Set a minimum height for auto-height mode.
|
|
1556
1554
|
*/
|
|
1557
|
-
autoHeightMin:
|
|
1555
|
+
autoHeightMin: PropTypes.number,
|
|
1558
1556
|
/**
|
|
1559
1557
|
* Set a maximum height for auto-height mode
|
|
1560
1558
|
*/
|
|
1561
|
-
autoHeightMax:
|
|
1559
|
+
autoHeightMax: PropTypes.number,
|
|
1562
1560
|
/**
|
|
1563
1561
|
* Set the size for scrollbar thickness
|
|
1564
1562
|
*/
|
|
1565
|
-
size:
|
|
1563
|
+
size: PropTypes.oneOf(customScrollbarConfig.size),
|
|
1566
1564
|
/**
|
|
1567
1565
|
* Set scrollbar top position dynamically.
|
|
1568
1566
|
* Prop works when ref is provided.
|
|
1569
1567
|
*/
|
|
1570
|
-
scrollTop:
|
|
1568
|
+
scrollTop: PropTypes.number,
|
|
1571
1569
|
/**
|
|
1572
1570
|
* This prop works with `scrollTop` prop
|
|
1573
1571
|
* and provide auto scroll type if true
|
|
1574
1572
|
* then auto scrolling will be smoother
|
|
1575
1573
|
*/
|
|
1576
|
-
withSmoothScroll:
|
|
1574
|
+
withSmoothScroll: PropTypes.bool
|
|
1577
1575
|
};
|
|
1578
1576
|
CustomScrollbar.defaultProps = {
|
|
1579
1577
|
autoHeight: false,
|
|
@@ -1,25 +1,26 @@
|
|
|
1
|
-
import { _ as _extends } from '
|
|
1
|
+
import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
|
|
2
2
|
import React__default, { forwardRef, useState, useCallback } from 'react';
|
|
3
|
-
import
|
|
4
|
-
import ExtendedInput from '
|
|
5
|
-
import '
|
|
6
|
-
import '
|
|
7
|
-
import '
|
|
8
|
-
import '
|
|
9
|
-
import '
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import ExtendedInput from '../ExtendedInput/index.js';
|
|
5
|
+
import '../index-6ff23041.js';
|
|
6
|
+
import '../configs-fed6ac34.js';
|
|
7
|
+
import '../index-a0e4e333.js';
|
|
8
|
+
import '../dateValidation-67caec66.js';
|
|
9
|
+
import '../_commonjsHelpers-24198af3.js';
|
|
10
10
|
import 'react-dom';
|
|
11
|
-
import '
|
|
12
|
-
import '
|
|
13
|
-
import '
|
|
14
|
-
import '
|
|
15
|
-
import '
|
|
16
|
-
import '
|
|
17
|
-
import '
|
|
18
|
-
import '
|
|
19
|
-
import '
|
|
20
|
-
import '
|
|
21
|
-
import '
|
|
22
|
-
import '
|
|
11
|
+
import '../hooks/useDeviceType.js';
|
|
12
|
+
import '../hooks/useWindowSize.js';
|
|
13
|
+
import '../hooks/useEllipsisDetection.js';
|
|
14
|
+
import '../Icon/index.js';
|
|
15
|
+
import '../style-inject.es-746bb8ed.js';
|
|
16
|
+
import '../SuggestionList/index.js';
|
|
17
|
+
import '../hooks/useKeyDown.js';
|
|
18
|
+
import '../hooks/useClickOutside.js';
|
|
19
|
+
import '../config-0ca92874.js';
|
|
20
|
+
import '../Scrollbar/index.js';
|
|
21
|
+
import '../Tooltip/index.js';
|
|
22
|
+
import '../Popover-f4d1cac0.js';
|
|
23
|
+
import '../GeneUIProvider/index.js';
|
|
23
24
|
|
|
24
25
|
const Search = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
25
26
|
let {
|
|
@@ -50,19 +51,19 @@ Search.propTypes = {
|
|
|
50
51
|
* Fires an event when the value of the 'Search' input changes.
|
|
51
52
|
* Expected function signature: (event: Event, value: string) => void.
|
|
52
53
|
*/
|
|
53
|
-
onChange:
|
|
54
|
+
onChange: PropTypes.func,
|
|
54
55
|
/**
|
|
55
56
|
* Placeholder for search input
|
|
56
57
|
*/
|
|
57
|
-
placeholder:
|
|
58
|
+
placeholder: PropTypes.string,
|
|
58
59
|
/**
|
|
59
60
|
* Initial value of 'Search'.
|
|
60
61
|
*/
|
|
61
|
-
defaultValue:
|
|
62
|
+
defaultValue: PropTypes.string,
|
|
62
63
|
/**
|
|
63
64
|
* External/additional className for component
|
|
64
65
|
*/
|
|
65
|
-
className:
|
|
66
|
+
className: PropTypes.string
|
|
66
67
|
};
|
|
67
68
|
Search.defaultProps = {
|
|
68
69
|
placeholder: 'Search',
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
|
|
2
|
+
import React__default, { useState, useCallback } from 'react';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import { c as classnames } from '../index-6ff23041.js';
|
|
5
|
+
import { n as noop } from '../index-a0e4e333.js';
|
|
6
|
+
import Search from '../Search/index.js';
|
|
7
|
+
import { D as Dropdown } from '../index-34e47647.js';
|
|
8
|
+
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
9
|
+
import '../dateValidation-67caec66.js';
|
|
10
|
+
import '../_commonjsHelpers-24198af3.js';
|
|
11
|
+
import 'react-dom';
|
|
12
|
+
import '../ExtendedInput/index.js';
|
|
13
|
+
import '../configs-fed6ac34.js';
|
|
14
|
+
import '../hooks/useDeviceType.js';
|
|
15
|
+
import '../hooks/useWindowSize.js';
|
|
16
|
+
import '../hooks/useEllipsisDetection.js';
|
|
17
|
+
import '../Icon/index.js';
|
|
18
|
+
import '../SuggestionList/index.js';
|
|
19
|
+
import '../hooks/useKeyDown.js';
|
|
20
|
+
import '../hooks/useClickOutside.js';
|
|
21
|
+
import '../config-0ca92874.js';
|
|
22
|
+
import '../Scrollbar/index.js';
|
|
23
|
+
import '../Tooltip/index.js';
|
|
24
|
+
import '../Popover-f4d1cac0.js';
|
|
25
|
+
import '../GeneUIProvider/index.js';
|
|
26
|
+
import '../objectWithoutPropertiesLoose-d8a4a68c.js';
|
|
27
|
+
import '../react-lifecycles-compat.es-6e1f3768.js';
|
|
28
|
+
import '../clsx.m-2bb6df4b.js';
|
|
29
|
+
import '../hooks/useMount.js';
|
|
30
|
+
import '../hooks/useClick.js';
|
|
31
|
+
import '../hooks/useUpdatableRef.js';
|
|
32
|
+
import '../hooks/useForceUpdate.js';
|
|
33
|
+
import '../BusyLoader/index.js';
|
|
34
|
+
import '../Empty/index.js';
|
|
35
|
+
import '../index-462461c0.js';
|
|
36
|
+
import '../index-122432cd.js';
|
|
37
|
+
import '../debounce-4419bc2f.js';
|
|
38
|
+
import '../Checkbox/index.js';
|
|
39
|
+
import '../checkboxRadioSwitcher-5b69d7bd.js';
|
|
40
|
+
import '../guid-8ddf77b3.js';
|
|
41
|
+
import '../index-2ad83e03.js';
|
|
42
|
+
import '../Tag/index.js';
|
|
43
|
+
|
|
44
|
+
var css_248z = "[data-gene-ui-version=\"2.12.2\"] .search-dropdown-mix{display:flex;max-width:100%;position:relative}[data-gene-ui-version=\"2.12.2\"] .search-dropdown-mix.f-full-width{width:100%}[data-gene-ui-version=\"2.12.2\"] .search-dropdown-mix.f-full-width .search-holder{flex:auto}[data-gene-ui-version=\"2.12.2\"] .search-dropdown-mix.f-full-width .dropdown-holder{min-width:36.8811881188%}[data-gene-ui-version=\"2.12.2\"] .search-dropdown-mix.f-default-width .search-holder{max-width:25.5rem;width:100%}[data-gene-ui-version=\"2.12.2\"] .search-dropdown-mix.f-default-width .dropdown-holder{min-width:14.9rem}[data-gene-ui-version=\"2.12.2\"] .search-dropdown-mix .search-holder:before{background:rgba(var(--background-sc-rgb),.05);bottom:.6rem;content:\"\";display:block;position:absolute;top:.6rem;width:1px}html:not([dir=rtl]) .search-dropdown-mix .search-holder:before{left:100%}html[dir=rtl] .search-dropdown-mix .search-holder:before{right:100%}html:not([dir=rtl]) .search-dropdown-mix .search-holder .input-element-back{border-top-right-radius:0}html[dir=rtl] .search-dropdown-mix .search-holder .input-element-back{border-top-left-radius:0}html:not([dir=rtl]) .search-dropdown-mix .search-holder .input-element-back{border-bottom-right-radius:0}html[dir=rtl] .search-dropdown-mix .search-holder .input-element-back{border-bottom-left-radius:0}[data-gene-ui-version=\"2.12.2\"] .search-dropdown-mix .dropdown-holder{flex-shrink:0}html:not([dir=rtl]) .search-dropdown-mix .dropdown-holder .input-element-back{border-top-left-radius:0}html[dir=rtl] .search-dropdown-mix .dropdown-holder .input-element-back{border-top-right-radius:0}html:not([dir=rtl]) .search-dropdown-mix .dropdown-holder .input-element-back{border-bottom-left-radius:0}html[dir=rtl] .search-dropdown-mix .dropdown-holder .input-element-back{border-bottom-right-radius:0}[data-gene-ui-version=\"2.12.2\"] .search-dropdown-mix .dropDown{max-width:150px;min-width:150px}";
|
|
45
|
+
styleInject(css_248z);
|
|
46
|
+
|
|
47
|
+
const SearchWithDropdownConfig = {
|
|
48
|
+
flexibility: ['default-width', 'full-width']
|
|
49
|
+
};
|
|
50
|
+
function SearchWithDropdown(_ref) {
|
|
51
|
+
let {
|
|
52
|
+
onChange,
|
|
53
|
+
searchProps,
|
|
54
|
+
dropdownProps,
|
|
55
|
+
flexibility,
|
|
56
|
+
hideDropdown,
|
|
57
|
+
dataKey
|
|
58
|
+
} = _ref;
|
|
59
|
+
const {
|
|
60
|
+
defaultValue
|
|
61
|
+
} = searchProps;
|
|
62
|
+
const [query, setQuery] = useState(defaultValue);
|
|
63
|
+
const [dataKeys, setDataKeys] = useState(() => dropdownProps.defaultValue || []);
|
|
64
|
+
const handleSearch = useCallback(e => {
|
|
65
|
+
const query = e.target.value;
|
|
66
|
+
setQuery(query);
|
|
67
|
+
onChange({
|
|
68
|
+
query,
|
|
69
|
+
dataKeys
|
|
70
|
+
});
|
|
71
|
+
}, [onChange, dataKeys]);
|
|
72
|
+
const handleDropdown = useCallback(items => {
|
|
73
|
+
const dataKeys = Array.isArray(items) ? items.map(item => item[dataKey]) : items[dataKey];
|
|
74
|
+
setDataKeys(dataKeys);
|
|
75
|
+
onChange({
|
|
76
|
+
query,
|
|
77
|
+
dataKeys
|
|
78
|
+
});
|
|
79
|
+
}, [query, onChange, dataKey]);
|
|
80
|
+
return hideDropdown ? /*#__PURE__*/React__default.createElement(Search, _extends({}, searchProps, {
|
|
81
|
+
inputSize: "big",
|
|
82
|
+
appearance: "minimal",
|
|
83
|
+
onChange: handleSearch
|
|
84
|
+
})) : /*#__PURE__*/React__default.createElement("div", {
|
|
85
|
+
className: classnames('search-dropdown-mix', "f-".concat(flexibility))
|
|
86
|
+
}, /*#__PURE__*/React__default.createElement(Search, _extends({}, searchProps, {
|
|
87
|
+
inputSize: "big",
|
|
88
|
+
appearance: "minimal",
|
|
89
|
+
onChange: handleSearch
|
|
90
|
+
})), !hideDropdown && /*#__PURE__*/React__default.createElement("div", {
|
|
91
|
+
className: "dropDown"
|
|
92
|
+
}, /*#__PURE__*/React__default.createElement(Dropdown, _extends({}, dropdownProps, {
|
|
93
|
+
inputSize: "big",
|
|
94
|
+
appearance: "minimal",
|
|
95
|
+
flexibility: "content-size",
|
|
96
|
+
onChange: handleDropdown
|
|
97
|
+
}))));
|
|
98
|
+
}
|
|
99
|
+
SearchWithDropdown.propTypes = {
|
|
100
|
+
/**
|
|
101
|
+
* Called when the user attempts to change the value,
|
|
102
|
+
* OnChange({ query: string, dataKey: array })
|
|
103
|
+
*/
|
|
104
|
+
onChange: PropTypes.func,
|
|
105
|
+
/**
|
|
106
|
+
* Accepts same props as search component(molecules)
|
|
107
|
+
*/
|
|
108
|
+
searchProps: PropTypes.shape({
|
|
109
|
+
...Search.propTypes
|
|
110
|
+
}),
|
|
111
|
+
/**
|
|
112
|
+
* Accpets same props as dropdown component(organisms)
|
|
113
|
+
*/
|
|
114
|
+
dropdownProps: PropTypes.shape({
|
|
115
|
+
...Dropdown.propTypes
|
|
116
|
+
}),
|
|
117
|
+
/**
|
|
118
|
+
* Control component passing `default-width` or `full-width`,
|
|
119
|
+
*/
|
|
120
|
+
flexibility: PropTypes.oneOf(SearchWithDropdownConfig.flexibility),
|
|
121
|
+
/**
|
|
122
|
+
* Hides dropdown
|
|
123
|
+
*/
|
|
124
|
+
hideDropdown: PropTypes.bool,
|
|
125
|
+
/**
|
|
126
|
+
* unique value in dropdown items
|
|
127
|
+
*/
|
|
128
|
+
dataKey: PropTypes.string
|
|
129
|
+
};
|
|
130
|
+
SearchWithDropdown.defaultProps = {
|
|
131
|
+
searchProps: {},
|
|
132
|
+
flexibility: SearchWithDropdownConfig.flexibility[0],
|
|
133
|
+
onChange: noop,
|
|
134
|
+
hideDropdown: false,
|
|
135
|
+
dataKey: 'dataKey'
|
|
136
|
+
};
|
|
137
|
+
|
|
138
|
+
export { SearchWithDropdown as default };
|
package/Section/index.js
ADDED
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import { t as titleConfig } from '../configs-fed6ac34.js';
|
|
4
|
+
import Title from '../Title/index.js';
|
|
5
|
+
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
6
|
+
import '../_rollupPluginBabelHelpers-e8fb2e5c.js';
|
|
7
|
+
import '../index-6ff23041.js';
|
|
8
|
+
import '../Icon/index.js';
|
|
9
|
+
|
|
10
|
+
var css_248z = "[data-gene-ui-version=\"2.12.2\"] .section-holder{background:var(--background);border:1px solid rgba(var(--background-sc-rgb),.1);border-radius:2rem;padding:0 2rem 2rem;width:100%}[data-gene-ui-version=\"2.12.2\"] .section-holder+.section-holder{margin:1.3rem 0 0}[data-gene-ui-version=\"2.12.2\"] .section-head{align-items:center;display:flex;height:5.4rem;width:100%}[data-gene-ui-version=\"2.12.2\"] .section-body{align-items:stretch;display:flex;flex-direction:column}[data-gene-ui-version=\"2.12.2\"] .section-sub-group{width:100%}[data-gene-ui-version=\"2.12.2\"] .section-sub-group:not(:last-child){margin-bottom:1.4rem}[data-gene-ui-version=\"2.12.2\"] .section-sub-group:not(:first-child){margin-top:.7rem}";
|
|
11
|
+
styleInject(css_248z);
|
|
12
|
+
|
|
13
|
+
function Section(_ref) {
|
|
14
|
+
let {
|
|
15
|
+
children,
|
|
16
|
+
...restProps
|
|
17
|
+
} = _ref;
|
|
18
|
+
return /*#__PURE__*/React__default.createElement("ul", {
|
|
19
|
+
className: "section-holder"
|
|
20
|
+
}, /*#__PURE__*/React__default.createElement("li", {
|
|
21
|
+
className: "section-head"
|
|
22
|
+
}, /*#__PURE__*/React__default.createElement(Title, restProps)), /*#__PURE__*/React__default.createElement("li", {
|
|
23
|
+
className: "section-body"
|
|
24
|
+
}, children));
|
|
25
|
+
}
|
|
26
|
+
Section.propTypes = {
|
|
27
|
+
/**
|
|
28
|
+
* Wrapping with 'Section' anything passed as child. Any valid React node
|
|
29
|
+
*/
|
|
30
|
+
children: PropTypes.node.isRequired,
|
|
31
|
+
/**
|
|
32
|
+
* Display an icon. Values are the same as "Icon" atoms type prop
|
|
33
|
+
*/
|
|
34
|
+
icon: PropTypes.string,
|
|
35
|
+
/**
|
|
36
|
+
* Text/Component to be displayed. Any valid React node
|
|
37
|
+
*/
|
|
38
|
+
text: PropTypes.node.isRequired,
|
|
39
|
+
/**
|
|
40
|
+
* Actions to be displayed. Any valid React node
|
|
41
|
+
*/
|
|
42
|
+
actions: PropTypes.node,
|
|
43
|
+
/**
|
|
44
|
+
* Title color
|
|
45
|
+
*/
|
|
46
|
+
color: PropTypes.oneOf(titleConfig.color),
|
|
47
|
+
/**
|
|
48
|
+
* Displays a divider line
|
|
49
|
+
*/
|
|
50
|
+
withLine: PropTypes.bool,
|
|
51
|
+
/**
|
|
52
|
+
* Additional className
|
|
53
|
+
*/
|
|
54
|
+
className: PropTypes.string
|
|
55
|
+
};
|
|
56
|
+
Section.defaultProps = {
|
|
57
|
+
color: titleConfig.color[1],
|
|
58
|
+
withLine: false
|
|
59
|
+
};
|
|
60
|
+
|
|
61
|
+
export { Section as default };
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { _ as _extends } from '
|
|
1
|
+
import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
|
|
2
2
|
import React__default from 'react';
|
|
3
|
-
import
|
|
4
|
-
import { g as getDefaultExportFromCjs } from '
|
|
5
|
-
import '
|
|
6
|
-
import { s as styleInject } from './style-inject.es-746bb8ed.js';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import { g as getDefaultExportFromCjs } from '../_commonjsHelpers-24198af3.js';
|
|
5
|
+
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
7
6
|
|
|
8
7
|
var bundleExports = {};
|
|
9
8
|
var bundle = {
|
|
@@ -17,7 +16,7 @@ var bundle = {
|
|
|
17
16
|
|
|
18
17
|
var Skeleton = /*@__PURE__*/getDefaultExportFromCjs(bundleExports);
|
|
19
18
|
|
|
20
|
-
var css_248z = "[data-gene-ui-version=\"
|
|
19
|
+
var css_248z = "[data-gene-ui-version=\"2.12.2\"] .skeleton-holder{display:block;max-width:100%}[data-gene-ui-version=\"2.12.2\"] .skeleton-holder .react-loading-skeleton{background-color:var(--background-hover);background-image:linear-gradient(90deg,var(--background-hover),var(--background),var(--background-hover))}[data-gene-ui-version=\"2.12.2\"] .skeleton-holder span{display:block}";
|
|
21
20
|
styleInject(css_248z);
|
|
22
21
|
|
|
23
22
|
function SkeletonLoader(_ref) {
|
|
@@ -40,35 +39,35 @@ SkeletonLoader.propTypes = {
|
|
|
40
39
|
/**
|
|
41
40
|
* Show circle shape when set to "true" otherwise shows square shape.
|
|
42
41
|
*/
|
|
43
|
-
circle:
|
|
42
|
+
circle: PropTypes.bool,
|
|
44
43
|
/**
|
|
45
44
|
* Shows Skeleton when set to "true"
|
|
46
45
|
*/
|
|
47
|
-
isBusy:
|
|
46
|
+
isBusy: PropTypes.bool,
|
|
48
47
|
/**
|
|
49
48
|
* Specify how many shapes need to be displayed
|
|
50
49
|
*/
|
|
51
|
-
count:
|
|
50
|
+
count: PropTypes.number,
|
|
52
51
|
/**
|
|
53
52
|
* Skeleton width
|
|
54
53
|
*/
|
|
55
|
-
width:
|
|
54
|
+
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
56
55
|
/**
|
|
57
56
|
* Skeleton height
|
|
58
57
|
*/
|
|
59
|
-
height:
|
|
58
|
+
height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
60
59
|
/**
|
|
61
60
|
* Wrapper for skeleton
|
|
62
61
|
*/
|
|
63
|
-
wrapper:
|
|
62
|
+
wrapper: PropTypes.node,
|
|
64
63
|
/**
|
|
65
64
|
* What need to be displayed when "isBusy" is set to "false". Any valid React node
|
|
66
65
|
*/
|
|
67
|
-
children:
|
|
66
|
+
children: PropTypes.node,
|
|
68
67
|
/**
|
|
69
68
|
* Displaying shaped can be specified by duration(in seconds)
|
|
70
69
|
*/
|
|
71
|
-
duration:
|
|
70
|
+
duration: PropTypes.number
|
|
72
71
|
};
|
|
73
72
|
SkeletonLoader.defaultProps = {
|
|
74
73
|
count: 1,
|