@geneui/components 3.0.0-next-9230252-17092024 → 3.0.0-next-8d97069-19092024
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 +5 -6
- package/AdvancedSearch/index.js +4 -5
- package/Alert/index.js +2 -2
- package/ArrowLeft-b88e2ba8.js +33 -0
- package/Avatar/index.js +1 -1
- package/Badge/index.js +1 -1
- package/Breadcrumb/index.js +3 -4
- package/BusyLoader/index.js +1 -1
- package/Button/index.js +1 -1
- package/CHANGELOG.md +23 -0
- package/Card/index.js +3 -4
- package/CardList/index.js +9 -10
- package/{CellMeasurerCache-a1dbe54e.js → CellMeasurerCache-281a5a2a.js} +1 -1
- package/Charts/index.js +25 -21
- package/Checkbox/index.js +3 -3
- package/CheckboxGroup/index.js +3 -3
- package/CheckboxGroupWithSearch/index.js +4 -5
- package/Collapse/index.js +1 -1
- package/ColorPicker/index.js +1 -1
- package/ComboBox/index.js +5 -5
- package/Copy/index.js +4 -4
- package/Counter/index.js +10 -12
- package/DateFilter/index.js +4 -5
- package/DatePicker/index.js +1 -1
- package/DatePickerInput/index.js +5 -6
- package/Divider/index.js +1 -1
- package/Drawer/index.js +4 -4
- package/Dropdown/index.js +6 -7
- package/Editor/index.js +2 -2
- package/Empty/index.js +1 -1
- package/ExtendedInput/index.js +4 -4
- package/Form/index.js +6 -7
- package/FormContainer/index.js +1 -1
- package/FormableCheckbox/index.js +4 -4
- package/FormableDatePicker/index.js +5 -6
- package/FormableDropdown/index.js +6 -7
- package/FormableEditor/index.js +2 -2
- package/{FormableHOC-70f027f8.js → FormableHOC-f4120178.js} +1 -1
- package/FormableMultiSelectDropdown/index.js +6 -7
- package/FormableNumberInput/index.js +4 -4
- package/FormableRadio/index.js +2 -2
- package/FormableSwitcher/index.js +2 -2
- package/FormableTextInput/index.js +4 -4
- package/FormableUploader/index.js +3 -4
- package/GeneUIProvider/index.js +350 -458
- package/Grid/index.js +2 -2
- package/HelperText/index.js +5 -35
- package/Holder/index.js +3 -4
- package/Icon/index.js +1 -1
- package/Image/index.js +6 -7
- package/ImagePreview/index.js +3 -4
- package/InteractiveWidget/index.js +3 -4
- package/KeyValue/index.js +1 -1
- package/Label/index.js +63 -48
- package/LinkButton/index.js +1 -1
- package/Menu/index.js +4 -4
- package/MobileNavigation/index.js +1 -1
- package/MobilePopup/index.js +4 -4
- package/Modal/index.js +2 -2
- package/ModuleTitle/index.js +4 -4
- package/NavigationMenu/index.js +5 -5
- package/Notification/index.js +2 -2
- package/Option/index.js +4 -4
- package/Overlay/index.js +3 -4
- package/Overspread/index.js +7 -8
- package/Pagination/index.js +3 -4
- package/Paper/index.js +1 -1
- package/Popover/index.js +410 -5
- package/PopoverV2/index.js +2 -2
- package/Products/index.js +2 -2
- package/Profile/index.js +3 -4
- package/Progress/index.js +1 -1
- package/Radio/index.js +1 -1
- package/RadioGroup/index.js +1 -1
- package/Range/index.js +1 -1
- package/Rating/index.js +4 -4
- package/RichEditor/index.js +1 -1
- package/{RichEditor-a3f1150e.js → RichEditor-3ad651c7.js} +1 -1
- package/Scrollbar/index.js +2 -2
- package/Search/index.js +3 -3
- package/SearchWithDropdown/index.js +7 -8
- package/Section/index.js +2 -2
- package/SkeletonLoader/index.js +1 -1
- package/Slider/index.js +3 -3
- package/Status/index.js +5 -5
- package/Steps/index.js +5 -5
- package/SuggestionList/index.js +2 -2
- package/Switcher/index.js +2 -2
- package/Table/index.js +15 -16
- package/TableCompositions/index.js +12 -13
- package/Tabs/index.js +1 -1
- package/Tag/index.js +2 -2
- package/Textarea/index.js +3 -3
- package/Time/index.js +1 -1
- package/TimePicker/index.js +56 -38
- package/Timeline/index.js +2 -2
- package/Title/index.js +2 -2
- package/Toaster/index.js +2 -2
- package/Tooltip/index.js +10 -153
- package/TransferList/index.js +7 -8
- package/Uploader/index.js +6 -7
- package/ValidatableCheckbox/index.js +3 -3
- package/ValidatableDatePicker/index.js +4 -5
- package/ValidatableDropdown/index.js +5 -6
- package/ValidatableElements/index.js +5 -6
- package/ValidatableMultiSelectDropdown/index.js +5 -6
- package/ValidatableNumberInput/index.js +3 -3
- package/ValidatableRadio/index.js +1 -1
- package/ValidatableSwitcher/index.js +1 -1
- package/ValidatableTextInput/index.js +3 -3
- package/ValidatableTimeInput/index.js +3 -3
- package/ValidatableUploader/index.js +2 -3
- package/Widget/index.js +3 -4
- package/{configs-0ed1e326.js → configs-34847b77.js} +1 -1
- package/hooks/useDeviceType.js +1 -1
- package/{index-34914e4c.js → index-263b0f0b.js} +1 -1
- package/{index-79316a14.js → index-3a6b7fd9.js} +10 -9
- package/index-49fbb32c.js +3101 -0
- package/{index-b4ec7815.js → index-73b4d98a.js} +2 -2
- package/{index-b139bff9.js → index-d8c45742.js} +4 -4
- package/index.js +14 -14
- package/lib/atoms/Button/Button.d.ts +1 -1
- package/lib/atoms/Label/Label.d.ts +45 -0
- package/lib/atoms/Label/index.d.ts +1 -0
- package/lib/molecules/Tooltip/Tooltip.d.ts +58 -0
- package/lib/molecules/Tooltip/index.d.ts +1 -0
- package/lib/providers/GeneUIProvider/GeneUIProvider.d.ts +1 -1
- package/package.json +3 -2
- package/{react-beautiful-dnd.esm-ec039212.js → react-beautiful-dnd.esm-bb1d95fc.js} +2 -1
- package/{index-b7c1fe38.js → redux-e591c1b8.js} +1 -272
- package/tokens-3e00442a.js +6 -0
- package/Popover-f4d1cac0.js +0 -411
- package/tokens-d88947bf.js +0 -6
package/Grid/index.js
CHANGED
|
@@ -4,7 +4,7 @@ import { c as classnames } from '../index-031ff73c.js';
|
|
|
4
4
|
import useWidth from '../hooks/useWidth.js';
|
|
5
5
|
import '../dateValidation-67caec66.js';
|
|
6
6
|
import 'react-dom';
|
|
7
|
-
import { k as breakPoints } from '../configs-
|
|
7
|
+
import { k as breakPoints } from '../configs-34847b77.js';
|
|
8
8
|
import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
9
9
|
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
10
10
|
import '../hooks/useWindowSize.js';
|
|
@@ -118,7 +118,7 @@ Col.defaultProps = {
|
|
|
118
118
|
xxl: 1
|
|
119
119
|
};
|
|
120
120
|
|
|
121
|
-
var css_248z = "[data-gene-ui-version=\"2.
|
|
121
|
+
var css_248z = "[data-gene-ui-version=\"2.16.0\"] .grid-holder{width:100%}[data-gene-ui-version=\"2.16.0\"] .grid-items-group{display:flex;flex-wrap:wrap;width:100%}[data-gene-ui-version=\"2.16.0\"] .grid-child{display:flex}";
|
|
122
122
|
styleInject(css_248z);
|
|
123
123
|
|
|
124
124
|
function Row(props) {
|
package/HelperText/index.js
CHANGED
|
@@ -1,51 +1,21 @@
|
|
|
1
1
|
import React__default, { useRef, cloneElement } from 'react';
|
|
2
|
+
import { _ as _objectWithoutProperties, a as _extends } from '../ArrowLeft-b88e2ba8.js';
|
|
2
3
|
import { c as classnames } from '../index-031ff73c.js';
|
|
3
4
|
import 'prop-types';
|
|
4
5
|
import '../dateValidation-67caec66.js';
|
|
5
6
|
import 'react-dom';
|
|
6
|
-
import '../configs-
|
|
7
|
+
import '../configs-34847b77.js';
|
|
7
8
|
import { u as useEllipsisDetection } from '../useEllipsisDetection-4d997d5d.js';
|
|
8
|
-
import Tooltip from '../
|
|
9
|
+
import { T as Tooltip } from '../index-49fbb32c.js';
|
|
9
10
|
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
10
11
|
import '../_commonjsHelpers-24198af3.js';
|
|
11
12
|
import '../hooks/useDebounce.js';
|
|
12
|
-
import '../
|
|
13
|
-
import '../Popover-f4d1cac0.js';
|
|
13
|
+
import '../tslib.es6-f211516f.js';
|
|
14
14
|
import '../index-a0e4e333.js';
|
|
15
15
|
import '../hooks/useDeviceType.js';
|
|
16
16
|
import '../hooks/useWindowSize.js';
|
|
17
17
|
import '../GeneUIProvider/index.js';
|
|
18
18
|
|
|
19
|
-
function _extends() {
|
|
20
|
-
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
21
|
-
for (var e = 1; e < arguments.length; e++) {
|
|
22
|
-
var t = arguments[e];
|
|
23
|
-
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
24
|
-
}
|
|
25
|
-
return n;
|
|
26
|
-
}, _extends.apply(null, arguments);
|
|
27
|
-
}
|
|
28
|
-
function _objectWithoutProperties(e, t) {
|
|
29
|
-
if (null == e) return {};
|
|
30
|
-
var o,
|
|
31
|
-
r,
|
|
32
|
-
i = _objectWithoutPropertiesLoose(e, t);
|
|
33
|
-
if (Object.getOwnPropertySymbols) {
|
|
34
|
-
var s = Object.getOwnPropertySymbols(e);
|
|
35
|
-
for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
|
|
36
|
-
}
|
|
37
|
-
return i;
|
|
38
|
-
}
|
|
39
|
-
function _objectWithoutPropertiesLoose(r, e) {
|
|
40
|
-
if (null == r) return {};
|
|
41
|
-
var t = {};
|
|
42
|
-
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
43
|
-
if (e.includes(n)) continue;
|
|
44
|
-
t[n] = r[n];
|
|
45
|
-
}
|
|
46
|
-
return t;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
19
|
var _excluded$1 = ["size", "color"];
|
|
50
20
|
var SvgErrorAlertFill = function SvgErrorAlertFill(_ref) {
|
|
51
21
|
var _ref$size = _ref.size,
|
|
@@ -86,7 +56,7 @@ var SvgWarningFill = function SvgWarningFill(_ref) {
|
|
|
86
56
|
}));
|
|
87
57
|
};
|
|
88
58
|
|
|
89
|
-
var css_248z = "[data-gene-ui-version=\"2.
|
|
59
|
+
var css_248z = "[data-gene-ui-version=\"2.16.0\"] .helperText{align-items:center;display:inline-flex;gap:var(--guit-ref-spacing-3xsmall);max-width:100%}[data-gene-ui-version=\"2.16.0\"] .helperText_size_medium .helperText__text{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.0\"] .helperText_size_medium .helperText__icon{height:var(--guit-sem-sizing-height-small-nudge);width:var(--guit-sem-sizing-width-small-nudge)}[data-gene-ui-version=\"2.16.0\"] .helperText_size_small .helperText__text{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);line-height:var(--guit-sem-font-label-small-default-medium-line-height)}[data-gene-ui-version=\"2.16.0\"] .helperText_size_small .helperText__icon{height:var(--guit-sem-sizing-height-xs);width:var(--guit-sem-sizing-width-xs)}[data-gene-ui-version=\"2.16.0\"] .helperText_type_rest{color:var(--guit-sem-color-foreground-neutral-2)}[data-gene-ui-version=\"2.16.0\"] .helperText_type_danger{color:var(--guit-sem-color-foreground-error)}[data-gene-ui-version=\"2.16.0\"] .helperText_type_warning .helperText__icon{color:var(--guit-sem-color-foreground-warning)}[data-gene-ui-version=\"2.16.0\"] .helperText__icon{align-items:center;display:flex;flex:0 0 auto}[data-gene-ui-version=\"2.16.0\"] .helperText_disabled,[data-gene-ui-version=\"2.16.0\"] .helperText_disabled .helperText__icon{color:var(--guit-sem-color-foreground-disabled)}";
|
|
90
60
|
styleInject(css_248z);
|
|
91
61
|
|
|
92
62
|
/**
|
package/Holder/index.js
CHANGED
|
@@ -3,25 +3,24 @@ import React__default, { useRef, useState } from 'react';
|
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import { c as classnames } from '../index-031ff73c.js';
|
|
5
5
|
import { n as noop } from '../index-a0e4e333.js';
|
|
6
|
-
import {
|
|
6
|
+
import { p as popoverV2Config } from '../configs-34847b77.js';
|
|
7
7
|
import Icon from '../Icon/index.js';
|
|
8
8
|
import Button from '../Button/index.js';
|
|
9
9
|
import Portal from '../Portal/index.js';
|
|
10
10
|
import CustomScrollbar from '../Scrollbar/index.js';
|
|
11
11
|
import ModuleTitle from '../ModuleTitle/index.js';
|
|
12
|
-
import Tooltip from '../
|
|
12
|
+
import { T as Tooltip } from '../index-49fbb32c.js';
|
|
13
13
|
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
14
14
|
import '../dateValidation-67caec66.js';
|
|
15
15
|
import '../_commonjsHelpers-24198af3.js';
|
|
16
16
|
import 'react-dom';
|
|
17
17
|
import '../tslib.es6-f211516f.js';
|
|
18
18
|
import '../GeneUIProvider/index.js';
|
|
19
|
-
import '../Popover-f4d1cac0.js';
|
|
20
19
|
import '../hooks/useDeviceType.js';
|
|
21
20
|
import '../hooks/useWindowSize.js';
|
|
22
21
|
import '../hooks/useDebounce.js';
|
|
23
22
|
|
|
24
|
-
var css_248z = "[data-gene-ui-version=\"2.
|
|
23
|
+
var css_248z = "[data-gene-ui-version=\"2.16.0\"] .holder{--delay:200ms;--width:1.9rem;--opened-width:39.9rem;background:var(--background);height:100%;position:relative;top:0;transition:width .4s var(--delay);width:var(--width);z-index:200}[data-gene-ui-version=\"2.16.0\"] .holder.disabled{pointer-events:none}[data-gene-ui-version=\"2.16.0\"] .holder.disabled .holder-toggle .icon{opacity:.5}[data-gene-ui-version=\"2.16.0\"] .holder.pinned{--width:var(--opened-width);--delay:0ms}[data-gene-ui-version=\"2.16.0\"] .holder.pinned.opened .layer-1{transform:scale(1)}[data-gene-ui-version=\"2.16.0\"] .holder.opened{--delay:400ms}[data-gene-ui-version=\"2.16.0\"] .holder.opened .holder-wrapper{opacity:1;width:var(--opened-width)}[data-gene-ui-version=\"2.16.0\"] .holder:not(.pinned).opened .layer-3,[data-gene-ui-version=\"2.16.0\"] .holder:not(.pinned):not(.opened) .layer-2{transform:scale(1)}[data-gene-ui-version=\"2.16.0\"] .holder-c-wrapper{background:var(--background);height:100%;min-width:100%;position:absolute;top:0}[data-gene-ui-version=\"2.16.0\"] .holder-toggle{padding:.5rem;position:absolute;top:1rem}[data-gene-ui-version=\"2.16.0\"] .holder-toggle button{background:var(--background);border-radius:100%;box-shadow:0 0 .2rem rgba(var(--background-sc-rgb),.16);color:var(--hero);cursor:pointer;height:3rem;position:relative;transition:color .25s,background .25s;width:3rem}@media (hover:hover){[data-gene-ui-version=\"2.16.0\"] .holder-toggle button:hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.16.0\"] .holder-toggle button.active{background:var(--hero);color:var(--hero-sc)}@media (hover:hover){[data-gene-ui-version=\"2.16.0\"] .holder-toggle button.active:hover{background:var(--hero-hover)}}[data-gene-ui-version=\"2.16.0\"] .holder-toggle .icon{left:0;padding:.3rem;position:absolute;top:0;transform:scale(0);transition:transform .4s,opacity .4s}[data-gene-ui-version=\"2.16.0\"] .holder-wrapper{height:100%;opacity:0;overflow:hidden;position:relative;transition:opacity .15s var(--delay),width .4s var(--delay);width:var(--width)}html:not([dir=rtl]) .holder-left{left:0}html[dir=rtl] .holder-left{right:0}[data-gene-ui-version=\"2.16.0\"] .holder-left .holder-c-wrapper{border-inline-end:1px solid rgba(var(--background-sc-rgb),.1)}html:not([dir=rtl]) .holder-left .holder-c-wrapper{left:0}html[dir=rtl] .holder-left .holder-c-wrapper{right:0}html:not([dir=rtl]) .holder-left .module-header{padding-right:1.5rem}html[dir=rtl] .holder-left .module-header{padding-left:1.5rem}html:not([dir=rtl]) .holder-left .holder-toggle{right:-2rem}html[dir=rtl] .holder-left .holder-toggle{left:-2rem}html:not([dir=rtl]) .holder-right{right:0}html[dir=rtl] .holder-right{left:0}[data-gene-ui-version=\"2.16.0\"] .holder-right .holder-c-wrapper{border-inline-start:1px solid rgba(var(--background-sc-rgb),.1)}html:not([dir=rtl]) .holder-right .holder-c-wrapper{right:0}html[dir=rtl] .holder-right .holder-c-wrapper{left:0}html:not([dir=rtl]) .holder-right .holder-toggle{left:-2rem}html[dir=rtl] .holder-right .holder-toggle{right:-2rem}[data-gene-ui-version=\"2.16.0\"] .opened .holder-content{width:var(--opened-width)}[data-gene-ui-version=\"2.16.0\"] .holder-content{display:grid;grid-template-areas:\"head\" \"body\" \"footer\";grid-template-columns:100%;grid-template-rows:auto 1fr auto;height:100%;overflow:hidden}[data-gene-ui-version=\"2.16.0\"] .holder-content .module-header{grid-area:head}[data-gene-ui-version=\"2.16.0\"] .holder-content .holder-body{grid-area:body}[data-gene-ui-version=\"2.16.0\"] .holder-footer{border-top:1px solid rgba(var(--background-sc-rgb),.1);display:flex;grid-area:footer;padding:2rem}[data-gene-ui-version=\"2.16.0\"] .holder-footer:empty{display:none}[data-gene-ui-version=\"2.16.0\"] .holder-body-c{display:flex;flex-wrap:wrap;padding:1rem}[data-gene-ui-version=\"2.16.0\"] .holder-body-c>*{margin:1rem}[data-gene-ui-version=\"2.16.0\"] .holder-body-c .holder-title{font:600 1.6rem/2rem var(--font-family);margin-bottom:.5rem;padding:0 1rem;width:100%}[data-gene-ui-version=\"2.16.0\"] .holder-body-c .col-6{width:50%}";
|
|
25
24
|
styleInject(css_248z);
|
|
26
25
|
|
|
27
26
|
function Holder(_ref) {
|
package/Icon/index.js
CHANGED
|
@@ -4,7 +4,7 @@ import { c as classnames } from '../index-031ff73c.js';
|
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
5
5
|
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
6
6
|
|
|
7
|
-
var css_248z = "[data-gene-ui-version=\"2.
|
|
7
|
+
var css_248z = "[data-gene-ui-version=\"2.16.0\"] .icon{display:block;font-size:2.4rem}[data-gene-ui-version=\"2.16.0\"] .icon.disabled{opacity:.5;pointer-events:none}[data-gene-ui-version=\"2.16.0\"] .icon.bc-icon-loader{overflow:hidden}[data-gene-ui-version=\"2.16.0\"] .icon.bc-icon-loader:before{animation:loader-icon .3s linear infinite;display:block}@keyframes loader-icon{to{transform:rotate(1turn)}}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .bc-icon-arrow-right-nav:before{content:\"\\e906\"}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .bc-icon-arrow-left-nav:before{content:\"\\e90a\"}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .bc-icon-arrow-right:before{content:\"\\e907\"}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .bc-icon-arrow-left:before{content:\"\\e90b\"}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .bc-icon-arrow-forward:before{content:\"\\e901\"}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .bc-icon-left-outline:before{content:\"\\e959\"}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .bc-icon-right-outline:before{content:\"\\e955\"}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .bc-icon-forwards:before{content:\"\\e95b\"}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .bc-icon-backwards:before{content:\"\\e95a\"}";
|
|
8
8
|
styleInject(css_248z);
|
|
9
9
|
|
|
10
10
|
// This this because in production we need to replace 'nonames.com' with host
|
package/Image/index.js
CHANGED
|
@@ -2,25 +2,24 @@ import { _ as __rest } from '../tslib.es6-f211516f.js';
|
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import { c as classnames } from '../index-031ff73c.js';
|
|
4
4
|
import Empty from '../Empty/index.js';
|
|
5
|
-
import Tooltip from '../
|
|
5
|
+
import { T as Tooltip } from '../index-49fbb32c.js';
|
|
6
6
|
import Checkbox from '../Checkbox/index.js';
|
|
7
7
|
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
8
|
-
import '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
9
|
-
import 'prop-types';
|
|
10
|
-
import '../Popover-f4d1cac0.js';
|
|
11
|
-
import '../_commonjsHelpers-24198af3.js';
|
|
12
8
|
import 'react-dom';
|
|
13
|
-
import '../configs-0ed1e326.js';
|
|
14
9
|
import '../index-a0e4e333.js';
|
|
10
|
+
import 'prop-types';
|
|
15
11
|
import '../dateValidation-67caec66.js';
|
|
12
|
+
import '../_commonjsHelpers-24198af3.js';
|
|
16
13
|
import '../hooks/useDeviceType.js';
|
|
14
|
+
import '../configs-34847b77.js';
|
|
17
15
|
import '../hooks/useWindowSize.js';
|
|
18
16
|
import '../hooks/useDebounce.js';
|
|
19
17
|
import '../GeneUIProvider/index.js';
|
|
18
|
+
import '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
20
19
|
import '../checkboxRadioSwitcher-5b69d7bd.js';
|
|
21
20
|
import '../guid-8ddf77b3.js';
|
|
22
21
|
|
|
23
|
-
var css_248z = "[data-gene-ui-version=\"2.
|
|
22
|
+
var css_248z = "[data-gene-ui-version=\"2.16.0\"] .image-holder{--image-border-radius:1rem;padding:100% 0 0;position:relative;transition:box-shadow .4s;-webkit-user-select:none;user-select:none;width:100%}[data-gene-ui-version=\"2.16.0\"] .image-holder.with-border{--distance:0.8rem;--image-border-radius:0.6rem;border-radius:1rem;box-shadow:inset 0 0 0 1px rgba(var(--background-sc-rgb),.2)}[data-gene-ui-version=\"2.16.0\"] .image-holder.with-border:hover{box-shadow:inset 0 0 0 1px rgba(var(--background-sc-rgb),.5)}[data-gene-ui-version=\"2.16.0\"] .image-holder.with-border.error{box-shadow:inset 0 0 0 1px rgba(var(--danger-rgb),.5)}[data-gene-ui-version=\"2.16.0\"] .image-holder.with-border.error:hover{box-shadow:inset 0 0 0 1px var(--danger)}[data-gene-ui-version=\"2.16.0\"] .image-content{bottom:var(--distance,0);left:var(--distance,0);position:absolute;right:var(--distance,0);top:var(--distance,0)}[data-gene-ui-version=\"2.16.0\"] .image-content img{border-radius:var(--image-border-radius);display:block;height:100%;object-fit:cover;width:100%}[data-gene-ui-version=\"2.16.0\"] .image-label-holder{background:#0003;border-radius:var(--image-border-radius);cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}[data-gene-ui-version=\"2.16.0\"] .image-heading{align-items:center;display:flex;left:0;padding:0 .7rem;position:absolute;top:1.2rem;width:100%}[data-gene-ui-version=\"2.16.0\"] .image-heading>li{margin:0 .5rem}[data-gene-ui-version=\"2.16.0\"] .image-heading>li.image-cra{background:#fff;border-radius:.3rem;flex-shrink:0}[data-gene-ui-version=\"2.16.0\"] .image-heading>li.image-title{color:#fff;flex:auto;font:700 1.2rem/2rem var(--font-family)}[data-gene-ui-version=\"2.16.0\"] .image-actions-holder{align-items:center;background:#0009;border-radius:var(--image-border-radius);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:opacity .4s,visibility .4s;width:100%}[data-gene-ui-version=\"2.16.0\"] .image-holder:not(:hover) .image-actions-holder{opacity:0;visibility:hidden}[data-gene-ui-version=\"2.16.0\"] .image-actions{align-items:center;display:flex}[data-gene-ui-version=\"2.16.0\"] .image-actions>*{box-shadow:inset 0 0 0 5rem #ffffffe6}html:not([dir=rtl]) .image-actions>*+*{margin-left:.5rem}html[dir=rtl] .image-actions>*+*{margin-right:.5rem}[data-gene-ui-version=\"2.16.0\"] .image-empty-state-holder{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}";
|
|
24
23
|
styleInject(css_248z);
|
|
25
24
|
|
|
26
25
|
const Image = (_a) => {
|
package/ImagePreview/index.js
CHANGED
|
@@ -3,12 +3,12 @@ import React__default, { forwardRef, useRef, useState, useImperativeHandle, useC
|
|
|
3
3
|
import Portal from '../Portal/index.js';
|
|
4
4
|
import { c as classnames } from '../index-031ff73c.js';
|
|
5
5
|
import { f as fileSizeDisplay, n as noop } from '../index-a0e4e333.js';
|
|
6
|
-
import '../configs-
|
|
6
|
+
import '../configs-34847b77.js';
|
|
7
7
|
import useImgDownload from '../hooks/useImgDownload.js';
|
|
8
8
|
import { u as useEllipsisDetection } from '../useEllipsisDetection-4d997d5d.js';
|
|
9
9
|
import Icon from '../Icon/index.js';
|
|
10
10
|
import Switcher from '../Switcher/index.js';
|
|
11
|
-
import Tooltip from '../
|
|
11
|
+
import { T as Tooltip } from '../index-49fbb32c.js';
|
|
12
12
|
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
13
13
|
import 'react-dom';
|
|
14
14
|
import 'prop-types';
|
|
@@ -20,7 +20,6 @@ import '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
|
20
20
|
import '../hooks/useKeyDown.js';
|
|
21
21
|
import '../checkboxRadioSwitcher-5b69d7bd.js';
|
|
22
22
|
import '../guid-8ddf77b3.js';
|
|
23
|
-
import '../Popover-f4d1cac0.js';
|
|
24
23
|
import '../hooks/useDeviceType.js';
|
|
25
24
|
import '../hooks/useWindowSize.js';
|
|
26
25
|
|
|
@@ -131,7 +130,7 @@ const Magnifier = forwardRef(({ imgUrl, className, name = '', withRotation = fal
|
|
|
131
130
|
React__default.createElement("img", { ref: imgRef, src: imgUrl, alt: name, onMouseEnter: onMouseEnterHandler, onMouseMove: (e) => showMagnifier && onMouseMoveHandler(e), className: `imgMagnifier__img ${className}` }))));
|
|
132
131
|
});
|
|
133
132
|
|
|
134
|
-
var css_248z = "[data-gene-ui-version=\"2.
|
|
133
|
+
var css_248z = "[data-gene-ui-version=\"2.16.0\"] .imagePreview{display:flex;flex-direction:column;max-height:100%;max-width:100%;min-width:320px}[data-gene-ui-version=\"2.16.0\"] .imagePreview__close{display:flex}[data-gene-ui-version=\"2.16.0\"] .imagePreview.mobile-view .imagePreview__close{margin-left:auto}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .imagePreview.mobile-view .imagePreview__close{margin-left:0;margin-right:auto}[data-gene-ui-version=\"2.16.0\"] .imagePreview__header{align-items:center;display:flex;justify-content:space-between;padding:16px;width:100%}[data-gene-ui-version=\"2.16.0\"] .imagePreview.mobile-view .imagePreview__header{align-items:flex-start;flex-direction:column-reverse;padding:8px}[data-gene-ui-version=\"2.16.0\"] .imagePreview__infoWrapper{align-items:center;align-self:stretch;display:flex;max-width:calc(100% - 250px)}[data-gene-ui-version=\"2.16.0\"] .imagePreview.mobile-view .imagePreview__infoWrapper{max-width:100%}[data-gene-ui-version=\"2.16.0\"] .imagePreview__info{display:flex;flex-direction:column;font-size:14px;font-weight:600;height:100%;justify-content:center;max-width:calc(100% - 28px);padding:4px 0}[data-gene-ui-version=\"2.16.0\"] .imagePreview__info-center{justify-content:center}[data-gene-ui-version=\"2.16.0\"] .imagePreview__imgIcon{opacity:.8}[data-gene-ui-version=\"2.16.0\"] .imagePreview__sizes{display:flex}[data-gene-ui-version=\"2.16.0\"] .imagePreview__weight{opacity:.8;padding-right:8px}[data-gene-ui-version=\"2.16.0\"] .imagePreview__resolution{opacity:.8;padding-left:8px}[data-gene-ui-version=\"2.16.0\"] .imagePreview__resolution--divider{opacity:.8;padding-left:0}[data-gene-ui-version=\"2.16.0\"] .imagePreview__resolution--separate{margin:0 5px}[data-gene-ui-version=\"2.16.0\"] .imagePreview__options{align-items:center;display:flex}[data-gene-ui-version=\"2.16.0\"] .imagePreview.mobile-view .imagePreview__options{width:100%}[data-gene-ui-version=\"2.16.0\"] .imagePreview__magnifier{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding-right:8px}[data-gene-ui-version=\"2.16.0\"] .imagePreview__rotate{display:flex}[data-gene-ui-version=\"2.16.0\"] .imagePreview__divider,[data-gene-ui-version=\"2.16.0\"] .imagePreview__divider-small{position:relative}[data-gene-ui-version=\"2.16.0\"] .imagePreview__divider-small:after{background:rgba(var(--background-sc-rgb),.3);content:\"\";height:12px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .imagePreview__divider-small{margin:0 5px}[data-gene-ui-version=\"2.16.0\"] .imagePreview.mobile-view .imagePreview__divider{margin-right:6px}[data-gene-ui-version=\"2.16.0\"] .imagePreview__icon{cursor:pointer;font-size:28px;font-weight:100;margin:6px}[data-gene-ui-version=\"2.16.0\"] .imagePreview.mobile-view .imagePreview__icon{margin-left:0}[data-gene-ui-version=\"2.16.0\"] .imagePreview__content{align-items:center;aspect-ratio:1;display:flex;justify-content:center}[data-gene-ui-version=\"2.16.0\"] .imagePreview__img{max-height:100%;max-width:100%}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .imagePreview__name{padding-right:8px}[data-gene-ui-version=\"2.16.0\"] .imagePreview.modal-view{height:100%;left:0;position:fixed;top:0;width:100%;z-index:500}[data-gene-ui-version=\"2.16.0\"] .imagePreview.modal-view .imagePreview__header{background:#000}[data-gene-ui-version=\"2.16.0\"] .imagePreview.modal-view .imagePreview__infoWrapper,[data-gene-ui-version=\"2.16.0\"] .imagePreview.modal-view .imagePreview__name{color:#fff}[data-gene-ui-version=\"2.16.0\"] .imagePreview.modal-view .imagePreview__sizes{color:#fff9}[data-gene-ui-version=\"2.16.0\"] .imagePreview.modal-view .imagePreview__options{color:#fff}[data-gene-ui-version=\"2.16.0\"] .imagePreview.modal-view .imagePreview__magnifier .switcher-element{background:#ffffff61}[data-gene-ui-version=\"2.16.0\"] .imagePreview.modal-view .imagePreview__magnifier .switcher-element.active{background:var(--hero)}[data-gene-ui-version=\"2.16.0\"] .imagePreview.modal-view .imagePreview__divider:after{background:#ffffff4d;content:\"\";height:24px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}[data-gene-ui-version=\"2.16.0\"] .imagePreview.modal-view .imagePreview__divider-small:after{background:#ffffff4d}[data-gene-ui-version=\"2.16.0\"] .imagePreview.modal-view .imagePreview__content{height:100%;transform:translateZ(0);width:100%}[data-gene-ui-version=\"2.16.0\"] .imagePreview.modal-view .imagePreview__background{background-color:#000c;height:100%;position:absolute;width:100%}[data-gene-ui-version=\"2.16.0\"] .imagePreview.modal-view .imagePreview__img{margin:0 auto;max-height:calc(100vh - 10rem);max-width:calc(100vh - 10rem)}[data-gene-ui-version=\"2.16.0\"] .imgMagnifier{position:relative}[data-gene-ui-version=\"2.16.0\"] .imgMagnifier__glass{border:2px solid #000;cursor:none;height:150px;position:absolute;width:150px;z-index:999999}[data-gene-ui-version=\"2.16.0\"] .imgMagnifier__img{width:100%}";
|
|
135
134
|
styleInject(css_248z);
|
|
136
135
|
|
|
137
136
|
const ImagePreview = (_a) => {
|
|
@@ -4,11 +4,11 @@ import { c as classnames } from '../index-031ff73c.js';
|
|
|
4
4
|
import Icon from '../Icon/index.js';
|
|
5
5
|
import Switcher from '../Switcher/index.js';
|
|
6
6
|
import Tag from '../Tag/index.js';
|
|
7
|
-
import Tooltip from '../
|
|
7
|
+
import { T as Tooltip } from '../index-49fbb32c.js';
|
|
8
8
|
import 'prop-types';
|
|
9
9
|
import '../dateValidation-67caec66.js';
|
|
10
10
|
import 'react-dom';
|
|
11
|
-
import '../configs-
|
|
11
|
+
import '../configs-34847b77.js';
|
|
12
12
|
import { u as useEllipsisDetection } from '../useEllipsisDetection-4d997d5d.js';
|
|
13
13
|
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
14
14
|
import '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
@@ -17,7 +17,6 @@ import '../hooks/useKeyDown.js';
|
|
|
17
17
|
import '../checkboxRadioSwitcher-5b69d7bd.js';
|
|
18
18
|
import '../guid-8ddf77b3.js';
|
|
19
19
|
import '../_commonjsHelpers-24198af3.js';
|
|
20
|
-
import '../Popover-f4d1cac0.js';
|
|
21
20
|
import '../hooks/useDeviceType.js';
|
|
22
21
|
import '../hooks/useWindowSize.js';
|
|
23
22
|
import '../hooks/useDebounce.js';
|
|
@@ -31,7 +30,7 @@ const InteractiveWidgetIcon = ({ children, iconColor, appearance, iconBackground
|
|
|
31
30
|
React__default.createElement(Icon, { type: children, className: classnames({ widgetIcon__iconDefault: appearance === 'default' }) })) : (children)));
|
|
32
31
|
};
|
|
33
32
|
|
|
34
|
-
var css_248z = "[data-gene-ui-version=\"2.
|
|
33
|
+
var css_248z = "[data-gene-ui-version=\"2.16.0\"] .interactiveWidget{background:var(--background);border-radius:1.6rem;box-sizing:border-box;display:flex;height:10.4rem;min-width:1px;padding:2rem;width:100%}[data-gene-ui-version=\"2.16.0\"] .interactiveWidget:focus-visible{outline:.2rem var(--hero) solid}[data-gene-ui-version=\"2.16.0\"] .interactiveWidget-border{border:.2rem solid rgba(var(--background-sc-rgb),.05)}[data-gene-ui-version=\"2.16.0\"] .interactiveWidget-border:hover{border:.2rem solid var(--hero)}[data-gene-ui-version=\"2.16.0\"] .interactiveWidget-pointer{cursor:pointer}[data-gene-ui-version=\"2.16.0\"] .interactiveWidget-pointer:hover{background:rgba(var(--hero-rgb),.1)}[data-gene-ui-version=\"2.16.0\"] .interactiveWidget-disabled{opacity:.6;pointer-events:none}[data-gene-ui-version=\"2.16.0\"] .interactiveWidget__wrapper{align-items:center;display:flex;height:100%;min-width:0;width:100%}[data-gene-ui-version=\"2.16.0\"] .interactiveWidget__content{display:flex;flex-direction:column;height:100%;justify-content:flex-start;min-width:0;overflow:hidden;width:100%}[data-gene-ui-version=\"2.16.0\"] .interactiveWidget__header{align-items:center;display:flex;margin-bottom:.6rem;min-width:0;width:100%}[data-gene-ui-version=\"2.16.0\"] .interactiveWidget__titleWrapper{display:flex;flex:1;max-width:100%;min-width:0;padding-inline-end:1.6rem}[data-gene-ui-version=\"2.16.0\"] .interactiveWidget__title{font-size:1.6rem;font-weight:700}[data-gene-ui-version=\"2.16.0\"] .interactiveWidget__infoIcon{margin-inline-start:.4rem}[data-gene-ui-version=\"2.16.0\"] .interactiveWidget__components{align-items:center;display:flex;flex:0 0 auto}[data-gene-ui-version=\"2.16.0\"] .interactiveWidget__switcher{margin-inline-start:1.6rem}[data-gene-ui-version=\"2.16.0\"] .interactiveWidget__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:1.2rem;line-height:1.6rem;opacity:.7;overflow:hidden;text-overflow:ellipsis}[data-gene-ui-version=\"2.16.0\"] .interactiveWidget .widgetIcon{fill:var(--icon-color);align-items:center;color:var(--icon-color);display:flex;flex:0 0 auto;justify-content:center;margin-inline-end:2rem;position:relative;z-index:1}[data-gene-ui-version=\"2.16.0\"] .interactiveWidget .widgetIcon-default{box-sizing:border-box;height:6.4rem;padding:1rem;width:6.4rem}[data-gene-ui-version=\"2.16.0\"] .interactiveWidget .widgetIcon-compact{height:2.4rem;width:2.4rem}[data-gene-ui-version=\"2.16.0\"] .interactiveWidget .widgetIcon-compact .widgetIcon__background{display:none}[data-gene-ui-version=\"2.16.0\"] .interactiveWidget .widgetIcon__iconDefault{font-size:4rem}[data-gene-ui-version=\"2.16.0\"] .interactiveWidget .widgetIcon__background{background:var(--icon-color);border-radius:100%;height:100%;left:0;opacity:.07;position:absolute;top:0;width:100%;z-index:-1}";
|
|
35
34
|
styleInject(css_248z);
|
|
36
35
|
|
|
37
36
|
const InteractiveWidget = (_a) => {
|
package/KeyValue/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.
|
|
9
|
+
var css_248z = "[data-gene-ui-version=\"2.16.0\"] .geneKeyValue{align-items:flex-start;display:flex;flex-wrap:wrap;width:100%}[data-gene-ui-version=\"2.16.0\"] .geneKeyValue--horizontal{align-items:center;flex-wrap:nowrap}[data-gene-ui-version=\"2.16.0\"] .geneKeyValue__icon{padding:0 0 0 8px}[data-gene-ui-version=\"2.16.0\"] .geneKeyValue__label{color:#3c4043b3;flex:1 1;font-size:12px;font-weight:600;line-height:24px;margin:0 0 1rem 1rem;max-width:100%;width:100%}[data-gene-ui-version=\"2.16.0\"] .geneKeyValue__label--horizontal{flex:none;margin:0 0 0 1rem;max-width:50%;width:auto}[data-gene-ui-version=\"2.16.0\"] .geneKeyValue__value{font-size:14px;font-weight:600;line-height:24px;margin:0 1rem;max-width:100%;width:100%}[data-gene-ui-version=\"2.16.0\"] .geneKeyValue__value--horizontal{margin:0 1rem;max-width:50%}[data-gene-ui-version=\"2.16.0\"] .geneKeyValue__iconWrapper+p+p:not(.geneKeyValue__value--horizontal){margin:0 3.2rem 0 4.2rem}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .geneKeyValue__iconWrapper+p+p:not(.geneKeyValue__value--horizontal){margin:0 3.2rem 0 0}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .geneKeyValue__label{direction:ltr;margin:0 1rem 1rem 0}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .geneKeyValue__label--horizontal{margin:0 0 0 1rem}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .geneKeyValue__value{direction:ltr}[data-gene-ui-version=\"2.16.0\"] [dir=rtl] .geneKeyValue__iconWrapper+p:not(.geneKeyValue__label--horizontal){margin:0 0 1rem}";
|
|
10
10
|
styleInject(css_248z);
|
|
11
11
|
|
|
12
12
|
// TODO need to refine where is using restProps
|
package/Label/index.js
CHANGED
|
@@ -1,57 +1,72 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import
|
|
1
|
+
import React__default, { useRef } from 'react';
|
|
2
|
+
import { _ as _objectWithoutProperties, a as _extends } from '../ArrowLeft-b88e2ba8.js';
|
|
3
3
|
import { c as classnames } from '../index-031ff73c.js';
|
|
4
|
+
import { T as Tooltip } from '../index-49fbb32c.js';
|
|
5
|
+
import 'prop-types';
|
|
6
|
+
import '../dateValidation-67caec66.js';
|
|
7
|
+
import 'react-dom';
|
|
8
|
+
import '../configs-34847b77.js';
|
|
9
|
+
import { u as useEllipsisDetection } from '../useEllipsisDetection-4d997d5d.js';
|
|
4
10
|
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
11
|
+
import '../tslib.es6-f211516f.js';
|
|
12
|
+
import '../index-a0e4e333.js';
|
|
13
|
+
import '../hooks/useDeviceType.js';
|
|
14
|
+
import '../hooks/useWindowSize.js';
|
|
15
|
+
import '../hooks/useDebounce.js';
|
|
16
|
+
import '../GeneUIProvider/index.js';
|
|
17
|
+
import '../_commonjsHelpers-24198af3.js';
|
|
5
18
|
|
|
6
|
-
var
|
|
19
|
+
var _excluded = ["size", "color"];
|
|
20
|
+
var SvgInfoOutline = function SvgInfoOutline(_ref) {
|
|
21
|
+
var _ref$size = _ref.size,
|
|
22
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
23
|
+
_ref$color = _ref.color,
|
|
24
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
25
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
26
|
+
return /*#__PURE__*/React__default.createElement("svg", _extends({
|
|
27
|
+
width: size,
|
|
28
|
+
height: size,
|
|
29
|
+
viewBox: "0 0 24 24",
|
|
30
|
+
fill: color,
|
|
31
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
32
|
+
}, props), /*#__PURE__*/React__default.createElement("path", {
|
|
33
|
+
d: "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18.5a8.5 8.5 0 1 1 8.5-8.5 8.51 8.51 0 0 1-8.5 8.5Z",
|
|
34
|
+
fill: color
|
|
35
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
36
|
+
d: "M11.97 10.237a.75.75 0 0 0-.75.75v5.243a.75.75 0 0 0 1.5 0v-5.243a.75.75 0 0 0-.75-.75Z",
|
|
37
|
+
fill: color
|
|
38
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
39
|
+
d: "M11.969 6.995a.914.914 0 1 0 0 1.829.914.914 0 0 0 0-1.829Z",
|
|
40
|
+
fill: color
|
|
41
|
+
}));
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
var css_248z = "[data-gene-ui-version=\"2.16.0\"] .label{align-items:center;display:inline-flex;gap:var(--guit-ref-spacing-3xsmall);justify-content:flex-start;max-width:100%}[data-gene-ui-version=\"2.16.0\"] .label__text{color:var(--guit-sem-color-foreground-neutral-2)}[data-gene-ui-version=\"2.16.0\"] .label__text_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.0\"] .label__text_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);line-height:var(--guit-sem-font-label-small-default-medium-line-height)}[data-gene-ui-version=\"2.16.0\"] .label__text_disabled{color:var(--guit-sem-color-foreground-disabled)}[data-gene-ui-version=\"2.16.0\"] .label__icon{color:var(--guit-sem-color-foreground-neutral-2);flex:0 0 auto}[data-gene-ui-version=\"2.16.0\"] .label__icon_disabled{color:var(--guit-sem-color-foreground-disabled)}";
|
|
7
45
|
styleInject(css_248z);
|
|
8
46
|
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
headingBig: 'h2',
|
|
13
|
-
heading: 'h3',
|
|
14
|
-
bodyBig: 'h4',
|
|
15
|
-
body: 'h5',
|
|
16
|
-
bodySmall: 'h6',
|
|
17
|
-
content: 'p'
|
|
18
|
-
};
|
|
19
|
-
function Label(_ref) {
|
|
20
|
-
let {
|
|
21
|
-
children,
|
|
22
|
-
className,
|
|
23
|
-
size,
|
|
24
|
-
font,
|
|
25
|
-
...restProps
|
|
26
|
-
} = _ref;
|
|
27
|
-
return /*#__PURE__*/React__default.createElement(labels[size], {
|
|
28
|
-
className: classnames('label', className, font, {
|
|
29
|
-
large: size === 'headingExtraLarge'
|
|
30
|
-
}),
|
|
31
|
-
...restProps
|
|
32
|
-
}, children);
|
|
33
|
-
}
|
|
34
|
-
Label.propTypes = {
|
|
35
|
-
/**
|
|
36
|
-
* Any valid React node.
|
|
37
|
-
*/
|
|
38
|
-
children: PropTypes.string.isRequired,
|
|
39
|
-
/**
|
|
40
|
-
* Label sizing
|
|
41
|
-
*/
|
|
42
|
-
size: PropTypes.oneOf(['headingExtraLarge', 'headingLarge', 'headingBig', 'heading', 'bodyBig', 'body', 'bodySmall', 'content']),
|
|
43
|
-
/**
|
|
44
|
-
* Label font to be used
|
|
45
|
-
*/
|
|
46
|
-
font: PropTypes.oneOf(['regular', 'semiBold', 'bold']),
|
|
47
|
-
/**
|
|
48
|
-
* Addional className
|
|
49
|
-
*/
|
|
50
|
-
className: PropTypes.string
|
|
47
|
+
const iconSizes = {
|
|
48
|
+
small: 16,
|
|
49
|
+
medium: 20
|
|
51
50
|
};
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
51
|
+
/**
|
|
52
|
+
* Labels identify a component or group of components. Use them with elements such as checkboxes and input fields to guide users in providing specific information, or with plain text to organize information.
|
|
53
|
+
*/
|
|
54
|
+
const Label = ({ htmlFor, size = 'medium', labelText, disabled, required, infoText, isLoading }) => {
|
|
55
|
+
const labelRef = useRef(null);
|
|
56
|
+
const isTruncated = useEllipsisDetection(labelRef);
|
|
57
|
+
return (React__default.createElement("div", { className: `label` }, isLoading ? ('skeleton') : (React__default.createElement(React__default.Fragment, null,
|
|
58
|
+
React__default.createElement(Tooltip, { text: labelText, isVisible: isTruncated },
|
|
59
|
+
React__default.createElement(React__default.Fragment, null,
|
|
60
|
+
React__default.createElement("label", { ref: labelRef, htmlFor: htmlFor, className: classnames('ellipsis-text', `label__text label__text_size_${size}`, {
|
|
61
|
+
label__text_disabled: disabled
|
|
62
|
+
}) }, labelText),
|
|
63
|
+
required && (React__default.createElement("span", { className: classnames(`label__text label__text_size_${size}`, {
|
|
64
|
+
label__text_disabled: disabled
|
|
65
|
+
}) }, "*")))),
|
|
66
|
+
infoText && (React__default.createElement(Tooltip, { text: infoText },
|
|
67
|
+
React__default.createElement(SvgInfoOutline, { className: classnames(`label__icon`, {
|
|
68
|
+
label__icon_disabled: disabled
|
|
69
|
+
}), size: iconSizes[size] })))))));
|
|
55
70
|
};
|
|
56
71
|
|
|
57
72
|
export { Label as default };
|
package/LinkButton/index.js
CHANGED
|
@@ -10,7 +10,7 @@ import '../_commonjsHelpers-24198af3.js';
|
|
|
10
10
|
import 'react-dom';
|
|
11
11
|
import '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
12
12
|
|
|
13
|
-
var css_248z = "[data-gene-ui-version=\"2.
|
|
13
|
+
var css_248z = "[data-gene-ui-version=\"2.16.0\"] .linkButton{align-items:center;color:var(--hero);cursor:pointer;display:flex;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:0 .8rem}[data-gene-ui-version=\"2.16.0\"] .linkButton:focus-visible{border-radius:.4rem;outline:.2rem var(--hero) solid}[data-gene-ui-version=\"2.16.0\"] .linkButton__icon{display:inline-block}[data-gene-ui-version=\"2.16.0\"] .linkButton-disable{opacity:.3;pointer-events:none}";
|
|
14
14
|
styleInject(css_248z);
|
|
15
15
|
|
|
16
16
|
const LinkButton = (_a) => {
|
package/Menu/index.js
CHANGED
|
@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
|
2
2
|
import React__default, { forwardRef, useMemo, useState, useRef, useEffect, useCallback } from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import { c as classnames } from '../index-031ff73c.js';
|
|
5
|
-
import { s as screenTypes } from '../configs-
|
|
5
|
+
import { s as screenTypes } from '../configs-34847b77.js';
|
|
6
6
|
import Option from '../Option/index.js';
|
|
7
7
|
import CustomScrollbar from '../Scrollbar/index.js';
|
|
8
8
|
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
@@ -14,8 +14,8 @@ import '../hooks/useWindowSize.js';
|
|
|
14
14
|
import '../hooks/useDebounce.js';
|
|
15
15
|
import '../useEllipsisDetection-4d997d5d.js';
|
|
16
16
|
import '../Icon/index.js';
|
|
17
|
-
import '../
|
|
18
|
-
import '../
|
|
17
|
+
import '../index-49fbb32c.js';
|
|
18
|
+
import '../tslib.es6-f211516f.js';
|
|
19
19
|
import '../index-a0e4e333.js';
|
|
20
20
|
import '../GeneUIProvider/index.js';
|
|
21
21
|
|
|
@@ -24,7 +24,7 @@ const findDeep = function (data, indexStack) {
|
|
|
24
24
|
return index < indexStack.length ? findDeep(data[indexStack[index]].children, indexStack, index + 1) : data;
|
|
25
25
|
};
|
|
26
26
|
|
|
27
|
-
var css_248z = "[data-gene-ui-version=\"2.
|
|
27
|
+
var css_248z = "[data-gene-ui-version=\"2.16.0\"] .menu-items-wrapper{min-width:18rem;overflow:hidden;white-space:nowrap;width:100%}[data-gene-ui-version=\"2.16.0\"] .menu-items-wrapper>ul{display:flex;min-width:100%;transform:translateX(calc(var(--translate-x)*-1));transition:transform .3s}html[dir=rtl] .menu-items-wrapper>ul{transform:translateX(var(--translate-x))}[data-gene-ui-version=\"2.16.0\"] .menu-items-wrapper>ul.reversed>li:first-child{order:0}[data-gene-ui-version=\"2.16.0\"] .menu-items-wrapper>ul.reversed>li:nth-child(2){order:2}[data-gene-ui-version=\"2.16.0\"] .menu-items-wrapper>ul.reversed>li:nth-child(3){order:1}[data-gene-ui-version=\"2.16.0\"] .menu-items-wrapper>ul>li{display:flex;flex-direction:column;flex-shrink:0;width:100%}[data-gene-ui-version=\"2.16.0\"] .menu-items-wrapper .divider.type-horizontal{margin:0;width:100%}[data-gene-ui-version=\"2.16.0\"] .menu-items-wrapper .divider.type-horizontal.full-width{margin:1rem 0;width:100%}[data-gene-ui-version=\"2.16.0\"] .menu-items-wrapper .menu-item{align-items:center;cursor:pointer;display:flex;font:600 1.4rem/2rem var(--font-family);padding:1rem 1.4rem;transition:color .3s,background .3s}[data-gene-ui-version=\"2.16.0\"] .popover-positioner.mobile-view .menu-items-wrapper .menu-item{padding:1.4rem 2rem}[data-gene-ui-version=\"2.16.0\"] .menu-items-wrapper .menu-item.highlighted{color:var(--hero)}@media (hover:hover){[data-gene-ui-version=\"2.16.0\"] .menu-items-wrapper .menu-item:hover{background:rgba(var(--background-sc-rgb),.05)}[data-gene-ui-version=\"2.16.0\"] .menu-items-wrapper .menu-item.act-direction:hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.16.0\"] .menu-items-wrapper .menu-item .icon{margin:-.2rem 0}[data-gene-ui-version=\"2.16.0\"] .menu-items-wrapper .menu-item .icon.menu-custom-icon{margin-inline-end:1rem}[data-gene-ui-version=\"2.16.0\"] .menu-items-wrapper .menu-item.header{flex-direction:row-reverse}[data-gene-ui-version=\"2.16.0\"] .menu-items-wrapper .menu-text{flex:auto}[data-gene-ui-version=\"2.16.0\"] .menu-items-wrapper .menu-text .small-text{font-size:1.2rem;line-height:1.4rem;opacity:.7}";
|
|
28
28
|
styleInject(css_248z);
|
|
29
29
|
|
|
30
30
|
const findHeaderByIndexStack = (data, indexStack) => {
|
|
@@ -7,7 +7,7 @@ import Icon from '../Icon/index.js';
|
|
|
7
7
|
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
8
8
|
import '../tslib.es6-f211516f.js';
|
|
9
9
|
|
|
10
|
-
var css_248z = "[data-gene-ui-version=\"2.
|
|
10
|
+
var css_248z = "[data-gene-ui-version=\"2.16.0\"] .mob-navigation-bar{background:var(--background);border-top:1px solid rgba(var(--background-sc-rgb),.06);bottom:0;font:600 1rem/1.4rem var(--font-family);left:0;position:fixed;text-align:center;width:100%;z-index:200}[data-gene-ui-version=\"2.16.0\"] .mob-navigation-bar>ul{display:table;table-layout:fixed;width:100%}[data-gene-ui-version=\"2.16.0\"] .mob-navigation-bar>ul>li{display:table-cell;overflow:hidden;padding:.8rem 0 .4rem;position:relative;transition:color .3s,opacity .3s}[data-gene-ui-version=\"2.16.0\"] .mob-navigation-bar>ul>li .badge{margin:0 auto;position:absolute;top:.8rem;width:5.2rem}[data-gene-ui-version=\"2.16.0\"] .mob-navigation-bar>ul>li .badge-right .badge{right:calc(50% - 2.5rem)}[data-gene-ui-version=\"2.16.0\"] .mob-navigation-bar>ul>li .badge-left .badge{left:calc(50% - 2.5rem)}[data-gene-ui-version=\"2.16.0\"] .mob-navigation-bar>ul>li:before{background:var(--hero);border-radius:0 0 .5rem .5rem;content:\"\";display:block;height:.3rem;left:calc(50% - 2.6rem);position:absolute;top:0;transform:translateY(-100%);transition:transform .3s;width:5.2rem}[data-gene-ui-version=\"2.16.0\"] .mob-navigation-bar>ul>li.active{color:var(--hero)}[data-gene-ui-version=\"2.16.0\"] .mob-navigation-bar>ul>li.active:before{transform:translateY(0)}[data-gene-ui-version=\"2.16.0\"] .mob-navigation-bar>ul>li.disabled{opacity:.5;pointer-events:none}[data-gene-ui-version=\"2.16.0\"] .mob-navigation-bar .icon{margin:0 0 .2rem}";
|
|
11
11
|
styleInject(css_248z);
|
|
12
12
|
|
|
13
13
|
function MobileNavigation(_ref) {
|
package/MobilePopup/index.js
CHANGED
|
@@ -7,14 +7,13 @@ import Icon from '../Icon/index.js';
|
|
|
7
7
|
import Portal from '../Portal/index.js';
|
|
8
8
|
import '../dateValidation-67caec66.js';
|
|
9
9
|
import 'react-dom';
|
|
10
|
-
import '../configs-
|
|
10
|
+
import '../configs-34847b77.js';
|
|
11
11
|
import useClickOutside from '../hooks/useClickOutside.js';
|
|
12
12
|
import Popover from '../Popover/index.js';
|
|
13
13
|
import Menu from '../Menu/index.js';
|
|
14
14
|
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
15
15
|
import '../GeneUIProvider/index.js';
|
|
16
16
|
import '../_commonjsHelpers-24198af3.js';
|
|
17
|
-
import '../Popover-f4d1cac0.js';
|
|
18
17
|
import '../index-122432cd.js';
|
|
19
18
|
import '../hooks/useDeviceType.js';
|
|
20
19
|
import '../hooks/useWindowSize.js';
|
|
@@ -25,7 +24,8 @@ import '../Scrollbar/index.js';
|
|
|
25
24
|
import '../guid-8ddf77b3.js';
|
|
26
25
|
import '../Option/index.js';
|
|
27
26
|
import '../useEllipsisDetection-4d997d5d.js';
|
|
28
|
-
import '../
|
|
27
|
+
import '../index-49fbb32c.js';
|
|
28
|
+
import '../tslib.es6-f211516f.js';
|
|
29
29
|
|
|
30
30
|
function ActionMenu(_ref) {
|
|
31
31
|
let {
|
|
@@ -59,7 +59,7 @@ function ActionMenu(_ref) {
|
|
|
59
59
|
return children;
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
-
var css_248z = "[data-gene-ui-version=\"2.
|
|
62
|
+
var css_248z = "[data-gene-ui-version=\"2.16.0\"] .m-popup-holder{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:400}[data-gene-ui-version=\"2.16.0\"] .m-popup-backdrop{animation:m-popup-backdrop-reveal .3s forwards;background-color:#0003;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}@keyframes m-popup-backdrop-reveal{to{opacity:1}}[data-gene-ui-version=\"2.16.0\"] .m-popup-c{animation:m-popup-c-reveal .4s .25s forwards;background:var(--background);border-radius:1rem 1rem 0 0;bottom:0;box-shadow:0 -1px .2rem 0 #0000000d;display:flex;flex-direction:column;left:0;max-height:calc(100% - 2rem);padding:0 1.6rem;position:absolute;right:0;transform:translate3d(0,100%,0)}@keyframes m-popup-c-reveal{to{transform:translateZ(0)}}[data-gene-ui-version=\"2.16.0\"] .m-popup-head{border-bottom:1px solid rgba(var(--background-sc-rgb),.1);display:grid;font-weight:700;grid-template-columns:1fr auto 1fr;height:5.1rem;position:relative}[data-gene-ui-version=\"2.16.0\"] .m-popup-head>li{align-items:center;display:flex;overflow:hidden}[data-gene-ui-version=\"2.16.0\"] .m-popup-head>li:first-child .mp-action .icon{margin-inline-end:1rem}[data-gene-ui-version=\"2.16.0\"] .m-popup-head>li:last-child .mp-action{flex-direction:row-reverse}[data-gene-ui-version=\"2.16.0\"] .m-popup-head>li:last-child .mp-action .icon{margin-inline-start:1rem}[data-gene-ui-version=\"2.16.0\"] .m-popup-head>li:nth-child(2){padding:0 1rem}[data-gene-ui-version=\"2.16.0\"] .m-popup-head>li:not(:nth-child(2)){min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}[data-gene-ui-version=\"2.16.0\"] .m-popup-head>li:nth-child(3){justify-content:flex-end}[data-gene-ui-version=\"2.16.0\"] .m-popup-head>li .mp-action{align-items:center;color:var(--hero);cursor:pointer;display:flex;font:600 1.4rem/3.6rem var(--font-family);overflow:hidden}[data-gene-ui-version=\"2.16.0\"] .m-popup-content{-webkit-overflow-scrolling:auto;flex:auto;margin:0 -1.6rem;overflow-y:auto;padding:0 1.6rem env(safe-area-inset-bottom);transition:padding .4s;width:calc(100% + 3.2rem)}";
|
|
63
63
|
styleInject(css_248z);
|
|
64
64
|
|
|
65
65
|
const MobilePopUp = /*#__PURE__*/forwardRef((_ref, ref) => {
|
package/Modal/index.js
CHANGED
|
@@ -4,7 +4,7 @@ import { c as classnames } from '../index-031ff73c.js';
|
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
5
5
|
import { n as noop } from '../index-a0e4e333.js';
|
|
6
6
|
import useKeyDown from '../hooks/useKeyDown.js';
|
|
7
|
-
import '../configs-
|
|
7
|
+
import '../configs-34847b77.js';
|
|
8
8
|
import Button from '../Button/index.js';
|
|
9
9
|
import Portal from '../Portal/index.js';
|
|
10
10
|
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
@@ -15,7 +15,7 @@ import '../tslib.es6-f211516f.js';
|
|
|
15
15
|
import '../Icon/index.js';
|
|
16
16
|
import '../GeneUIProvider/index.js';
|
|
17
17
|
|
|
18
|
-
var css_248z = "[data-gene-ui-version=\"2.
|
|
18
|
+
var css_248z = "[data-gene-ui-version=\"2.16.0\"] .modal-splash{animation:modal-splash .3s forwards;display:flex;height:calc(100% - var(--header-height, 0px));left:0;opacity:0;overflow-y:auto;padding:2.8rem;position:fixed;top:var(--header-height,0);width:100%;z-index:300}@keyframes modal-splash{to{opacity:1}}[data-gene-ui-version=\"2.16.0\"] .modal-splash.p-top{padding-top:0}[data-gene-ui-version=\"2.16.0\"] .modal-splash.p-bottom{padding-bottom:0}[data-gene-ui-version=\"2.16.0\"] .modal-splash.light-background{background:#fff9}[data-gene-ui-version=\"2.16.0\"] .modal-splash.dark-background{background:#0006}[data-gene-ui-version=\"2.16.0\"] .modal-content{animation:modal-content .4s .1s forwards;background:var(--background);border:1px solid rgba(var(--background-sc-rgb),.1);border-radius:2rem;box-shadow:0 .2rem .4rem 0 #0000001a;display:flex;flex-direction:column;margin:auto;max-width:100%;opacity:0;position:relative}@keyframes modal-content{to{opacity:1}}[data-gene-ui-version=\"2.16.0\"] .modal-content.s-default{width:35rem}[data-gene-ui-version=\"2.16.0\"] .modal-content .modal-close{position:absolute;top:.5rem}html:not([dir=rtl]) .modal-content .modal-close{right:1.6rem}html[dir=rtl] .modal-content .modal-close{left:1.6rem}[data-gene-ui-version=\"2.16.0\"] .modal-splash.p-top .modal-content{align-self:flex-start;border-top-left-radius:0;border-top-right-radius:0;margin:0 auto}[data-gene-ui-version=\"2.16.0\"] .modal-splash.p-bottom .modal-content{align-self:flex-end;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 -.2rem .4rem 0 #0000001a;margin:0 auto}[data-gene-ui-version=\"2.16.0\"] .modal-head{align-items:center;border-bottom:1px solid rgba(var(--background-sc-rgb),.1);display:flex;font:700 1.4rem/1.8rem var(--font-family);justify-content:center;min-height:4rem;padding:0 5.4rem;position:relative;text-align:center;width:100%}[data-gene-ui-version=\"2.16.0\"] .modal-head .modal-close{top:50%;transform:translateY(-50%)}[data-gene-ui-version=\"2.16.0\"] .a-compact .modal-head{border-bottom:0;line-height:1.6rem;margin:2.6rem 0 .6rem;min-height:inherit}[data-gene-ui-version=\"2.16.0\"] .modal-body{color:rgba(var(--background-sc-rgb),.62);font:600 1.2rem/1.42 var(--font-family);padding:2rem;width:100%}[data-gene-ui-version=\"2.16.0\"] .modal-footer{border-top:1px solid rgba(var(--background-sc-rgb),.1);display:flex;justify-content:center;padding:1.5rem 2.5rem;width:100%}[data-gene-ui-version=\"2.16.0\"] .modal-footer>*{margin:0 .5rem}";
|
|
19
19
|
styleInject(css_248z);
|
|
20
20
|
|
|
21
21
|
const sizes = ['default', 'content-size'];
|