@geneui/components 3.0.0-next-1b7eefe-17092024 → 3.0.0-next-e2bc4bd-24092024
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 -5
- package/AdvancedSearch/index.js +3 -3
- package/Alert/index.js +1 -1
- package/ArrowLeft-b88e2ba8.js +33 -0
- package/Breadcrumb/index.js +2 -2
- package/BusyLoader/index.js +1 -1
- package/Button/index.js +1 -1
- package/Card/index.js +2 -2
- package/CardList/index.js +6 -6
- package/{CellMeasurerCache-f0690f3b.js → CellMeasurerCache-281a5a2a.js} +2 -2
- package/Charts/index.js +8 -4
- package/Checkbox/index.js +2 -2
- package/CheckboxGroup/index.js +2 -2
- package/CheckboxGroupWithSearch/index.js +2 -2
- package/Collapse/index.js +1 -1
- package/ColorPicker/index.js +1 -1
- package/ComboBox/index.js +2 -2
- package/Copy/index.js +2 -2
- package/Counter/index.js +9 -10
- package/DateFilter/index.js +3 -3
- package/DatePicker/index.js +1 -1
- package/DatePickerInput/index.js +3 -3
- package/Drawer/index.js +2 -2
- package/Dropdown/index.js +5 -5
- package/Editor/index.js +12 -5
- package/ExtendedInput/index.js +2 -2
- package/Form/index.js +6 -6
- package/FormContainer/index.js +1 -1
- 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-300e2dd7.js → FormableHOC-f4120178.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 +348 -457
- package/Grid/index.js +1 -1
- package/HelperText/index.js +3 -32
- package/Holder/index.js +2 -2
- package/Icon/index.js +1 -1
- package/Image/index.js +2 -2
- package/ImagePreview/index.js +2 -2
- package/InteractiveWidget/index.js +2 -2
- package/KeyValue/index.js +1 -1
- package/Label/index.js +63 -48
- package/LinkButton/index.js +1 -1
- package/Loader/index.js +22 -0
- package/Menu/index.js +2 -2
- package/MobileNavigation/index.js +1 -1
- package/MobilePopup/index.js +2 -2
- package/Modal/index.js +1 -1
- package/ModuleTitle/index.js +2 -2
- package/NavigationMenu/index.js +2 -2
- package/Notification/index.js +1 -1
- package/Option/index.js +2 -2
- package/Overlay/index.js +2 -2
- package/Overspread/index.js +5 -5
- package/Pagination/index.js +2 -2
- package/Paper/index.js +1 -1
- package/Popover/index.js +1 -1
- package/PopoverV2/index.js +2 -2
- package/Products/index.js +1 -1
- package/Profile/index.js +2 -2
- package/Progress/index.js +1 -1
- package/Radio/index.js +1 -1
- package/RadioGroup/index.js +1 -1
- package/Range/index.js +2 -2
- package/Scrollbar/index.js +1 -1
- package/Search/index.js +2 -2
- package/SearchWithDropdown/index.js +5 -5
- package/Section/index.js +1 -1
- package/SkeletonLoader/index.js +1 -1
- package/Slider/index.js +3 -3
- package/Status/index.js +2 -2
- package/Steps/index.js +2 -2
- package/SuggestionList/index.js +1 -1
- package/Switcher/index.js +1 -1
- package/Table/index.js +8 -8
- package/TableCompositions/index.js +8 -8
- package/Tabs/index.js +1 -1
- package/Tag/index.js +1 -1
- package/Textarea/index.js +2 -2
- package/Time/index.js +1 -1
- package/TimePicker/index.js +3 -3
- package/Timeline/index.js +1 -1
- package/Title/index.js +1 -1
- package/Toaster/index.js +1 -1
- package/Tooltip/index.js +1 -1
- package/TransferList/index.js +5 -5
- package/Uploader/index.js +2 -2
- 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 +2 -2
- package/_rollupPluginBabelHelpers-a83240e1.js +11 -0
- package/{index-761141c1.js → index-3a6b7fd9.js} +6 -6
- package/{index-006d8b06.js → index-49fbb32c.js} +35 -14
- package/{index-ac5c45f7.js → index-73b4d98a.js} +1 -1
- package/{index-558ac559.js → index-d8c45742.js} +62 -85
- package/index.d.ts +1 -0
- package/index.js +15 -13
- package/lib/atoms/Label/Label.d.ts +45 -0
- package/lib/atoms/Label/index.d.ts +1 -0
- package/lib/atoms/Loader/Loader.d.ts +36 -0
- package/lib/atoms/Loader/index.d.ts +1 -0
- package/lib/providers/GeneUIProvider/GeneUIProvider.d.ts +1 -1
- package/objectWithoutPropertiesLoose-e1596bdb.js +62 -0
- package/package.json +2 -2
- package/{rangeAndSlider-63c5d423.js → rangeAndSlider-693a3d41.js} +16 -8
- package/{react-beautiful-dnd.esm-0ce25a0e.js → react-beautiful-dnd.esm-bb1d95fc.js} +5 -7
- package/{redux-b3e598ca.js → redux-e591c1b8.js} +1 -1
- package/tokens-3e00442a.js +6 -0
- package/_rollupPluginBabelHelpers-e8fb2e5c.js +0 -16
- package/objectWithoutPropertiesLoose-d8a4a68c.js +0 -78
- package/tokens-d88947bf.js +0 -6
|
@@ -326,9 +326,10 @@ async function detectOverflow(state, options) {
|
|
|
326
326
|
strategy
|
|
327
327
|
}));
|
|
328
328
|
const rect = elementContext === 'floating' ? {
|
|
329
|
-
...rects.floating,
|
|
330
329
|
x,
|
|
331
|
-
y
|
|
330
|
+
y,
|
|
331
|
+
width: rects.floating.width,
|
|
332
|
+
height: rects.floating.height
|
|
332
333
|
} : rects.reference;
|
|
333
334
|
const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
|
|
334
335
|
const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
|
|
@@ -483,6 +484,8 @@ async function convertValueToCoords(state, options) {
|
|
|
483
484
|
const mainAxisMulti = ['left', 'top'].includes(side) ? -1 : 1;
|
|
484
485
|
const crossAxisMulti = rtl && isVertical ? -1 : 1;
|
|
485
486
|
const rawValue = evaluate(options, state);
|
|
487
|
+
|
|
488
|
+
// eslint-disable-next-line prefer-const
|
|
486
489
|
let {
|
|
487
490
|
mainAxis,
|
|
488
491
|
crossAxis,
|
|
@@ -1480,10 +1483,10 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
|
|
|
1480
1483
|
}
|
|
1481
1484
|
|
|
1482
1485
|
const topLayerSelectors = [':popover-open', ':modal'];
|
|
1483
|
-
function isTopLayer(
|
|
1486
|
+
function isTopLayer(element) {
|
|
1484
1487
|
return topLayerSelectors.some(selector => {
|
|
1485
1488
|
try {
|
|
1486
|
-
return
|
|
1489
|
+
return element.matches(selector);
|
|
1487
1490
|
} catch (e) {
|
|
1488
1491
|
return false;
|
|
1489
1492
|
}
|
|
@@ -1671,7 +1674,7 @@ function getClippingRect(_ref) {
|
|
|
1671
1674
|
rootBoundary,
|
|
1672
1675
|
strategy
|
|
1673
1676
|
} = _ref;
|
|
1674
|
-
const elementClippingAncestors = boundary === 'clippingAncestors' ? getClippingElementAncestors(element, this._c) : [].concat(boundary);
|
|
1677
|
+
const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
|
|
1675
1678
|
const clippingAncestors = [...elementClippingAncestors, rootBoundary];
|
|
1676
1679
|
const firstClippingAncestor = clippingAncestors[0];
|
|
1677
1680
|
const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
|
|
@@ -1733,6 +1736,10 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
|
|
|
1733
1736
|
};
|
|
1734
1737
|
}
|
|
1735
1738
|
|
|
1739
|
+
function isStaticPositioned(element) {
|
|
1740
|
+
return getComputedStyle$1(element).position === 'static';
|
|
1741
|
+
}
|
|
1742
|
+
|
|
1736
1743
|
function getTrueOffsetParent(element, polyfill) {
|
|
1737
1744
|
if (!isHTMLElement(element) || getComputedStyle$1(element).position === 'fixed') {
|
|
1738
1745
|
return null;
|
|
@@ -1746,29 +1753,41 @@ function getTrueOffsetParent(element, polyfill) {
|
|
|
1746
1753
|
// Gets the closest ancestor positioned element. Handles some edge cases,
|
|
1747
1754
|
// such as table ancestors and cross browser bugs.
|
|
1748
1755
|
function getOffsetParent(element, polyfill) {
|
|
1749
|
-
const
|
|
1750
|
-
if (
|
|
1751
|
-
return
|
|
1756
|
+
const win = getWindow(element);
|
|
1757
|
+
if (isTopLayer(element)) {
|
|
1758
|
+
return win;
|
|
1759
|
+
}
|
|
1760
|
+
if (!isHTMLElement(element)) {
|
|
1761
|
+
let svgOffsetParent = getParentNode(element);
|
|
1762
|
+
while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
|
|
1763
|
+
if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
|
|
1764
|
+
return svgOffsetParent;
|
|
1765
|
+
}
|
|
1766
|
+
svgOffsetParent = getParentNode(svgOffsetParent);
|
|
1767
|
+
}
|
|
1768
|
+
return win;
|
|
1752
1769
|
}
|
|
1753
1770
|
let offsetParent = getTrueOffsetParent(element, polyfill);
|
|
1754
|
-
while (offsetParent && isTableElement(offsetParent) &&
|
|
1771
|
+
while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
|
|
1755
1772
|
offsetParent = getTrueOffsetParent(offsetParent, polyfill);
|
|
1756
1773
|
}
|
|
1757
|
-
if (offsetParent && (
|
|
1758
|
-
return
|
|
1774
|
+
if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
|
|
1775
|
+
return win;
|
|
1759
1776
|
}
|
|
1760
|
-
return offsetParent || getContainingBlock(element) ||
|
|
1777
|
+
return offsetParent || getContainingBlock(element) || win;
|
|
1761
1778
|
}
|
|
1762
1779
|
|
|
1763
1780
|
const getElementRects = async function (data) {
|
|
1764
1781
|
const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
|
|
1765
1782
|
const getDimensionsFn = this.getDimensions;
|
|
1783
|
+
const floatingDimensions = await getDimensionsFn(data.floating);
|
|
1766
1784
|
return {
|
|
1767
1785
|
reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
|
|
1768
1786
|
floating: {
|
|
1769
1787
|
x: 0,
|
|
1770
1788
|
y: 0,
|
|
1771
|
-
|
|
1789
|
+
width: floatingDimensions.width,
|
|
1790
|
+
height: floatingDimensions.height
|
|
1772
1791
|
}
|
|
1773
1792
|
};
|
|
1774
1793
|
};
|
|
@@ -1838,9 +1857,11 @@ function observeMove(element, onMove) {
|
|
|
1838
1857
|
return refresh();
|
|
1839
1858
|
}
|
|
1840
1859
|
if (!ratio) {
|
|
1860
|
+
// If the reference is clipped, the ratio is 0. Throttle the refresh
|
|
1861
|
+
// to prevent an infinite loop of updates.
|
|
1841
1862
|
timeoutId = setTimeout(() => {
|
|
1842
1863
|
refresh(false, 1e-7);
|
|
1843
|
-
},
|
|
1864
|
+
}, 1000);
|
|
1844
1865
|
} else {
|
|
1845
1866
|
refresh(false, ratio);
|
|
1846
1867
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as _extends } from './_rollupPluginBabelHelpers-
|
|
1
|
+
import { _ as _extends } from './_rollupPluginBabelHelpers-a83240e1.js';
|
|
2
2
|
import React__default, { forwardRef, useContext, useRef, useState, useMemo, useEffect, useCallback } from 'react';
|
|
3
3
|
import { c as commonjsGlobal } from './_commonjsHelpers-24198af3.js';
|
|
4
4
|
import ReactDOM__default from 'react-dom';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { _ as _extends$1 } from './_rollupPluginBabelHelpers-
|
|
1
|
+
import { _ as _extends$1 } from './_rollupPluginBabelHelpers-a83240e1.js';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import React__default, { forwardRef, useMemo, useCallback, useRef, useState, useEffect } from 'react';
|
|
4
|
-
import { t as toPropertyKey, d as _typeof, a as _setPrototypeOf, b as _objectWithoutPropertiesLoose, _ as _defineProperty, c as _extends } from './objectWithoutPropertiesLoose-
|
|
4
|
+
import { t as toPropertyKey, d as _typeof, a as _setPrototypeOf, b as _objectWithoutPropertiesLoose, _ as _defineProperty, c as _extends } from './objectWithoutPropertiesLoose-e1596bdb.js';
|
|
5
5
|
import { p as polyfill } from './react-lifecycles-compat.es-6e1f3768.js';
|
|
6
6
|
import { c as clsx } from './clsx.m-2bb6df4b.js';
|
|
7
7
|
import PropTypes from 'prop-types';
|
|
@@ -19,8 +19,8 @@ import { i as inputConfig, s as screenTypes, g as popoverConfig } from './config
|
|
|
19
19
|
import { s as stopEvent, n as noop$1 } from './index-a0e4e333.js';
|
|
20
20
|
import BusyLoader from './BusyLoader/index.js';
|
|
21
21
|
import Empty from './Empty/index.js';
|
|
22
|
-
import { P as PopoverV2 } from './index-
|
|
23
|
-
import { T as Tooltip } from './index-
|
|
22
|
+
import { P as PopoverV2 } from './index-73b4d98a.js';
|
|
23
|
+
import { T as Tooltip } from './index-49fbb32c.js';
|
|
24
24
|
import ExtendedInput from './ExtendedInput/index.js';
|
|
25
25
|
import Icon from './Icon/index.js';
|
|
26
26
|
import Checkbox from './Checkbox/index.js';
|
|
@@ -28,68 +28,50 @@ import './index-263b0f0b.js';
|
|
|
28
28
|
import Tag from './Tag/index.js';
|
|
29
29
|
import { c as callAfterDelay } from './callAfterDelay-7272faca.js';
|
|
30
30
|
|
|
31
|
-
function _classCallCheck(
|
|
32
|
-
if (!(
|
|
33
|
-
throw new TypeError("Cannot call a class as a function");
|
|
34
|
-
}
|
|
31
|
+
function _classCallCheck(a, n) {
|
|
32
|
+
if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
|
|
35
33
|
}
|
|
36
34
|
|
|
37
|
-
function _defineProperties(
|
|
38
|
-
for (var
|
|
39
|
-
var
|
|
40
|
-
|
|
41
|
-
descriptor.configurable = true;
|
|
42
|
-
if ("value" in descriptor) descriptor.writable = true;
|
|
43
|
-
Object.defineProperty(target, toPropertyKey(descriptor.key), descriptor);
|
|
35
|
+
function _defineProperties(e, r) {
|
|
36
|
+
for (var t = 0; t < r.length; t++) {
|
|
37
|
+
var o = r[t];
|
|
38
|
+
o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, toPropertyKey(o.key), o);
|
|
44
39
|
}
|
|
45
40
|
}
|
|
46
|
-
function _createClass(
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
writable: false
|
|
51
|
-
});
|
|
52
|
-
return Constructor;
|
|
41
|
+
function _createClass(e, r, t) {
|
|
42
|
+
return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
|
|
43
|
+
writable: !1
|
|
44
|
+
}), e;
|
|
53
45
|
}
|
|
54
46
|
|
|
55
|
-
function _assertThisInitialized(
|
|
56
|
-
if (
|
|
57
|
-
|
|
58
|
-
}
|
|
59
|
-
return self;
|
|
47
|
+
function _assertThisInitialized(e) {
|
|
48
|
+
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
49
|
+
return e;
|
|
60
50
|
}
|
|
61
51
|
|
|
62
|
-
function _possibleConstructorReturn(
|
|
63
|
-
if (
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
throw new TypeError("Derived constructors may only return object or undefined");
|
|
67
|
-
}
|
|
68
|
-
return _assertThisInitialized(self);
|
|
52
|
+
function _possibleConstructorReturn(t, e) {
|
|
53
|
+
if (e && ("object" == _typeof(e) || "function" == typeof e)) return e;
|
|
54
|
+
if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
|
|
55
|
+
return _assertThisInitialized(t);
|
|
69
56
|
}
|
|
70
57
|
|
|
71
|
-
function _getPrototypeOf(
|
|
72
|
-
_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function
|
|
73
|
-
return
|
|
74
|
-
};
|
|
75
|
-
return _getPrototypeOf(o);
|
|
58
|
+
function _getPrototypeOf(t) {
|
|
59
|
+
return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
|
|
60
|
+
return t.__proto__ || Object.getPrototypeOf(t);
|
|
61
|
+
}, _getPrototypeOf(t);
|
|
76
62
|
}
|
|
77
63
|
|
|
78
|
-
function _inherits(
|
|
79
|
-
if (typeof
|
|
80
|
-
|
|
81
|
-
}
|
|
82
|
-
subClass.prototype = Object.create(superClass && superClass.prototype, {
|
|
64
|
+
function _inherits(t, e) {
|
|
65
|
+
if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
|
|
66
|
+
t.prototype = Object.create(e && e.prototype, {
|
|
83
67
|
constructor: {
|
|
84
|
-
value:
|
|
85
|
-
writable:
|
|
86
|
-
configurable:
|
|
68
|
+
value: t,
|
|
69
|
+
writable: !0,
|
|
70
|
+
configurable: !0
|
|
87
71
|
}
|
|
88
|
-
})
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
});
|
|
92
|
-
if (superClass) _setPrototypeOf(subClass, superClass);
|
|
72
|
+
}), Object.defineProperty(t, "prototype", {
|
|
73
|
+
writable: !1
|
|
74
|
+
}), e && _setPrototypeOf(t, e);
|
|
93
75
|
}
|
|
94
76
|
|
|
95
77
|
/**
|
|
@@ -118,20 +100,16 @@ function calculateSizeAndPositionDataAndUpdateScrollOffset(_ref) {
|
|
|
118
100
|
}
|
|
119
101
|
}
|
|
120
102
|
|
|
121
|
-
function _objectWithoutProperties(
|
|
122
|
-
if (
|
|
123
|
-
var
|
|
124
|
-
|
|
103
|
+
function _objectWithoutProperties(e, t) {
|
|
104
|
+
if (null == e) return {};
|
|
105
|
+
var o,
|
|
106
|
+
r,
|
|
107
|
+
i = _objectWithoutPropertiesLoose(e, t);
|
|
125
108
|
if (Object.getOwnPropertySymbols) {
|
|
126
|
-
var
|
|
127
|
-
for (
|
|
128
|
-
key = sourceSymbolKeys[i];
|
|
129
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
130
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
131
|
-
target[key] = source[key];
|
|
132
|
-
}
|
|
109
|
+
var n = Object.getOwnPropertySymbols(e);
|
|
110
|
+
for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
|
|
133
111
|
}
|
|
134
|
-
return
|
|
112
|
+
return i;
|
|
135
113
|
}
|
|
136
114
|
|
|
137
115
|
process.env.NODE_ENV === 'production' ? null : {
|
|
@@ -4492,35 +4470,34 @@ process.env.NODE_ENV !== "production" ? {
|
|
|
4492
4470
|
width: PropTypes.number.isRequired
|
|
4493
4471
|
} : {};
|
|
4494
4472
|
|
|
4495
|
-
function _arrayLikeToArray(
|
|
4496
|
-
|
|
4497
|
-
for (var
|
|
4498
|
-
return
|
|
4473
|
+
function _arrayLikeToArray(r, a) {
|
|
4474
|
+
(null == a || a > r.length) && (a = r.length);
|
|
4475
|
+
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
|
|
4476
|
+
return n;
|
|
4499
4477
|
}
|
|
4500
4478
|
|
|
4501
|
-
function _arrayWithoutHoles(
|
|
4502
|
-
if (Array.isArray(
|
|
4479
|
+
function _arrayWithoutHoles(r) {
|
|
4480
|
+
if (Array.isArray(r)) return _arrayLikeToArray(r);
|
|
4503
4481
|
}
|
|
4504
4482
|
|
|
4505
|
-
function _iterableToArray(
|
|
4506
|
-
if (typeof Symbol
|
|
4483
|
+
function _iterableToArray(r) {
|
|
4484
|
+
if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
|
|
4507
4485
|
}
|
|
4508
4486
|
|
|
4509
|
-
function _unsupportedIterableToArray(
|
|
4510
|
-
if (
|
|
4511
|
-
|
|
4512
|
-
|
|
4513
|
-
|
|
4514
|
-
|
|
4515
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
4487
|
+
function _unsupportedIterableToArray(r, a) {
|
|
4488
|
+
if (r) {
|
|
4489
|
+
if ("string" == typeof r) return _arrayLikeToArray(r, a);
|
|
4490
|
+
var t = {}.toString.call(r).slice(8, -1);
|
|
4491
|
+
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
|
|
4492
|
+
}
|
|
4516
4493
|
}
|
|
4517
4494
|
|
|
4518
4495
|
function _nonIterableSpread() {
|
|
4519
4496
|
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
4520
4497
|
}
|
|
4521
4498
|
|
|
4522
|
-
function _toConsumableArray(
|
|
4523
|
-
return _arrayWithoutHoles(
|
|
4499
|
+
function _toConsumableArray(r) {
|
|
4500
|
+
return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
|
|
4524
4501
|
}
|
|
4525
4502
|
|
|
4526
4503
|
/**
|
|
@@ -5149,8 +5126,8 @@ _defineProperty(List, "defaultProps", {
|
|
|
5149
5126
|
style: {}
|
|
5150
5127
|
});
|
|
5151
5128
|
|
|
5152
|
-
function _arrayWithHoles(
|
|
5153
|
-
if (Array.isArray(
|
|
5129
|
+
function _arrayWithHoles(r) {
|
|
5130
|
+
if (Array.isArray(r)) return r;
|
|
5154
5131
|
}
|
|
5155
5132
|
|
|
5156
5133
|
function _iterableToArrayLimit(r, l) {
|
|
@@ -5185,8 +5162,8 @@ function _nonIterableRest() {
|
|
|
5185
5162
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
5186
5163
|
}
|
|
5187
5164
|
|
|
5188
|
-
function _slicedToArray(
|
|
5189
|
-
return _arrayWithHoles(
|
|
5165
|
+
function _slicedToArray(r, e) {
|
|
5166
|
+
return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
|
|
5190
5167
|
}
|
|
5191
5168
|
|
|
5192
5169
|
/**
|
package/index.d.ts
CHANGED
|
@@ -25,6 +25,7 @@ export { default as Paper, paperWraps, alignItems, justifyContents, paperDirecti
|
|
|
25
25
|
export { default as Avatar } from './lib/atoms/Avatar/index';
|
|
26
26
|
export { default as LinkButton } from './lib/atoms/LinkButton/index';
|
|
27
27
|
export { default as HelperText } from './lib/atoms/HelperText';
|
|
28
|
+
export { default as Loader } from './lib/atoms/Loader';
|
|
28
29
|
export { Row, Col } from './lib/molecules/Grid';
|
|
29
30
|
export { Tab, Tabs } from './lib/molecules/Tabs';
|
|
30
31
|
export { Step, Steps } from './lib/molecules/Steps';
|
package/index.js
CHANGED
|
@@ -14,7 +14,7 @@ export { default as Scrollbar } from './Scrollbar/index.js';
|
|
|
14
14
|
export { default as Time } from './Time/index.js';
|
|
15
15
|
export { default as Empty } from './Empty/index.js';
|
|
16
16
|
export { default as Popover } from './Popover/index.js';
|
|
17
|
-
export { P as PopoverV2 } from './index-
|
|
17
|
+
export { P as PopoverV2 } from './index-73b4d98a.js';
|
|
18
18
|
export { default as Title } from './Title/index.js';
|
|
19
19
|
export { default as Image } from './Image/index.js';
|
|
20
20
|
export { default as KeyValue } from './KeyValue/index.js';
|
|
@@ -25,6 +25,7 @@ export { default as Paper, alignItems, cornersRadius, justifyContents, paperDire
|
|
|
25
25
|
export { default as Avatar } from './Avatar/index.js';
|
|
26
26
|
export { default as LinkButton } from './LinkButton/index.js';
|
|
27
27
|
export { default as HelperText } from './HelperText/index.js';
|
|
28
|
+
export { default as Loader } from './Loader/index.js';
|
|
28
29
|
export { Col, Row } from './Grid/index.js';
|
|
29
30
|
export { Tab, Tabs } from './Tabs/index.js';
|
|
30
31
|
export { Step, Steps } from './Steps/index.js';
|
|
@@ -34,7 +35,7 @@ export { default as Checkbox } from './Checkbox/index.js';
|
|
|
34
35
|
export { default as Card } from './Card/index.js';
|
|
35
36
|
export { default as Tag } from './Tag/index.js';
|
|
36
37
|
export { default as Alert, alertTypes } from './Alert/index.js';
|
|
37
|
-
export { T as Tooltip } from './index-
|
|
38
|
+
export { T as Tooltip } from './index-49fbb32c.js';
|
|
38
39
|
export { default as Range } from './Range/index.js';
|
|
39
40
|
export { default as Slider } from './Slider/index.js';
|
|
40
41
|
export { default as Pagination } from './Pagination/index.js';
|
|
@@ -87,7 +88,7 @@ export { default as FormableUploader } from './FormableUploader/index.js';
|
|
|
87
88
|
export { default as FormableSwitcher } from './FormableSwitcher/index.js';
|
|
88
89
|
export { default as FormableEditor } from './FormableEditor/index.js';
|
|
89
90
|
export { default as FormableRadio } from './FormableRadio/index.js';
|
|
90
|
-
export { F as FormableHOC } from './FormableHOC-
|
|
91
|
+
export { F as FormableHOC } from './FormableHOC-f4120178.js';
|
|
91
92
|
export { default as Toaster, toasterPositions } from './Toaster/index.js';
|
|
92
93
|
export { default as SearchWithDropdown } from './SearchWithDropdown/index.js';
|
|
93
94
|
export { default as CheckboxGroupWithSearch } from './CheckboxGroupWithSearch/index.js';
|
|
@@ -96,8 +97,8 @@ export { default as Overspread } from './Overspread/index.js';
|
|
|
96
97
|
export { default as DatePicker } from './DatePicker/index.js';
|
|
97
98
|
export { default as DateFilter } from './DateFilter/index.js';
|
|
98
99
|
export { ComboTable, PaginationSelector, PaperWrapper, TableContainer, TableHeader, TablePagination, TableTitle, WithHeader, WithTitle } from './TableCompositions/index.js';
|
|
99
|
-
export { D as Dropdown } from './index-
|
|
100
|
-
export { T as Table } from './index-
|
|
100
|
+
export { D as Dropdown } from './index-d8c45742.js';
|
|
101
|
+
export { T as Table } from './index-3a6b7fd9.js';
|
|
101
102
|
export { CardList, WrappedCardList } from './CardList/index.js';
|
|
102
103
|
import 'react';
|
|
103
104
|
import 'prop-types';
|
|
@@ -129,18 +130,19 @@ export { u as useEllipsisDetection } from './useEllipsisDetection-4d997d5d.js';
|
|
|
129
130
|
import './tslib.es6-f211516f.js';
|
|
130
131
|
import './index-031ff73c.js';
|
|
131
132
|
import './style-inject.es-746bb8ed.js';
|
|
132
|
-
import './
|
|
133
|
-
import './configs-34847b77.js';
|
|
134
|
-
import './index-a0e4e333.js';
|
|
133
|
+
import './ArrowLeft-b88e2ba8.js';
|
|
135
134
|
import './dateValidation-67caec66.js';
|
|
136
135
|
import './_commonjsHelpers-24198af3.js';
|
|
137
136
|
import 'react-dom';
|
|
137
|
+
import './configs-34847b77.js';
|
|
138
|
+
import './_rollupPluginBabelHelpers-a83240e1.js';
|
|
139
|
+
import './index-a0e4e333.js';
|
|
138
140
|
import './checkboxRadioSwitcher-5b69d7bd.js';
|
|
139
141
|
import './guid-8ddf77b3.js';
|
|
140
142
|
import './localization-4ba17032.js';
|
|
141
143
|
import './index-122432cd.js';
|
|
142
144
|
import './debounce-4419bc2f.js';
|
|
143
|
-
import './rangeAndSlider-
|
|
145
|
+
import './rangeAndSlider-693a3d41.js';
|
|
144
146
|
import './index-45eafea6.js';
|
|
145
147
|
import './react-lifecycles-compat.es-6e1f3768.js';
|
|
146
148
|
import './SuggestionList/index.js';
|
|
@@ -150,8 +152,8 @@ import './checkTimeValidation-e56771be.js';
|
|
|
150
152
|
import './hooks/useHover.js';
|
|
151
153
|
import './index-262edd7a.js';
|
|
152
154
|
import './index-263b0f0b.js';
|
|
153
|
-
import './objectWithoutPropertiesLoose-
|
|
155
|
+
import './objectWithoutPropertiesLoose-e1596bdb.js';
|
|
154
156
|
import './clsx.m-2bb6df4b.js';
|
|
155
|
-
import './CellMeasurerCache-
|
|
156
|
-
import './redux-
|
|
157
|
-
import './react-beautiful-dnd.esm-
|
|
157
|
+
import './CellMeasurerCache-281a5a2a.js';
|
|
158
|
+
import './redux-e591c1b8.js';
|
|
159
|
+
import './react-beautiful-dnd.esm-bb1d95fc.js';
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import './Label.scss';
|
|
3
|
+
interface ILabelProps {
|
|
4
|
+
/**
|
|
5
|
+
* The `htmlFor` prop is associated with the `id` of the input element.
|
|
6
|
+
* If `Label` component is used with a form element this prop is required.
|
|
7
|
+
*/
|
|
8
|
+
htmlFor?: string;
|
|
9
|
+
/**
|
|
10
|
+
* Label size.<br/>
|
|
11
|
+
* Possible values: `medium | small`
|
|
12
|
+
*/
|
|
13
|
+
size?: 'medium' | 'small';
|
|
14
|
+
/**
|
|
15
|
+
* The text content of the `label`.
|
|
16
|
+
* This is the main text displayed within the `label`.
|
|
17
|
+
*/
|
|
18
|
+
labelText: string;
|
|
19
|
+
/**
|
|
20
|
+
* Indicates whether the label represents a required field.
|
|
21
|
+
* When set to `true`, a visual indicator (asterisk) will be added to denote that the field is required.
|
|
22
|
+
*/
|
|
23
|
+
required?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Additional informational text displayed alongside the label.
|
|
26
|
+
* When provided, an info icon will be displayed next to the label,
|
|
27
|
+
* which can be hovered over to reveal the additional context or instructions via a tooltip.
|
|
28
|
+
*/
|
|
29
|
+
infoText?: string;
|
|
30
|
+
/**
|
|
31
|
+
* Indicates whether the `label` should be displayed as `disabled`.
|
|
32
|
+
* When set to `true`, the `label` will be styled to appear `disabled`, which can indicate that the associated input field is not editable.
|
|
33
|
+
*/
|
|
34
|
+
disabled?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Indicates whether the `label` is in a loading state.
|
|
37
|
+
* When set to `true` a `skeleton` indicator will be shown instead of the `label` text.
|
|
38
|
+
*/
|
|
39
|
+
isLoading?: boolean;
|
|
40
|
+
}
|
|
41
|
+
/**
|
|
42
|
+
* 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.
|
|
43
|
+
*/
|
|
44
|
+
declare const Label: FC<ILabelProps>;
|
|
45
|
+
export { ILabelProps, Label as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ILabelProps, default as default } from './Label';
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
import './Loader.scss';
|
|
3
|
+
interface ILoaderProps {
|
|
4
|
+
/**
|
|
5
|
+
* Any valid React node. Renders when "isLoading" is set to false
|
|
6
|
+
*/
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
/**
|
|
9
|
+
* Indicates if spinner should be visible.
|
|
10
|
+
*/
|
|
11
|
+
isLoading?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Text to provide more context for Loader.
|
|
14
|
+
*/
|
|
15
|
+
text?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Loader visual style. <br/>
|
|
18
|
+
* Possible values: `brand | neutral | inverse`
|
|
19
|
+
*/
|
|
20
|
+
appearance?: 'brand' | 'neutral' | 'inverse';
|
|
21
|
+
/**
|
|
22
|
+
* Loader size <br/>
|
|
23
|
+
* Possible values: `2xLarge | xLarge | large | medium | small | smallNudge`
|
|
24
|
+
*/
|
|
25
|
+
size?: '2xLarge' | 'xLarge' | 'large' | 'medium' | 'small' | 'smallNudge';
|
|
26
|
+
/**
|
|
27
|
+
* Loader text position. <br/>.
|
|
28
|
+
* Possible values: `below | after`
|
|
29
|
+
*/
|
|
30
|
+
textPosition?: 'below' | 'after';
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
*Loading spinner is a visual indicator that informs users an operation is in progress. Typically displayed as a rotating icon or circular animation, it signals that the system is working on a task, such as loading data or processing a request, and that the user should wait until the process is complete.
|
|
34
|
+
*/
|
|
35
|
+
declare const Loader: FC<ILoaderProps>;
|
|
36
|
+
export { ILoaderProps, Loader as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ILoaderProps, default as default } from './Loader';
|
|
@@ -7,7 +7,7 @@ type TokensType = {
|
|
|
7
7
|
export interface IGeneUIDesignSystemContext {
|
|
8
8
|
theme: ThemesTypes;
|
|
9
9
|
tokens: TokensType;
|
|
10
|
-
geneUIProviderRef
|
|
10
|
+
geneUIProviderRef: React.MutableRefObject<null>;
|
|
11
11
|
}
|
|
12
12
|
export declare const GeneUIDesignSystemContext: React.Context<IGeneUIDesignSystemContext>;
|
|
13
13
|
export interface IGeneUIProviderProps {
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
function _typeof(o) {
|
|
2
|
+
"@babel/helpers - typeof";
|
|
3
|
+
|
|
4
|
+
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
|
|
5
|
+
return typeof o;
|
|
6
|
+
} : function (o) {
|
|
7
|
+
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
|
|
8
|
+
}, _typeof(o);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
function toPrimitive(t, r) {
|
|
12
|
+
if ("object" != _typeof(t) || !t) return t;
|
|
13
|
+
var e = t[Symbol.toPrimitive];
|
|
14
|
+
if (void 0 !== e) {
|
|
15
|
+
var i = e.call(t, r || "default");
|
|
16
|
+
if ("object" != _typeof(i)) return i;
|
|
17
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
18
|
+
}
|
|
19
|
+
return ("string" === r ? String : Number)(t);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
function toPropertyKey(t) {
|
|
23
|
+
var i = toPrimitive(t, "string");
|
|
24
|
+
return "symbol" == _typeof(i) ? i : i + "";
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
function _setPrototypeOf(t, e) {
|
|
28
|
+
return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
|
|
29
|
+
return t.__proto__ = e, t;
|
|
30
|
+
}, _setPrototypeOf(t, e);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
function _defineProperty(e, r, t) {
|
|
34
|
+
return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
|
|
35
|
+
value: t,
|
|
36
|
+
enumerable: !0,
|
|
37
|
+
configurable: !0,
|
|
38
|
+
writable: !0
|
|
39
|
+
}) : e[r] = t, e;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
function _extends() {
|
|
43
|
+
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
44
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
45
|
+
var t = arguments[e];
|
|
46
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
47
|
+
}
|
|
48
|
+
return n;
|
|
49
|
+
}, _extends.apply(null, arguments);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
function _objectWithoutPropertiesLoose(r, e) {
|
|
53
|
+
if (null == r) return {};
|
|
54
|
+
var t = {};
|
|
55
|
+
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
56
|
+
if (e.indexOf(n) >= 0) continue;
|
|
57
|
+
t[n] = r[n];
|
|
58
|
+
}
|
|
59
|
+
return t;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
export { _defineProperty as _, _setPrototypeOf as a, _objectWithoutPropertiesLoose as b, _extends as c, _typeof as d, toPropertyKey as t };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@geneui/components",
|
|
3
3
|
"description": "The Gene UI components library designed for BI tools",
|
|
4
|
-
"version": "3.0.0-next-
|
|
4
|
+
"version": "3.0.0-next-e2bc4bd-24092024",
|
|
5
5
|
"author": "SoftConstruct",
|
|
6
6
|
"homepage": "https://github.com/softconstruct/gene-ui-components#readme",
|
|
7
7
|
"repository": {
|
|
@@ -158,7 +158,7 @@
|
|
|
158
158
|
},
|
|
159
159
|
"dependencies": {
|
|
160
160
|
"@geneui/icons": "^1.0.4",
|
|
161
|
-
"@geneui/tokens": "^1.
|
|
161
|
+
"@geneui/tokens": "^1.4.0-beta",
|
|
162
162
|
"@floating-ui/react": "^0.26.16",
|
|
163
163
|
"classnames": "^2.3.2",
|
|
164
164
|
"dayjs": "^1.11.5",
|