@geneui/components 3.0.0-next-32cea53-25092024 → 3.0.0-next-331eb7d-01102024
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/index.js +4 -4
- package/AdvancedSearch/index.js +4 -4
- package/Alert/index.js +1 -1
- package/Avatar/index.js +49 -21
- package/Badge/index.js +1 -1
- package/Breadcrumb/index.js +3 -3
- package/BusyLoader/index.js +1 -1
- package/Button/index.js +1 -1
- package/CHANGELOG.md +8 -0
- package/Card/index.js +3 -3
- package/CardList/index.js +9 -9
- package/{CellMeasurerCache-281a5a2a.js → CellMeasurerCache-0b14f9d9.js} +1 -1
- package/Charts/index.js +19 -19
- package/Checkbox/index.js +2 -2
- package/CheckboxGroup/index.js +2 -2
- package/CheckboxGroupWithSearch/index.js +4 -4
- package/Collapse/index.js +2 -2
- package/ColorPicker/index.js +2 -2
- package/ComboBox/index.js +4 -4
- package/Copy/index.js +2 -3
- package/Counter/index.js +3 -3
- package/DateFilter/index.js +4 -4
- package/DatePicker/index.js +2 -2
- package/DatePickerInput/index.js +4 -4
- package/Divider/index.js +1 -1
- package/Drawer/index.js +3 -3
- package/Dropdown/index.js +5 -5
- package/Editor/index.js +2 -2
- package/Empty/index.js +1 -1
- package/ExtendedInput/index.js +3 -3
- package/Form/index.js +6 -6
- package/FormContainer/index.js +2 -2
- package/FormableCheckbox/index.js +3 -3
- package/FormableDatePicker/index.js +4 -4
- package/FormableDropdown/index.js +6 -6
- package/FormableEditor/index.js +2 -2
- package/{FormableHOC-f4120178.js → FormableHOC-a4ebfd24.js} +1 -1
- package/FormableMultiSelectDropdown/index.js +6 -6
- package/FormableNumberInput/index.js +3 -3
- package/FormableRadio/index.js +2 -2
- package/FormableSwitcher/index.js +2 -2
- package/FormableTextInput/index.js +3 -3
- package/FormableUploader/index.js +3 -3
- package/GeneUIProvider/index.js +135 -117
- package/Grid/index.js +1 -1
- package/HelperText/index.js +2 -3
- package/Holder/index.js +3 -3
- package/Icon/index.js +1 -1
- package/Image/index.js +3 -3
- package/ImagePreview/index.js +3 -3
- package/InteractiveWidget/index.js +3 -3
- package/KeyValue/index.js +1 -1
- package/Label/index.js +2 -3
- package/LinkButton/index.js +2 -2
- package/Loader/index.js +1 -1
- package/Menu/index.js +2 -3
- package/MobileNavigation/index.js +1 -1
- package/MobilePopup/index.js +3 -3
- package/Modal/index.js +2 -2
- package/ModuleTitle/index.js +3 -3
- package/NavigationMenu/index.js +3 -3
- package/Notification/index.js +1 -1
- package/Option/index.js +2 -3
- package/Overlay/index.js +3 -3
- package/Overspread/index.js +6 -6
- package/Pagination/index.js +3 -3
- package/Paper/index.js +1 -1
- package/Popover/index.js +2 -2
- package/PopoverV2/index.js +2 -2
- package/Products/index.js +1 -1
- package/Profile/index.js +6 -4
- package/Progress/index.js +2 -2
- package/Radio/index.js +1 -1
- package/RadioGroup/index.js +1 -1
- package/Range/index.js +1 -1
- package/Rating/index.js +1 -1
- package/RichEditor/index.js +2 -2
- package/{RichEditor-3ad651c7.js → RichEditor-fa938efe.js} +2 -2
- package/Scrollbar/index.js +1 -1
- package/Search/index.js +2 -2
- package/SearchWithDropdown/index.js +6 -6
- package/Section/index.js +1 -1
- package/SkeletonLoader/index.js +1 -1
- package/Slider/index.js +3 -3
- package/Status/index.js +2 -3
- package/Steps/index.js +3 -3
- package/SuggestionList/index.js +2 -2
- package/Switcher/index.js +2 -2
- package/Table/index.js +9 -9
- package/TableCompositions/index.js +10 -10
- package/Tabs/index.js +2 -2
- package/Tag/index.js +1 -1
- package/Textarea/index.js +2 -2
- package/Time/index.js +1 -1
- package/TimePicker/index.js +4 -4
- package/Timeline/index.js +3 -3
- package/Title/index.js +1 -1
- package/Toaster/index.js +1 -1
- package/Tooltip/index.js +1 -2
- package/TransferList/index.js +6 -6
- package/Uploader/index.js +6 -6
- package/ValidatableCheckbox/index.js +2 -2
- package/ValidatableDatePicker/index.js +3 -3
- package/ValidatableDropdown/index.js +5 -5
- package/ValidatableElements/index.js +5 -5
- package/ValidatableMultiSelectDropdown/index.js +5 -5
- package/ValidatableNumberInput/index.js +2 -2
- package/ValidatableRadio/index.js +1 -1
- package/ValidatableSwitcher/index.js +1 -1
- package/ValidatableTextInput/index.js +2 -2
- package/ValidatableTimeInput/index.js +2 -2
- package/ValidatableUploader/index.js +2 -2
- package/Widget/index.js +3 -3
- package/hooks/useMount.js +1 -1
- package/{index-49fbb32c.js → index-0c18f902.js} +45 -31
- package/{index-d8c45742.js → index-24537904.js} +6 -5
- package/{index-3a6b7fd9.js → index-59637c99.js} +9 -9
- package/{index-73b4d98a.js → index-5a08e021.js} +2 -2
- package/{index-a0e4e333.js → index-5f37f281.js} +1 -2
- package/{index-263b0f0b.js → index-b3a30cb9.js} +1 -1
- package/index.js +11 -11
- package/lib/atoms/Avatar/Avatar.d.ts +31 -15
- package/lib/molecules/Tooltip/Tooltip.d.ts +1 -5
- package/package.json +2 -2
- package/{rangeAndSlider-63c5d423.js → rangeAndSlider-693a3d41.js} +16 -8
- package/{react-beautiful-dnd.esm-bb1d95fc.js → react-beautiful-dnd.esm-1cdf39df.js} +1 -1
- package/tokens-7ae95ae2.js +6 -0
- package/tokens-3e00442a.js +0 -6
package/ActionableList/index.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
2
2
|
import React__default, { useRef, useState, useMemo, useCallback, useEffect, forwardRef, useImperativeHandle } from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
|
-
import { P as PublicDraggable, C as ConnectedDroppable, D as DragDropContext } from '../react-beautiful-dnd.esm-
|
|
5
|
-
import { n as noop } from '../index-
|
|
4
|
+
import { P as PublicDraggable, C as ConnectedDroppable, D as DragDropContext } from '../react-beautiful-dnd.esm-1cdf39df.js';
|
|
5
|
+
import { n as noop } from '../index-5f37f281.js';
|
|
6
6
|
import Icon from '../Icon/index.js';
|
|
7
7
|
import Empty from '../Empty/index.js';
|
|
8
8
|
import BusyLoader from '../BusyLoader/index.js';
|
|
9
9
|
import CustomScrollbar from '../Scrollbar/index.js';
|
|
10
10
|
import Checkbox from '../Checkbox/index.js';
|
|
11
11
|
import ExtendedInput from '../ExtendedInput/index.js';
|
|
12
|
-
import { T as Tooltip } from '../index-
|
|
12
|
+
import { T as Tooltip } from '../index-0c18f902.js';
|
|
13
13
|
import { c as commonjsGlobal } from '../_commonjsHelpers-24198af3.js';
|
|
14
14
|
import Button from '../Button/index.js';
|
|
15
15
|
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
@@ -1035,7 +1035,7 @@ function isEmpty(value) {
|
|
|
1035
1035
|
|
|
1036
1036
|
var isEmpty_1 = isEmpty;
|
|
1037
1037
|
|
|
1038
|
-
var css_248z = "[data-gene-ui-version=\"2.16.
|
|
1038
|
+
var css_248z = "[data-gene-ui-version=\"2.16.1\"] .gene-actionable-list{display:flex;flex-direction:column;height:100%}[data-gene-ui-version=\"2.16.1\"] .gene-actionable-list .gene-actionable-list-header{margin:16px 0}[data-gene-ui-version=\"2.16.1\"] .gene-actionable-list .gene-actionable-list-header .gene-actionable-list-header-title{align-items:center;border-bottom:1px solid rgba(var(--background-sc-rgb),.1);display:flex;font:600 1.4rem/1.8rem var(--font-family);height:5.1rem;justify-content:space-between;padding:0 2rem}[data-gene-ui-version=\"2.16.1\"] .gene-actionable-list .gene-actionable-list-header .gene-actionable-list-header-title h5{color:var(--hero)}[data-gene-ui-version=\"2.16.1\"] .gene-actionable-list .gene-actionable-list-header .gene-actionable-list-header-title span{color:rgba(var(--background-sc-rgb),.5)}[data-gene-ui-version=\"2.16.1\"] .gene-actionable-list .gene-actionable-list-header .gene-actionable-list-header-search-box{align-items:center;display:flex;padding:16px}[data-gene-ui-version=\"2.16.1\"] .gene-actionable-list .gene-actionable-list-header .gene-actionable-list-header-mark-all{padding:0 32px}[data-gene-ui-version=\"2.16.1\"] .gene-actionable-list .gene-actionable-list-body{height:100%;padding:0 16px}[data-gene-ui-version=\"2.16.1\"] .gene-actionable-list .gene-actionable-list-body .gene-actionable-list-row-content{align-items:center;background-color:var(--background);border:1px solid rgba(var(--background-sc-rgb),.1);border-radius:8px;display:flex;margin-bottom:1.5rem;padding:0 8px}[data-gene-ui-version=\"2.16.1\"] .gene-actionable-list .gene-actionable-list-body .gene-actionable-list-row-content .gene-actionable-list-row-content-body{align-items:center;display:flex;flex:1;height:100%}[data-gene-ui-version=\"2.16.1\"] .gene-actionable-list .gene-actionable-list-body .gene-actionable-list-row-content .gene-actionable-list-row-content-body>span{line-height:40px;margin-left:8px;width:100%}[data-gene-ui-version=\"2.16.1\"] .gene-actionable-list .gene-actionable-list-body .gene-actionable-list-row-content .gene-actionable-list-row-content-body>span>span.highlight{background:rgba(var(--hero-rgb),.15);color:var(--hero)}[data-gene-ui-version=\"2.16.1\"] .gene-actionable-list .gene-actionable-list-body .gene-actionable-list-row-children{margin-left:34px}";
|
|
1039
1039
|
styleInject(css_248z);
|
|
1040
1040
|
|
|
1041
1041
|
function RowContent(_ref) {
|
package/AdvancedSearch/index.js
CHANGED
|
@@ -5,17 +5,17 @@ import { c as classnames } from '../index-031ff73c.js';
|
|
|
5
5
|
import { a as dayjs } from '../dateValidation-67caec66.js';
|
|
6
6
|
import { h as advancedSearchConfig } from '../configs-34847b77.js';
|
|
7
7
|
import useDebounce from '../hooks/useDebounce.js';
|
|
8
|
-
import { n as noop } from '../index-
|
|
8
|
+
import { n as noop } from '../index-5f37f281.js';
|
|
9
9
|
import useKeyDown from '../hooks/useKeyDown.js';
|
|
10
10
|
import useClickOutside from '../hooks/useClickOutside.js';
|
|
11
|
-
import { P as PopoverV2 } from '../index-
|
|
11
|
+
import { P as PopoverV2 } from '../index-5a08e021.js';
|
|
12
12
|
import ExtendedInput from '../ExtendedInput/index.js';
|
|
13
13
|
import CustomScrollbar from '../Scrollbar/index.js';
|
|
14
14
|
import LinkButton from '../LinkButton/index.js';
|
|
15
15
|
import { u as useEllipsisDetection } from '../useEllipsisDetection-4d997d5d.js';
|
|
16
16
|
import Icon from '../Icon/index.js';
|
|
17
17
|
import Checkbox from '../Checkbox/index.js';
|
|
18
|
-
import { T as Tooltip } from '../index-
|
|
18
|
+
import { T as Tooltip } from '../index-0c18f902.js';
|
|
19
19
|
import SkeletonLoader from '../SkeletonLoader/index.js';
|
|
20
20
|
import Badge from '../Badge/index.js';
|
|
21
21
|
import Empty from '../Empty/index.js';
|
|
@@ -597,7 +597,7 @@ function Content(_ref) {
|
|
|
597
597
|
Content.defaultProps = {};
|
|
598
598
|
Content.propTypes = {};
|
|
599
599
|
|
|
600
|
-
var css_248z = "[data-gene-ui-version=\"2.16.
|
|
600
|
+
var css_248z = "[data-gene-ui-version=\"2.16.1\"] .advancedSearch{margin-left:auto;margin-right:0;min-height:3.6rem;min-width:10rem;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[data-gene-ui-version=\"2.16.1\"] .advancedSearch-left{margin-left:0;margin-right:auto}[data-gene-ui-version=\"2.16.1\"] .advancedSearch__wrapper{color:rgba(var(--background-sc-rgb),.75);left:auto;max-width:var(--advanced-search-width);position:absolute;right:0;top:0;width:100vw}[data-gene-ui-version=\"2.16.1\"] .advancedSearch__wrapper-left{left:0;right:auto}[data-gene-ui-version=\"2.16.1\"] .advancedSearch__popover{min-height:50rem;width:var(--advanced-search-width)}[data-gene-ui-version=\"2.16.1\"] .advancedSearch__content{color:rgba(var(--background-sc-rgb),.75);display:flex;height:52rem;justify-content:space-between;max-height:50rem!important}[data-gene-ui-version=\"2.16.1\"] .advancedSearch__searchResult{flex-grow:3;height:auto;max-height:100%}[data-gene-ui-version=\"2.16.1\"] .advancedSearch__searchResult-border{border-left:none;border-right:1px solid rgba(var(--background-sc-rgb),.3)}[data-gene-ui-version=\"2.16.1\"] [dir=rtl] .advancedSearch__searchResult-border{border-left:1px solid rgba(var(--background-sc-rgb),.3);border-right:none}[data-gene-ui-version=\"2.16.1\"] .advancedSearch__filters{width:27rem}[data-gene-ui-version=\"2.16.1\"] .advancedSearch__divider{border-bottom:1px solid rgba(var(--background-sc-rgb),.3)}[data-gene-ui-version=\"2.16.1\"] .filterList__filter{height:50%;min-height:50%;padding:.8rem 0;padding-inline-end:0;width:100%}[data-gene-ui-version=\"2.16.1\"] .filterList__filterHeader{font-size:1.2rem;padding:.8rem}[data-gene-ui-version=\"2.16.1\"] .filterList__filterList{display:flex;flex-direction:column}[data-gene-ui-version=\"2.16.1\"] .filterList__showMoreLi{margin:.8rem}[data-gene-ui-version=\"2.16.1\"] .filterList__showMoreLink{padding:.4rem .8rem}[data-gene-ui-version=\"2.16.1\"] .listElementWithCheckbox{align-items:center;display:flex;flex-wrap:nowrap;height:4rem;padding:0 1.6rem}[data-gene-ui-version=\"2.16.1\"] .listElementWithCheckbox-hover,[data-gene-ui-version=\"2.16.1\"] .listElementWithCheckbox:hover{background:rgba(var(--background-sc-rgb),.03)}[data-gene-ui-version=\"2.16.1\"] .listElementWithCheckbox__label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none;width:100%}[data-gene-ui-version=\"2.16.1\"] .listElementWithCheckbox__icon,[data-gene-ui-version=\"2.16.1\"] .listElementWithCheckbox__name{margin-inline-start:.8rem}[data-gene-ui-version=\"2.16.1\"] .searchResult{height:100%;padding:.8rem 0;padding-inline-end:0;position:relative}[data-gene-ui-version=\"2.16.1\"] .searchResult__scrollbar{height:100%}[data-gene-ui-version=\"2.16.1\"] .searchResult__scrollbar-loading{visibility:hidden}[data-gene-ui-version=\"2.16.1\"] .searchResult__header{align-items:center;display:flex;justify-content:flex-start;padding:.8rem;width:100%}[data-gene-ui-version=\"2.16.1\"] .searchResult__list{width:100%}[data-gene-ui-version=\"2.16.1\"] .searchResult__text{font-size:1.2rem}[data-gene-ui-version=\"2.16.1\"] .searchResult__badge{margin-inline-start:.8rem}[data-gene-ui-version=\"2.16.1\"] .searchResult__showMoreLi{margin:.8rem;padding:.8rem 0;padding-inline-start:.8rem}[data-gene-ui-version=\"2.16.1\"] .searchResult__showMoreLink{padding:.4rem}[data-gene-ui-version=\"2.16.1\"] .searchResult__empty{height:calc(100% - 5.5rem)}[data-gene-ui-version=\"2.16.1\"] .searchResultRow{align-items:center;display:flex;height:4.5rem;justify-content:space-between;margin:.4rem 0;max-width:100%;padding:.4rem .8rem;width:100%}[data-gene-ui-version=\"2.16.1\"] .searchResultRow-hover,[data-gene-ui-version=\"2.16.1\"] .searchResultRow:hover{background:rgba(var(--background-sc-rgb),.03)}[data-gene-ui-version=\"2.16.1\"] .searchResultRow__icon{padding:0 .8rem}[data-gene-ui-version=\"2.16.1\"] .searchResultRow__info{display:flex;flex-direction:column;flex-grow:2;height:100%;justify-content:space-between;overflow:hidden;padding-inline-start:.8rem;width:100%}[data-gene-ui-version=\"2.16.1\"] .searchResultRow__titleWrapper{align-items:center;display:flex;font-weight:600}[data-gene-ui-version=\"2.16.1\"] .searchResultRow__id{color:rgba(var(--background-sc-rgb),.6);margin-inline-end:.8rem}[data-gene-ui-version=\"2.16.1\"] .searchResultRow__title{color:var(--background-sc-rgb)}[data-gene-ui-version=\"2.16.1\"] .searchResultRow__nameWrapper{align-items:center;color:rgba(var(--background-sc-rgb),.6);display:flex;flex-wrap:nowrap}[data-gene-ui-version=\"2.16.1\"] .searchResultRow__name{font-size:1.2rem;white-space:nowrap}[data-gene-ui-version=\"2.16.1\"] .searchResultRow__dateSeparator{font-size:1.2rem;padding-top:.3rem}[data-gene-ui-version=\"2.16.1\"] .searchResultRow__dateWrapper{align-items:center;display:flex;font-size:1rem;padding-top:.3rem}[data-gene-ui-version=\"2.16.1\"] .searchResultRow__dateText{font-style:italic;margin-inline-end:.4rem}[data-gene-ui-version=\"2.16.1\"] .searchResultRow__actions{display:flex;height:100%}[data-gene-ui-version=\"2.16.1\"] .searchResultRow__action{color:var(--hero);cursor:pointer;margin:0 .4rem}[data-gene-ui-version=\"2.16.1\"] .skeleton{height:100%;left:0;position:absolute;top:0;width:100%}[data-gene-ui-version=\"2.16.1\"] .skeleton__filter{align-items:center;display:flex;flex-wrap:nowrap;height:4rem;padding:0 .8rem}[data-gene-ui-version=\"2.16.1\"] .skeleton__searchElement{align-items:center;display:flex;height:44px;margin:1.5rem .8rem;padding-inline-end:.8rem}";
|
|
601
601
|
styleInject(css_248z);
|
|
602
602
|
|
|
603
603
|
function AdvancedSearch(_ref) {
|
package/Alert/index.js
CHANGED
|
@@ -12,7 +12,7 @@ import '../_commonjsHelpers-24198af3.js';
|
|
|
12
12
|
import '../hooks/useWindowSize.js';
|
|
13
13
|
import '../hooks/useDebounce.js';
|
|
14
14
|
|
|
15
|
-
var css_248z = "[data-gene-ui-version=\"2.16.
|
|
15
|
+
var css_248z = "[data-gene-ui-version=\"2.16.1\"] .alert-holder{background:var(--background);border-radius:.6rem;width:100%;word-break:break-word}[data-gene-ui-version=\"2.16.1\"] .toaster-holder.top .alert-holder.mobile-view:first-child,[data-gene-ui-version=\"2.16.1\"] .toaster-holder.top .alert-holder.mobile-view:first-child .alert-box{border-top-left-radius:0;border-top-right-radius:0}[data-gene-ui-version=\"2.16.1\"] .toaster-holder.bottom .alert-holder.mobile-view:last-child,[data-gene-ui-version=\"2.16.1\"] .toaster-holder.bottom .alert-holder.mobile-view:last-child .alert-box{border-bottom-left-radius:0;border-bottom-right-radius:0}[data-gene-ui-version=\"2.16.1\"] .alert-box{background:rgba(var(--confirm-rgb),.1);border:1px solid var(--confirm);border-radius:.6rem;display:flex;min-height:4.2rem;padding:.8rem .7rem;width:100%}[data-gene-ui-version=\"2.16.1\"] .alert-box.type-info{--confirm:var(--hero);--confirm-hover:var(--hero-hover);--confirm-sc:var(--hero-sc);--confirm-rgb:var(--hero-rgb);--confirm-sc-rgb:var(--hero-sc-rgb)}[data-gene-ui-version=\"2.16.1\"] .alert-box.type-warning{--confirm:var(--warning);--confirm-hover:var(--warning-hover);--confirm-sc:var(--warning-sc);--confirm-rgb:var(--warning-rgb);--confirm-sc-rgb:var(--warning-sc-rgb)}[data-gene-ui-version=\"2.16.1\"] .alert-box.type-error{--confirm:var(--danger);--confirm-hover:var(--danger-hover);--confirm-sc:var(--danger-sc);--confirm-rgb:var(--danger-rgb);--confirm-sc-rgb:var(--danger-sc-rgb)}[data-gene-ui-version=\"2.16.1\"] .alert-box.type-note{--confirm:var(--note);--confirm-hover:var(--note-hover);--confirm-sc:var(--note-sc);--confirm-rgb:var(--note-rgb);--confirm-sc-rgb:var(--note-sc-rgb)}[data-gene-ui-version=\"2.16.1\"] .alert-box.type-message{--confirm:var(--message);--confirm-hover:var(--message-hover);--confirm-sc:var(--message-sc);--confirm-rgb:var(--message-rgb);--confirm-sc-rgb:var(--message-sc-rgb)}[data-gene-ui-version=\"2.16.1\"] .alert-holder.mobile-view .alert-box{border-bottom-color:rgba(var(--background-sc-rgb),.1);border-width:0 0 1px}[data-gene-ui-version=\"2.16.1\"] .toaster-holder:not(.top,.bottom,.center) .alert-holder.mobile-view .alert-box{border-radius:0}[data-gene-ui-version=\"2.16.1\"] .alert-box>li{flex-shrink:0;padding:0 .7rem}[data-gene-ui-version=\"2.16.1\"] .alert-box>li.ab-c-c{align-self:center;flex:auto;margin:.4rem 0}[data-gene-ui-version=\"2.16.1\"] .alert-box>li.ab-bc-icon-c{max-width:100%}[data-gene-ui-version=\"2.16.1\"] .alert-box>li a,[data-gene-ui-version=\"2.16.1\"] .alert-box>li.ab-bc-icon-c{color:var(--confirm)}[data-gene-ui-version=\"2.16.1\"] .alert-box .bc-icon-close{cursor:pointer}@media (hover:hover){[data-gene-ui-version=\"2.16.1\"] .alert-box .bc-icon-close:hover{color:var(--confirm)}}[data-gene-ui-version=\"2.16.1\"] .alert-box a{color:var(--hero);font-weight:600}[data-gene-ui-version=\"2.16.1\"] .alert-box-title{font:600 1.4rem/1.8rem var(--font-family)}[data-gene-ui-version=\"2.16.1\"] .alert-text{font:600 1.2rem/1.42 var(--font-family);margin:.8rem 0 0}";
|
|
16
16
|
styleInject(css_248z);
|
|
17
17
|
|
|
18
18
|
const alertTypes = ['success', 'info', 'warning', 'error', 'note', 'message'];
|
package/Avatar/index.js
CHANGED
|
@@ -1,30 +1,58 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
1
|
+
import React__default, { useState, useEffect, cloneElement } from 'react';
|
|
2
2
|
import { c as classnames } from '../index-031ff73c.js';
|
|
3
|
-
import {
|
|
3
|
+
import { _ as _objectWithoutProperties, a as _extends } from '../ArrowLeft-b88e2ba8.js';
|
|
4
4
|
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
5
|
-
import 'prop-types';
|
|
6
|
-
import '../dateValidation-67caec66.js';
|
|
7
|
-
import '../_commonjsHelpers-24198af3.js';
|
|
8
|
-
import 'react-dom';
|
|
9
5
|
|
|
10
|
-
var
|
|
6
|
+
var _excluded = ["size", "color"];
|
|
7
|
+
var SvgSquare = function SvgSquare(_ref) {
|
|
8
|
+
var _ref$size = _ref.size,
|
|
9
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
10
|
+
_ref$color = _ref.color,
|
|
11
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
12
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
13
|
+
return /*#__PURE__*/React__default.createElement("svg", _extends({
|
|
14
|
+
width: size,
|
|
15
|
+
height: size,
|
|
16
|
+
viewBox: "0 0 24 24",
|
|
17
|
+
fill: color,
|
|
18
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
19
|
+
}, props), /*#__PURE__*/React__default.createElement("path", {
|
|
20
|
+
d: "M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-14a2 2 0 0 1-2-2v-14Z",
|
|
21
|
+
fill: color
|
|
22
|
+
}));
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
var css_248z = "[data-gene-ui-version=\"2.16.1\"] .avatar{align-items:center;border-radius:var(--guit-ref-radius-full);display:flex;justify-content:center;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"2.16.1\"] .avatar_size_6Xlarge{font-family:var(--guit-sem-font-heading-medium-semibold-font-family);font-size:var(--guit-sem-font-heading-medium-semibold-font-size);font-weight:var(--guit-sem-font-heading-medium-semibold-font-weight);height:var(--guit-sem-dimension-height-6xlarge);line-height:var(--guit-sem-font-heading-medium-semibold-line-height);width:var(--guit-sem-dimension-width-6xlarge)}[data-gene-ui-version=\"2.16.1\"] .avatar_size_large{height:var(--guit-sem-dimension-height-large);width:var(--guit-sem-dimension-width-large)}[data-gene-ui-version=\"2.16.1\"] .avatar_size_large,[data-gene-ui-version=\"2.16.1\"] .avatar_size_medium{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}[data-gene-ui-version=\"2.16.1\"] .avatar_size_medium{height:var(--guit-sem-dimension-height-medium);width:var(--guit-sem-dimension-width-medium)}[data-gene-ui-version=\"2.16.1\"] .avatar_size_small{font-family:var(--guit-sem-font-label-small-default-medium-font-family);font-size:var(--guit-sem-font-label-small-default-medium-font-size);font-weight:var(--guit-sem-font-label-small-default-medium-font-weight);height:var(--guit-sem-dimension-height-small);line-height:var(--guit-sem-font-label-small-default-medium-line-height);width:var(--guit-sem-dimension-width-small)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_neutral{background-color:var(--guit-sem-color-background-neutral-2);color:var(--guit-sem-color-foreground-neutral-2)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_blue{background-color:var(--guit-sem-color-background-accent-blue-1);color:var(--guit-sem-color-foreground-accent-blue)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_red{background-color:var(--guit-sem-color-background-accent-red-1);color:var(--guit-sem-color-foreground-accent-red)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_green{background-color:var(--guit-sem-color-background-accent-green-1);color:var(--guit-sem-color-foreground-accent-green)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_purple{background-color:var(--guit-sem-color-background-accent-purple-1);color:var(--guit-sem-color-foreground-accent-purple)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_orange{background-color:var(--guit-sem-color-background-accent-orange-1);color:var(--guit-sem-color-foreground-accent-orange)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_lagoon{background-color:var(--guit-sem-color-background-accent-lagoon-1);color:var(--guit-sem-color-foreground-accent-lagoon)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_magenta{background-color:var(--guit-sem-color-background-accent-magenta-1);color:var(--guit-sem-color-foreground-accent-magenta)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_slate{background-color:var(--guit-sem-color-background-accent-slate-1);color:var(--guit-sem-color-foreground-accent-slate)}[data-gene-ui-version=\"2.16.1\"] .avatar__image{display:block;height:100%;object-fit:cover;object-position:center;width:100%}[data-gene-ui-version=\"2.16.1\"] .avatar__text{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-transform:uppercase}[data-gene-ui-version=\"2.16.1\"] .avatar:focus-visible{outline:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-focus);outline-offset:var(--guit-ref-border-width-thin)}[data-gene-ui-version=\"2.16.1\"] .avatar:active:before,[data-gene-ui-version=\"2.16.1\"] .avatar:hover:before,[data-gene-ui-version=\"2.16.1\"] .avatar_disabled:before{content:\"\";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}[data-gene-ui-version=\"2.16.1\"] .avatar_button{cursor:pointer}[data-gene-ui-version=\"2.16.1\"] .avatar_button:hover:before{background-color:var(--guit-sem-color-background-transparent-1-hover)}[data-gene-ui-version=\"2.16.1\"] .avatar_button:active:before{background-color:var(--guit-sem-color-background-transparent-1-pressed)}[data-gene-ui-version=\"2.16.1\"] .avatar_disabled{pointer-events:none}[data-gene-ui-version=\"2.16.1\"] .avatar_disabled:before{background-color:var(--guit-sem-color-background-transparent-inverse-disabled)}";
|
|
11
26
|
styleInject(css_248z);
|
|
12
27
|
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
clickable: !!onClick
|
|
21
|
-
}), style: { backgroundImage: src ? `url(${src})` : '' }, onClick: onClick }, !src && !icon && children && getInitials(children)));
|
|
28
|
+
const iconSizes = {
|
|
29
|
+
small: 16,
|
|
30
|
+
large: 20,
|
|
31
|
+
'6Xlarge': 48
|
|
32
|
+
};
|
|
33
|
+
const AvatarWrapper = ({ onClick, children, parentClass, isDisabled }) => {
|
|
34
|
+
return onClick ? (React__default.createElement("button", { onClick: onClick, className: `${parentClass} avatar_button`, disabled: isDisabled }, children)) : (React__default.createElement("div", { className: parentClass }, children));
|
|
22
35
|
};
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
36
|
+
/**
|
|
37
|
+
* An avatar is a graphical representation of a user, typically displayed as a small image or icon. It can be a photo, illustration, or initials, and is used to personalize the user experience by visually identifying the user in interfaces such as profiles, comment sections, and messaging apps.
|
|
38
|
+
*/
|
|
39
|
+
const Avatar = ({ size = 'medium', color = 'magenta', fullName = '', src, onClick, isDisabled, isLoading, Icon = React__default.createElement(SvgSquare, null), className }) => {
|
|
40
|
+
const [proceedFullName, setProceedFullName] = useState(fullName);
|
|
41
|
+
useEffect(() => {
|
|
42
|
+
const [firstName = '', lastName = ''] = fullName.split(' ');
|
|
43
|
+
const [firstNameFirstLetter] = firstName;
|
|
44
|
+
const [lastNameFirstLetter] = lastName || '';
|
|
45
|
+
setProceedFullName(firstNameFirstLetter
|
|
46
|
+
? `${firstNameFirstLetter}${!!lastNameFirstLetter && (size === '6Xlarge' || size === 'large') ? ' ' + lastNameFirstLetter : ''}`
|
|
47
|
+
: ``);
|
|
48
|
+
}, [fullName, size]);
|
|
49
|
+
const iconMock = Icon &&
|
|
50
|
+
cloneElement(Icon, {
|
|
51
|
+
size: iconSizes[size]
|
|
52
|
+
});
|
|
53
|
+
return isLoading ? (React__default.createElement("span", null, "skeleton")) : (React__default.createElement(AvatarWrapper, { parentClass: classnames(`avatar avatar_size_${size} avatar_color_${color}`, className, {
|
|
54
|
+
avatar_disabled: isDisabled
|
|
55
|
+
}), onClick: onClick, isDisabled: isDisabled }, src ? (React__default.createElement("img", { className: "avatar__image", alt: 'avatar', src: src })) : proceedFullName ? (React__default.createElement("span", { className: "avatar__text" }, proceedFullName)) : (iconMock)));
|
|
28
56
|
};
|
|
29
57
|
|
|
30
58
|
export { Avatar as default };
|
package/Badge/index.js
CHANGED
|
@@ -3,7 +3,7 @@ import React__default from 'react';
|
|
|
3
3
|
import { c as classnames } from '../index-031ff73c.js';
|
|
4
4
|
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
5
5
|
|
|
6
|
-
var css_248z = "[data-gene-ui-version=\"2.16.
|
|
6
|
+
var css_248z = "[data-gene-ui-version=\"2.16.1\"] .badge{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;position:relative}[data-gene-ui-version=\"2.16.1\"] .badge__content{background:var(--danger);border-radius:3rem;color:var(--danger-sc);display:block;font:600 1rem/1.6rem var(--font-family);min-width:1.6rem;padding:0 .5rem;text-align:center}[data-gene-ui-version=\"2.16.1\"] .badge__content-children{position:absolute;top:-.8rem}html:not([dir=rtl]) .badge__content-children{right:-.8rem}html[dir=rtl] .badge__content-children{left:-.8rem}[data-gene-ui-version=\"2.16.1\"] .badge__content-dot{height:1rem;min-height:1rem;min-width:1rem;top:-.5rem;width:1rem}html:not([dir=rtl]) .badge__content-dot{right:-.5rem}html[dir=rtl] .badge__content-dot{left:-.5rem}[data-gene-ui-version=\"2.16.1\"] .badge__content-medium{line-height:1.8rem;min-height:1.8rem;min-width:1.8rem}[data-gene-ui-version=\"2.16.1\"] .badge__content-big{line-height:2.2rem;min-height:2.2rem;min-width:2.2rem}[data-gene-ui-version=\"2.16.1\"] .badge__content-huge{font-size:1.3rem;line-height:2.6rem;min-height:2.6rem;min-width:2.6rem}[data-gene-ui-version=\"2.16.1\"] .badge__content-big,[data-gene-ui-version=\"2.16.1\"] .badge__content-huge,[data-gene-ui-version=\"2.16.1\"] .badge__content-medium{top:-1rem}html:not([dir=rtl]) .badge__content-big,html:not([dir=rtl]) .badge__content-huge,html:not([dir=rtl]) .badge__content-medium{right:-1rem}html[dir=rtl] .badge__content-big,html[dir=rtl] .badge__content-huge,html[dir=rtl] .badge__content-medium{left:-1rem}[data-gene-ui-version=\"2.16.1\"] .badge__content-primary{background:var(--hero)}";
|
|
7
7
|
styleInject(css_248z);
|
|
8
8
|
|
|
9
9
|
const getShowValue = (count, maxCount) => {
|
package/Breadcrumb/index.js
CHANGED
|
@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
|
2
2
|
import React__default, { useState, useCallback, Fragment } from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import { c as classnames } from '../index-031ff73c.js';
|
|
5
|
-
import { n as noop } from '../index-
|
|
5
|
+
import { n as noop } from '../index-5f37f281.js';
|
|
6
6
|
import Button from '../Button/index.js';
|
|
7
7
|
import Popover from '../Popover/index.js';
|
|
8
8
|
import Icon from '../Icon/index.js';
|
|
@@ -25,7 +25,7 @@ import '../Scrollbar/index.js';
|
|
|
25
25
|
import '../guid-8ddf77b3.js';
|
|
26
26
|
import '../Option/index.js';
|
|
27
27
|
import '../useEllipsisDetection-4d997d5d.js';
|
|
28
|
-
import '../index-
|
|
28
|
+
import '../index-0c18f902.js';
|
|
29
29
|
|
|
30
30
|
function BreadcrumbItem(_ref) {
|
|
31
31
|
let {
|
|
@@ -41,7 +41,7 @@ function BreadcrumbItem(_ref) {
|
|
|
41
41
|
}, data.title);
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
-
var css_248z = "[data-gene-ui-version=\"2.16.
|
|
44
|
+
var css_248z = "[data-gene-ui-version=\"2.16.1\"] .bread-crumbs-holder{align-items:center;display:flex;font-weight:600;justify-content:flex-start;min-height:3.6rem;width:100%}[data-gene-ui-version=\"2.16.1\"] .bread-crumbs-holder>*+:not(button){margin:0 0 0 1rem}html[dir=rtl] .bread-crumbs-holder>*+:not(button){margin:0 1rem 0 0}[data-gene-ui-version=\"2.16.1\"] .bread-crumbs-holder>button{margin:0 .4rem}[data-gene-ui-version=\"2.16.1\"] .bread-crumbs-holder>button+.icon,html[dir=rtl] .bread-crumbs-holder>button+.icon{margin:0}[data-gene-ui-version=\"2.16.1\"] .breadcrumbs-link{color:inherit;cursor:pointer}@media (hover:hover){[data-gene-ui-version=\"2.16.1\"] .breadcrumbs-link:hover{color:var(--hero)}}[data-gene-ui-version=\"2.16.1\"] .breadcrumbs-link.active{color:var(--hero)}";
|
|
45
45
|
styleInject(css_248z);
|
|
46
46
|
|
|
47
47
|
function Breadcrumb(_ref) {
|
package/BusyLoader/index.js
CHANGED
|
@@ -11,7 +11,7 @@ const BusyLoaderHolderHOC = ({ children, loadingText, className }) => {
|
|
|
11
11
|
loadingText && React__default.createElement("div", { className: "loader-text" }, loadingText)));
|
|
12
12
|
};
|
|
13
13
|
|
|
14
|
-
var css_248z = "[data-gene-ui-version=\"2.16.
|
|
14
|
+
var css_248z = "[data-gene-ui-version=\"2.16.1\"] .loader-holder{align-items:center;color:var(--hero);display:flex;flex-direction:column;margin:auto;position:relative;text-align:center}[data-gene-ui-version=\"2.16.1\"] .loader-holder.p-static{margin:6rem}[data-gene-ui-version=\"2.16.1\"] .loader-holder.p-absolute{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}[data-gene-ui-version=\"2.16.1\"] .loader-holder .s-medium{font-size:2.8rem}[data-gene-ui-version=\"2.16.1\"] .loader-holder .s-big{font-size:5.4rem}[data-gene-ui-version=\"2.16.1\"] .loader-text{font:600 1.6rem/2rem var(--font-family);margin:1rem 0 0}[data-gene-ui-version=\"2.16.1\"] .bubble-loader{animation:sk-rotate 2s linear infinite;height:6.6rem;position:relative;width:6.6rem}@keyframes sk-rotate{to{transform:rotate(1turn)}}[data-gene-ui-version=\"2.16.1\"] .bubble-loader .dot{animation:sk-bounce 2s ease-in-out infinite;background:var(--hero);border-radius:100%;height:60%;position:absolute;top:0;width:60%}@keyframes sk-bounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}[data-gene-ui-version=\"2.16.1\"] .bubble-loader .dot2{animation-delay:-1s;bottom:0;top:auto}[data-gene-ui-version=\"2.16.1\"] .bar-loader{height:.6rem;left:0;overflow:hidden;position:fixed;top:calc(var(--header-height, .6rem) - .6rem);width:100%}[data-gene-ui-version=\"2.16.1\"] .bar-loader:before{animation:bar-loader .8s linear infinite;background:linear-gradient(270deg,#7eb8ff 30%,#8d14e6 50%,#7eb8ff 70%) no-repeat 50% 50%/100vw .6rem;content:\"\";display:block;height:100%;left:50%;max-width:0;opacity:0;overflow:hidden;position:absolute;top:0;transform:translateX(-50%);width:100%}@keyframes bar-loader{0%,to{opacity:0}10%,90%{opacity:1}0%{max-width:0}to{max-width:100%}}";
|
|
15
15
|
styleInject(css_248z);
|
|
16
16
|
|
|
17
17
|
const BusyLoader = ({ type = 'spinner', isBusy = true, children = null, className, loadingText, spinnerSize = 'small' }) => {
|
package/Button/index.js
CHANGED
|
@@ -6,7 +6,7 @@ import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
|
6
6
|
import '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
7
7
|
import 'prop-types';
|
|
8
8
|
|
|
9
|
-
var css_248z = "[data-gene-ui-version=\"2.16.
|
|
9
|
+
var css_248z = "[data-gene-ui-version=\"2.16.1\"] .btn{--size:3.6rem;align-items:center;border:1px solid #0000;border-radius:var(--button-external-border-radius,var(--button-external-size,var(--size)));color:inherit;cursor:pointer;display:flex;font:600 1.4rem/2rem var(--font-family);justify-content:center;min-height:var(--button-external-size,var(--size));min-width:var(--button-external-size,var(--size));position:relative;transition:color .3s,background .3s,opacity .2s;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"2.16.1\"] .btn:focus-visible{border-radius:var(--button-external-border-radius,var(--button-external-size,var(--size)));outline:.2rem var(--hero) solid}[data-gene-ui-version=\"2.16.1\"] .btn:disabled{opacity:.5;pointer-events:none}[data-gene-ui-version=\"2.16.1\"] .btn.s-medium{--size:3.2rem;font-size:1.2rem}[data-gene-ui-version=\"2.16.1\"] .btn.s-big{--size:4.2rem}[data-gene-ui-version=\"2.16.1\"] .btn.cr-smooth{border-radius:var(--button-external-border-radius,.4rem)}[data-gene-ui-version=\"2.16.1\"] .btn>*+*{margin:0 0 0 .4rem}html[dir=rtl] .btn>*+*{margin:0 .4rem 0 0}[data-gene-ui-version=\"2.16.1\"] .btn.id-end{flex-direction:row-reverse}[data-gene-ui-version=\"2.16.1\"] .btn.id-end>*+*{margin:0 .7rem 0 0}html[dir=rtl] .btn.id-end>*+*{margin:0 0 0 .7rem}[data-gene-ui-version=\"2.16.1\"] .btn:not(.c-icon){padding:0 2rem}[data-gene-ui-version=\"2.16.1\"] .btn:not(.c-icon).f-content-size{padding:0 1.3rem}[data-gene-ui-version=\"2.16.1\"] .btn:not(.c-icon).f-default{min-width:10rem}[data-gene-ui-version=\"2.16.1\"] .btn:not(.c-icon).f-full-width{width:100%}[data-gene-ui-version=\"2.16.1\"] .btn:not(.c-icon).loading-padding{padding:0 .6rem}[data-gene-ui-version=\"2.16.1\"] .btn.c-confirm{--hero:var(--confirm);--hero-sc:var(--confirm-sc);--hero-hover:var(--confirm-hover)}[data-gene-ui-version=\"2.16.1\"] .btn.c-danger{--hero:var(--danger);--hero-sc:var(--danger-sc);--hero-hover:var(--danger-hover)}[data-gene-ui-version=\"2.16.1\"] .btn:not(.active).a-outline{border-color:var(--hero);color:var(--hero)}@media (hover:hover){[data-gene-ui-version=\"2.16.1\"] .btn:not(.active).a-outline:hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.16.1\"] .btn:not(.active).a-outline:active{background:var(--hero);color:var(--hero-sc)}[data-gene-ui-version=\"2.16.1\"] .btn:not(.active).a-minimal:not(.c-default){color:var(--hero)}@media (hover:hover){[data-gene-ui-version=\"2.16.1\"] .btn:not(.active).a-minimal:hover{background:rgba(var(--background-sc-rgb),.03)}}[data-gene-ui-version=\"2.16.1\"] .btn:not(.active).a-minimal.active{background:rgba(var(--background-sc-rgb),.03)}[data-gene-ui-version=\"2.16.1\"] .btn:not(.active).a-grayscale:not(:disabled){background:rgba(var(--background-sc-rgb),.01)}@media (hover:hover){[data-gene-ui-version=\"2.16.1\"] .btn:not(.active).a-grayscale:not(:disabled):hover{background:rgba(var(--background-sc-rgb),.03)}}[data-gene-ui-version=\"2.16.1\"] .btn:not(.active).a-grayscale:not(:disabled).active{background:rgba(var(--background-sc-rgb),.03)}[data-gene-ui-version=\"2.16.1\"] .btn:not(.active).a-grayscale:not(.c-default){color:var(--hero)}[data-gene-ui-version=\"2.16.1\"] .btn:not(.active).a-clean:not(.c-default){color:rgba(var(--background-sc-rgb),.6)}[data-gene-ui-version=\"2.16.1\"] .btn:not(.active).a-clean:not(:disabled){background:rgba(var(--hero-rgb),.1);color:var(--hero)}@media (hover:hover){[data-gene-ui-version=\"2.16.1\"] .btn:not(.active).a-clean:not(:disabled):hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.16.1\"] .btn:not(.active).a-clean:not(:disabled).active{background:var(--hero);color:var(--hero-sc)}[data-gene-ui-version=\"2.16.1\"] .btn:not(.a-grayscale).with-shadow{box-shadow:0 .2rem .4rem 0 #0000001a}[data-gene-ui-version=\"2.16.1\"] .btn.a-grayscale:not(:disabled){box-shadow:0 1px 0 0 #00000029}[data-gene-ui-version=\"2.16.1\"] .btn.a-default,[data-gene-ui-version=\"2.16.1\"] .btn.active{background:var(--hero);color:var(--hero-sc)}@media (hover:hover){[data-gene-ui-version=\"2.16.1\"] .btn.a-default:hover,[data-gene-ui-version=\"2.16.1\"] .btn.active:hover{background:var(--hero-hover)}}[data-gene-ui-version=\"2.16.1\"] .btn.loading-state>:not(.btn-loader-holder){color:#0000!important}[data-gene-ui-version=\"2.16.1\"] .btn .btn-loader-holder{left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%)}";
|
|
10
10
|
styleInject(css_248z);
|
|
11
11
|
|
|
12
12
|
const Button = forwardRef((_a, ref) => {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [2.16.1](https://github.com/softconstruct/gene-ui-components/compare/v2.16.0...v2.16.1) (2024-09-18)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* **Dropdown:** inputRef current null case ([#166](https://github.com/softconstruct/gene-ui-components/issues/166)) ([20052e0](https://github.com/softconstruct/gene-ui-components/commit/20052e06710cca2ffd21ee67e0d6cab09e85f224))
|
|
9
|
+
* **Profile:** ref current null case ([#165](https://github.com/softconstruct/gene-ui-components/issues/165)) ([61a83b1](https://github.com/softconstruct/gene-ui-components/commit/61a83b10a5b39d9e99273c9d1e452af724559b2b))
|
|
10
|
+
|
|
3
11
|
# [2.16.0](https://github.com/softconstruct/gene-ui-components/compare/v2.15.1...v2.16.0) (2024-09-17)
|
|
4
12
|
|
|
5
13
|
|
package/Card/index.js
CHANGED
|
@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
|
2
2
|
import React__default, { useState, useCallback, useEffect, useMemo, useRef } from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import { c as classnames } from '../index-031ff73c.js';
|
|
5
|
-
import { o as oneIsRequired, s as stopEvent, n as noop } from '../index-
|
|
5
|
+
import { o as oneIsRequired, s as stopEvent, n as noop } from '../index-5f37f281.js';
|
|
6
6
|
import '../configs-34847b77.js';
|
|
7
7
|
import useBodyScroll from '../hooks/useBodyScroll.js';
|
|
8
8
|
import Button from '../Button/index.js';
|
|
@@ -30,7 +30,7 @@ import '../hooks/useForceUpdate.js';
|
|
|
30
30
|
import '../Scrollbar/index.js';
|
|
31
31
|
import '../Option/index.js';
|
|
32
32
|
import '../useEllipsisDetection-4d997d5d.js';
|
|
33
|
-
import '../index-
|
|
33
|
+
import '../index-0c18f902.js';
|
|
34
34
|
|
|
35
35
|
function CardMenu(_ref) {
|
|
36
36
|
let {
|
|
@@ -95,7 +95,7 @@ function CardMenu(_ref) {
|
|
|
95
95
|
}));
|
|
96
96
|
}
|
|
97
97
|
|
|
98
|
-
var css_248z = "[data-gene-ui-version=\"2.16.
|
|
98
|
+
var css_248z = "[data-gene-ui-version=\"2.16.1\"] .card-holder{position:relative;width:100%}[data-gene-ui-version=\"2.16.1\"] .card-holder.with-button{padding-inline-end:1.2rem}[data-gene-ui-version=\"2.16.1\"] .card-holder+.card-holder{padding-top:1rem}[data-gene-ui-version=\"2.16.1\"] .ReactVirtualized__Grid .card-holder{left:0;position:absolute;width:100%}[data-gene-ui-version=\"2.16.1\"] .card-container{position:relative;width:100%}[data-gene-ui-version=\"2.16.1\"] .card-more-button-holder{background:var(--background);border-radius:100%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}html[dir=rtl] .card-more-button-holder{transform:translate(50%,-50%)}html:not([dir=rtl]) .card-more-button-holder{left:100%}html[dir=rtl] .card-more-button-holder{right:100%}[data-gene-ui-version=\"2.16.1\"] .card-c-holder{grid-column-gap:1rem;grid-row-gap:1.2rem;background:var(--background);border-radius:1rem;display:grid;font:600 1.6rem/2.2rem var(--font-family);grid-template-columns:1fr 1fr;padding:1.4rem 1rem;position:relative;width:100%}[data-gene-ui-version=\"2.16.1\"] .card-c-holder.border:after{border:1px solid var(--background-sc);border-radius:inherit;content:\"\";display:block;height:100%;left:0;opacity:.1;pointer-events:none;position:absolute;top:0;width:100%}[data-gene-ui-version=\"2.16.1\"] .card-c-holder.shadow{box-shadow:0 1px .3rem 0 #0000001a}[data-gene-ui-version=\"2.16.1\"] .card-c-holder .card-list-col{overflow:hidden}[data-gene-ui-version=\"2.16.1\"] .card-c-holder .card-list-col .kv-label{font:600 1.2rem/1.6rem var(--font-family);margin:0 0 .4rem;opacity:.5}[data-gene-ui-version=\"2.16.1\"] .card-c-holder a{color:var(--hero)}[data-gene-ui-version=\"2.16.1\"] .expand-card-holder{background:var(--background);bottom:0;padding:0 0 1.6rem;position:-webkit-sticky;position:sticky;width:100%;z-index:10}";
|
|
99
99
|
styleInject(css_248z);
|
|
100
100
|
|
|
101
101
|
function Col(_ref) {
|
package/CardList/index.js
CHANGED
|
@@ -4,9 +4,9 @@ import PropTypes from 'prop-types';
|
|
|
4
4
|
import { c as classnames } from '../index-031ff73c.js';
|
|
5
5
|
import ModuleTitle from '../ModuleTitle/index.js';
|
|
6
6
|
import Paper from '../Paper/index.js';
|
|
7
|
-
import { D as Dropdown, I as InfiniteLoader, W as WindowScroller, L as List, C as CellMeasurer } from '../index-
|
|
8
|
-
import { C as CellMeasurerCache } from '../CellMeasurerCache-
|
|
9
|
-
import { o as oneIsRequired, n as noop } from '../index-
|
|
7
|
+
import { D as Dropdown, I as InfiniteLoader, W as WindowScroller, L as List, C as CellMeasurer } from '../index-24537904.js';
|
|
8
|
+
import { C as CellMeasurerCache } from '../CellMeasurerCache-0b14f9d9.js';
|
|
9
|
+
import { o as oneIsRequired, n as noop } from '../index-5f37f281.js';
|
|
10
10
|
import BusyLoader from '../BusyLoader/index.js';
|
|
11
11
|
import Empty from '../Empty/index.js';
|
|
12
12
|
import Icon from '../Icon/index.js';
|
|
@@ -14,15 +14,15 @@ import Widget from '../Widget/index.js';
|
|
|
14
14
|
import Card from '../Card/index.js';
|
|
15
15
|
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
16
16
|
import '../configs-34847b77.js';
|
|
17
|
-
import '../index-
|
|
17
|
+
import '../index-0c18f902.js';
|
|
18
18
|
import '../tslib.es6-f211516f.js';
|
|
19
19
|
import 'react-dom';
|
|
20
|
+
import '../dateValidation-67caec66.js';
|
|
21
|
+
import '../_commonjsHelpers-24198af3.js';
|
|
20
22
|
import '../hooks/useDeviceType.js';
|
|
21
23
|
import '../hooks/useWindowSize.js';
|
|
22
24
|
import '../hooks/useDebounce.js';
|
|
23
25
|
import '../GeneUIProvider/index.js';
|
|
24
|
-
import '../dateValidation-67caec66.js';
|
|
25
|
-
import '../_commonjsHelpers-24198af3.js';
|
|
26
26
|
import '../objectWithoutPropertiesLoose-e1596bdb.js';
|
|
27
27
|
import '../react-lifecycles-compat.es-6e1f3768.js';
|
|
28
28
|
import '../clsx.m-2bb6df4b.js';
|
|
@@ -33,7 +33,7 @@ import '../hooks/useClickOutside.js';
|
|
|
33
33
|
import '../hooks/useUpdatableRef.js';
|
|
34
34
|
import '../hooks/useForceUpdate.js';
|
|
35
35
|
import '../useEllipsisDetection-4d997d5d.js';
|
|
36
|
-
import '../index-
|
|
36
|
+
import '../index-5a08e021.js';
|
|
37
37
|
import '../index-122432cd.js';
|
|
38
38
|
import '../Scrollbar/index.js';
|
|
39
39
|
import '../debounce-4419bc2f.js';
|
|
@@ -44,7 +44,7 @@ import '../callAfterDelay-7272faca.js';
|
|
|
44
44
|
import '../Checkbox/index.js';
|
|
45
45
|
import '../checkboxRadioSwitcher-5b69d7bd.js';
|
|
46
46
|
import '../guid-8ddf77b3.js';
|
|
47
|
-
import '../index-
|
|
47
|
+
import '../index-b3a30cb9.js';
|
|
48
48
|
import '../Tag/index.js';
|
|
49
49
|
import '../KeyValue/index.js';
|
|
50
50
|
import '../hooks/useBodyScroll.js';
|
|
@@ -103,7 +103,7 @@ PaperWrapper.defaultProps = {
|
|
|
103
103
|
paperDirection: 'column'
|
|
104
104
|
};
|
|
105
105
|
|
|
106
|
-
var css_248z = "[data-gene-ui-version=\"2.16.
|
|
106
|
+
var css_248z = "[data-gene-ui-version=\"2.16.1\"] .mobile-table-holder{position:relative;width:100%}[data-gene-ui-version=\"2.16.1\"] .paper>.mobile-table-holder{padding:1.6rem}[data-gene-ui-version=\"2.16.1\"] .m-popup-content>.paper>.mobile-table-holder{padding:1.6rem 0}[data-gene-ui-version=\"2.16.1\"] .mobile-table-head{margin:0 0 1rem;width:100%}[data-gene-ui-version=\"2.16.1\"] .mobile-table-head>ul{align-items:center;display:flex;width:100%}[data-gene-ui-version=\"2.16.1\"] .mobile-table-head>ul>li{align-items:center;display:flex;flex-shrink:0}[data-gene-ui-version=\"2.16.1\"] .mobile-table-head>ul>li+li{margin:0 0 0 3rem}[data-gene-ui-version=\"2.16.1\"] .mobile-table-head>ul>li:nth-child(2){flex:auto;max-width:20rem}[data-gene-ui-version=\"2.16.1\"] .mt-results-holder{font:600 1.4rem/1.8rem var(--font-family);opacity:.7;padding:0 1rem}[data-gene-ui-version=\"2.16.1\"] .mt-results-holder:not(:first-child){margin:1.6rem 0 0}[data-gene-ui-version=\"2.16.1\"] .mobile-table-cc{margin-inline-end:3rem;width:19.6rem}[data-gene-ui-version=\"2.16.1\"] .mobile-sort-button{align-items:center;cursor:pointer;display:flex;font:600 1.4rem/2.4rem var(--font-family)}[data-gene-ui-version=\"2.16.1\"] .mobile-sort-button p{transition:color .4s}[data-gene-ui-version=\"2.16.1\"] .mobile-sort-button .active{color:var(--hero)}[data-gene-ui-version=\"2.16.1\"] .mobile-sort-icons{height:2.4rem;margin-inline-start:1.2rem;position:relative;width:2.4rem}[data-gene-ui-version=\"2.16.1\"] .mobile-sort-icons .icon{left:0;position:absolute;top:0;transition:color .4s}[data-gene-ui-version=\"2.16.1\"] .mobile-sort-icons .icon:not(.active){color:rgba(var(--background-sc-rgb),.5)}[data-gene-ui-version=\"2.16.1\"] .mobile-table-body{width:100%}[data-gene-ui-version=\"2.16.1\"] .mobile-table-body .ReactVirtualized__Grid,[data-gene-ui-version=\"2.16.1\"] .mobile-table-body .ReactVirtualized__Grid__innerScrollContainer{overflow:visible!important}[data-gene-ui-version=\"2.16.1\"] .mobile-table-loading{align-items:center;display:flex;justify-content:center;padding:2.4rem 0;width:100%}[data-gene-ui-version=\"2.16.1\"] .mobile-table-loading.absolute-splash{background:rgba(var(--background-rgb),.6);height:100%;left:0;position:absolute;top:0}[data-gene-ui-version=\"2.16.1\"] .cards-empty-holder{align-items:center;display:flex;height:calc(100vh - 35.7rem);justify-content:center;width:100%}[data-gene-ui-version=\"2.16.1\"] .quick-view-holder{padding:1.6rem 0;width:100%}[data-gene-ui-version=\"2.16.1\"] .quick-view-holder>.card-list-col{grid-column-gap:3.8rem;align-items:center;display:grid;font:600 1.4rem/2.2rem var(--font-family);grid-template-columns:1fr 1fr}[data-gene-ui-version=\"2.16.1\"] .quick-view-holder>.card-list-col+.card-list-col{margin:2rem 0 0}[data-gene-ui-version=\"2.16.1\"] .quick-view-holder>.card-list-col .kv-label{opacity:.7}[data-gene-ui-version=\"2.16.1\"] .quick-view-holder>.card-list-col .kv-value{white-space:normal;word-break:break-word}[data-gene-ui-version=\"2.16.1\"] .quick-view-holder a:not([class]){color:var(--hero)}[data-gene-ui-version=\"2.16.1\"] .mc-widgets-holder{-webkit-overflow-scrolling:auto;margin:0 -1.6rem;overflow-x:auto;overflow-y:hidden;padding:0 1.6rem 1.6rem;width:calc(100% + 3.2rem)}[data-gene-ui-version=\"2.16.1\"] .mc-widgets-holder>ul{align-items:center;display:flex;min-width:100%}[data-gene-ui-version=\"2.16.1\"] .mc-widgets-holder>ul>li{margin-inline-end:1rem}[data-gene-ui-version=\"2.16.1\"] .mc-widgets-holder+.mobile-table-head{border-top:1px solid rgba(var(--background-sc-rgb),.1);padding:1.6rem 0 0}";
|
|
107
107
|
styleInject(css_248z);
|
|
108
108
|
|
|
109
109
|
const defaultSortFn = (prev, next, dataKey, type) => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as _createClass, a as _classCallCheck } from './index-
|
|
1
|
+
import { _ as _createClass, a as _classCallCheck } from './index-24537904.js';
|
|
2
2
|
import { _ as _defineProperty } from './objectWithoutPropertiesLoose-e1596bdb.js';
|
|
3
3
|
|
|
4
4
|
var DEFAULT_HEIGHT = 30;
|