@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
|
@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
|
|
|
8
8
|
import { n as noop, s as stopEvent } from './index-a0e4e333.js';
|
|
9
9
|
import useDeviceType from './hooks/useDeviceType.js';
|
|
10
10
|
import useClickOutside from './hooks/useClickOutside.js';
|
|
11
|
-
import {
|
|
11
|
+
import { p as popoverV2Config, s as screenTypes } from './configs-34847b77.js';
|
|
12
12
|
import CustomScrollbar from './Scrollbar/index.js';
|
|
13
13
|
import { GeneUIDesignSystemContext } from './GeneUIProvider/index.js';
|
|
14
14
|
import { s as styleInject } from './style-inject.es-746bb8ed.js';
|
|
@@ -1592,7 +1592,7 @@ ArrowContainer$1.ArrowContainer = ArrowContainer;
|
|
|
1592
1592
|
|
|
1593
1593
|
} (Popover));
|
|
1594
1594
|
|
|
1595
|
-
var css_248z = "[data-gene-ui-version=\"2.
|
|
1595
|
+
var css_248z = "[data-gene-ui-version=\"2.16.0\"] .popover-positioner{--popover-border-radius:1rem;--popover-shadow:0 0.2rem 0.4rem 0 #0000000d,0 0 0 1px rgba(var(--background-sc-rgb),0.08);z-index:400}[data-gene-ui-version=\"2.16.0\"] .popover-positioner.cr-smooth-radius{--popover-border-radius:0.4rem}[data-gene-ui-version=\"2.16.0\"] .popover-positioner.mobile-view{--popover-border-radius:0.8rem 0.8rem 0 0;--popover-shadow:0 -1px 0.2rem 0 #0000000d;bottom:0;left:0!important;overflow:hidden;position:fixed!important;top:0!important;transform:translate(0)!important;width:100%}[data-gene-ui-version=\"2.16.0\"] .popover-positioner .popover-top-bottom-padding{padding:1rem 0;width:100%}[data-gene-ui-version=\"2.16.0\"] .popover-positioner .popover-top-bottom-padding>div[style*=width]{width:100%!important}[data-gene-ui-version=\"2.16.0\"] .popover{width:100%}[data-gene-ui-version=\"2.16.0\"] .popover-positioner.mobile-view .popover{height:100%;position:relative}[data-gene-ui-version=\"2.16.0\"] .popover-positioner-disable{margin-top:5px;position:inherit!important;transform:none!important}[data-gene-ui-version=\"2.16.0\"] .popover-track{width:100%}[data-gene-ui-version=\"2.16.0\"] .popover-content{background:var(--background);border-radius:var(--popover-border-radius);box-shadow:var(--popover-shadow);overflow:hidden;padding:0 0 env(safe-area-inset-bottom);transition:padding .4s;width:100%}[data-gene-ui-version=\"2.16.0\"] .popover-positioner.mobile-view .popover-content{-webkit-overflow-scrolling:auto;bottom:0;left:0;max-height:calc(100% - 10rem);overflow-x:hidden;overflow-y:auto;position:absolute;z-index:1}[data-gene-ui-version=\"2.16.0\"] .popover-positioner.mobile-view[style*=\"opacity: 0\"] .popover-content{transform:translateY(100%)}[data-gene-ui-version=\"2.16.0\"] .popover-positioner.mobile-view .popover-content{transform:translateY(0)}[data-gene-ui-version=\"2.16.0\"] .popover-mobile-backdrop{background:#0003;height:100%;left:0;opacity:1;position:absolute;top:0;width:100%;z-index:0}[data-gene-ui-version=\"2.16.0\"] .popover-footer,[data-gene-ui-version=\"2.16.0\"] .popover-header{background:var(--background);position:-webkit-sticky;position:sticky;z-index:1}[data-gene-ui-version=\"2.16.0\"] .popover-header{border-bottom:1px solid rgba(var(--background-sc-rgb),.1);top:0}[data-gene-ui-version=\"2.16.0\"] .popover-footer{align-items:stretch;border-top:1px solid rgba(var(--background-sc-rgb),.1);bottom:calc(env(safe-area-inset-bottom)*-1);display:flex;padding:0 0 env(safe-area-inset-bottom);transition:padding .4s}[data-gene-ui-version=\"2.16.0\"] .popover-body{position:relative;z-index:0}[data-gene-ui-version=\"2.16.0\"] .popover-search{padding:1.4rem 1.5rem}[data-gene-ui-version=\"2.16.0\"] .empty-data-holder{align-items:center;display:flex;height:19rem;justify-content:center;width:100%}[data-gene-ui-version=\"2.16.0\"] .popover-disabled{opacity:.5;pointer-events:none;transition:opacity .5s}";
|
|
1596
1596
|
styleInject(css_248z);
|
|
1597
1597
|
|
|
1598
1598
|
const PopoverV2 = /*#__PURE__*/forwardRef((props, ref) => {
|
|
@@ -15,16 +15,16 @@ import useDeviceType from './hooks/useDeviceType.js';
|
|
|
15
15
|
import useClickOutside from './hooks/useClickOutside.js';
|
|
16
16
|
import useUpdatableRef from './hooks/useUpdatableRef.js';
|
|
17
17
|
import { u as useEllipsisDetection } from './useEllipsisDetection-4d997d5d.js';
|
|
18
|
-
import { i as inputConfig, s as screenTypes,
|
|
18
|
+
import { i as inputConfig, s as screenTypes, g as popoverConfig } from './configs-34847b77.js';
|
|
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 Tooltip from './
|
|
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';
|
|
27
|
-
import './index-
|
|
27
|
+
import './index-263b0f0b.js';
|
|
28
28
|
import Tag from './Tag/index.js';
|
|
29
29
|
import { c as callAfterDelay } from './callAfterDelay-7272faca.js';
|
|
30
30
|
|
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';
|
|
@@ -34,7 +34,7 @@ export { default as Checkbox } from './Checkbox/index.js';
|
|
|
34
34
|
export { default as Card } from './Card/index.js';
|
|
35
35
|
export { default as Tag } from './Tag/index.js';
|
|
36
36
|
export { default as Alert, alertTypes } from './Alert/index.js';
|
|
37
|
-
export {
|
|
37
|
+
export { T as Tooltip } from './index-49fbb32c.js';
|
|
38
38
|
export { default as Range } from './Range/index.js';
|
|
39
39
|
export { default as Slider } from './Slider/index.js';
|
|
40
40
|
export { default as Pagination } from './Pagination/index.js';
|
|
@@ -87,7 +87,7 @@ export { default as FormableUploader } from './FormableUploader/index.js';
|
|
|
87
87
|
export { default as FormableSwitcher } from './FormableSwitcher/index.js';
|
|
88
88
|
export { default as FormableEditor } from './FormableEditor/index.js';
|
|
89
89
|
export { default as FormableRadio } from './FormableRadio/index.js';
|
|
90
|
-
export { F as FormableHOC } from './FormableHOC-
|
|
90
|
+
export { F as FormableHOC } from './FormableHOC-f4120178.js';
|
|
91
91
|
export { default as Toaster, toasterPositions } from './Toaster/index.js';
|
|
92
92
|
export { default as SearchWithDropdown } from './SearchWithDropdown/index.js';
|
|
93
93
|
export { default as CheckboxGroupWithSearch } from './CheckboxGroupWithSearch/index.js';
|
|
@@ -96,14 +96,14 @@ export { default as Overspread } from './Overspread/index.js';
|
|
|
96
96
|
export { default as DatePicker } from './DatePicker/index.js';
|
|
97
97
|
export { default as DateFilter } from './DateFilter/index.js';
|
|
98
98
|
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-
|
|
99
|
+
export { D as Dropdown } from './index-d8c45742.js';
|
|
100
|
+
export { T as Table } from './index-3a6b7fd9.js';
|
|
101
101
|
export { CardList, WrappedCardList } from './CardList/index.js';
|
|
102
102
|
import 'react';
|
|
103
103
|
import 'prop-types';
|
|
104
104
|
export { default as Form } from './FormContainer/index.js';
|
|
105
105
|
export { default as TransferList } from './TransferList/index.js';
|
|
106
|
-
export { R as RichEditor } from './RichEditor-
|
|
106
|
+
export { R as RichEditor } from './RichEditor-3ad651c7.js';
|
|
107
107
|
export { default as Drawer } from './Drawer/index.js';
|
|
108
108
|
export { default as ActionableList } from './ActionableList/index.js';
|
|
109
109
|
export { GeneUIDesignSystemContext, default as GeneUIProvider } from './GeneUIProvider/index.js';
|
|
@@ -129,16 +129,16 @@ export { u as useEllipsisDetection } from './useEllipsisDetection-4d997d5d.js';
|
|
|
129
129
|
import './tslib.es6-f211516f.js';
|
|
130
130
|
import './index-031ff73c.js';
|
|
131
131
|
import './style-inject.es-746bb8ed.js';
|
|
132
|
-
import './
|
|
133
|
-
import './configs-0ed1e326.js';
|
|
134
|
-
import './index-a0e4e333.js';
|
|
132
|
+
import './ArrowLeft-b88e2ba8.js';
|
|
135
133
|
import './dateValidation-67caec66.js';
|
|
136
134
|
import './_commonjsHelpers-24198af3.js';
|
|
137
135
|
import 'react-dom';
|
|
136
|
+
import './configs-34847b77.js';
|
|
137
|
+
import './_rollupPluginBabelHelpers-a83240e1.js';
|
|
138
|
+
import './index-a0e4e333.js';
|
|
138
139
|
import './checkboxRadioSwitcher-5b69d7bd.js';
|
|
139
140
|
import './guid-8ddf77b3.js';
|
|
140
141
|
import './localization-4ba17032.js';
|
|
141
|
-
import './Popover-f4d1cac0.js';
|
|
142
142
|
import './index-122432cd.js';
|
|
143
143
|
import './debounce-4419bc2f.js';
|
|
144
144
|
import './rangeAndSlider-693a3d41.js';
|
|
@@ -150,9 +150,9 @@ import './callAfterDelay-7272faca.js';
|
|
|
150
150
|
import './checkTimeValidation-e56771be.js';
|
|
151
151
|
import './hooks/useHover.js';
|
|
152
152
|
import './index-262edd7a.js';
|
|
153
|
-
import './index-
|
|
153
|
+
import './index-263b0f0b.js';
|
|
154
154
|
import './objectWithoutPropertiesLoose-e1596bdb.js';
|
|
155
155
|
import './clsx.m-2bb6df4b.js';
|
|
156
|
-
import './CellMeasurerCache-
|
|
157
|
-
import './
|
|
158
|
-
import './react-beautiful-dnd.esm-
|
|
156
|
+
import './CellMeasurerCache-281a5a2a.js';
|
|
157
|
+
import './redux-e591c1b8.js';
|
|
158
|
+
import './react-beautiful-dnd.esm-bb1d95fc.js';
|
|
@@ -20,7 +20,7 @@ export interface IButtonProps extends HTMLAttributes<HTMLButtonElement> {
|
|
|
20
20
|
* How to display inscription in relation to it's parent in Button <br/>
|
|
21
21
|
* Possible values: `default | content-size | full-width`
|
|
22
22
|
*/
|
|
23
|
-
flexibility
|
|
23
|
+
flexibility?: 'default' | 'content-size' | 'full-width';
|
|
24
24
|
/**
|
|
25
25
|
* Button color <br/>
|
|
26
26
|
* Possible values: `primary | confirm | danger | default`
|
|
@@ -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,58 @@
|
|
|
1
|
+
import { CSSProperties, JSX, MouseEvent, FC } from 'react';
|
|
2
|
+
import './Tooltip.scss';
|
|
3
|
+
interface ICustomPosition {
|
|
4
|
+
left?: number;
|
|
5
|
+
top?: number;
|
|
6
|
+
}
|
|
7
|
+
export interface ITooltipProps {
|
|
8
|
+
/**
|
|
9
|
+
* The Tooltip component size<br> Possible values: `default | small`
|
|
10
|
+
*/
|
|
11
|
+
size?: 'default' | 'small';
|
|
12
|
+
/**
|
|
13
|
+
* Main content for the component.
|
|
14
|
+
*/
|
|
15
|
+
text?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Title for the component.
|
|
18
|
+
*/
|
|
19
|
+
title?: string;
|
|
20
|
+
/**
|
|
21
|
+
* Style object, to have extra styles.
|
|
22
|
+
*/
|
|
23
|
+
style?: CSSProperties;
|
|
24
|
+
/**
|
|
25
|
+
* If `true` the component will be visible without any action.
|
|
26
|
+
*/
|
|
27
|
+
alwaysShow?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Will display the component in the specified location.
|
|
30
|
+
*/
|
|
31
|
+
customPosition?: ICustomPosition;
|
|
32
|
+
/**
|
|
33
|
+
* Any valid React node.
|
|
34
|
+
*/
|
|
35
|
+
children: JSX.Element | JSX.Element[];
|
|
36
|
+
/**
|
|
37
|
+
* Positions where will be displayed the Tooltip relates the child component.<br> Possible values: `top | right | bottom | left`
|
|
38
|
+
*/
|
|
39
|
+
position?: 'top' | 'right' | 'bottom' | 'left';
|
|
40
|
+
/**
|
|
41
|
+
* Tooltip padding related to the target element
|
|
42
|
+
*/
|
|
43
|
+
padding?: number;
|
|
44
|
+
/**
|
|
45
|
+
* Control with screenType appearance of component
|
|
46
|
+
*/
|
|
47
|
+
screenType?: 'desktop' | 'mobile';
|
|
48
|
+
/**
|
|
49
|
+
* In case of `false` value, the children component will rendered without Tooltip.
|
|
50
|
+
*/
|
|
51
|
+
isVisible?: boolean;
|
|
52
|
+
/**
|
|
53
|
+
* The action will triggered when the Tooltip component will clicked.
|
|
54
|
+
*/
|
|
55
|
+
onClick?: (e: MouseEvent) => void;
|
|
56
|
+
}
|
|
57
|
+
declare const Tooltip: FC<ITooltipProps>;
|
|
58
|
+
export default Tooltip;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ITooltipProps, default as default } from './Tooltip';
|
|
@@ -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 {
|
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-8d97069-19092024",
|
|
5
5
|
"author": "SoftConstruct",
|
|
6
6
|
"homepage": "https://github.com/softconstruct/gene-ui-components#readme",
|
|
7
7
|
"repository": {
|
|
@@ -158,7 +158,8 @@
|
|
|
158
158
|
},
|
|
159
159
|
"dependencies": {
|
|
160
160
|
"@geneui/icons": "^1.0.4",
|
|
161
|
-
"@geneui/tokens": "^1.
|
|
161
|
+
"@geneui/tokens": "^1.4.0-beta",
|
|
162
|
+
"@floating-ui/react": "^0.26.16",
|
|
162
163
|
"classnames": "^2.3.2",
|
|
163
164
|
"dayjs": "^1.11.5",
|
|
164
165
|
"draft-js": "^0.11.7",
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React__default, { useLayoutEffect, useEffect, useMemo as useMemo$1, useContext, useReducer, useRef, useState } from 'react';
|
|
2
2
|
import { a as _setPrototypeOf, b as _objectWithoutPropertiesLoose, c as _extends } from './objectWithoutPropertiesLoose-e1596bdb.js';
|
|
3
|
-
import {
|
|
3
|
+
import { c as compose, b as bindActionCreators$1, a as createStore$1, d as applyMiddleware } from './redux-e591c1b8.js';
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
5
|
+
import { r as reactIsExports$1 } from './index-49fbb32c.js';
|
|
5
6
|
import ReactDOM__default, { unstable_batchedUpdates } from 'react-dom';
|
|
6
7
|
|
|
7
8
|
function _inheritsLoose(t, o) {
|
|
@@ -533,275 +533,4 @@ function applyMiddleware() {
|
|
|
533
533
|
};
|
|
534
534
|
}
|
|
535
535
|
|
|
536
|
-
|
|
537
|
-
var reactIs = {
|
|
538
|
-
get exports(){ return reactIsExports; },
|
|
539
|
-
set exports(v){ reactIsExports = v; },
|
|
540
|
-
};
|
|
541
|
-
|
|
542
|
-
var reactIs_production_min = {};
|
|
543
|
-
|
|
544
|
-
/** @license React v17.0.2
|
|
545
|
-
* react-is.production.min.js
|
|
546
|
-
*
|
|
547
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
548
|
-
*
|
|
549
|
-
* This source code is licensed under the MIT license found in the
|
|
550
|
-
* LICENSE file in the root directory of this source tree.
|
|
551
|
-
*/
|
|
552
|
-
|
|
553
|
-
var hasRequiredReactIs_production_min;
|
|
554
|
-
|
|
555
|
-
function requireReactIs_production_min () {
|
|
556
|
-
if (hasRequiredReactIs_production_min) return reactIs_production_min;
|
|
557
|
-
hasRequiredReactIs_production_min = 1;
|
|
558
|
-
var b=60103,c=60106,d=60107,e=60108,f=60114,g=60109,h=60110,k=60112,l=60113,m=60120,n=60115,p=60116,q=60121,r=60122,u=60117,v=60129,w=60131;
|
|
559
|
-
if("function"===typeof Symbol&&Symbol.for){var x=Symbol.for;b=x("react.element");c=x("react.portal");d=x("react.fragment");e=x("react.strict_mode");f=x("react.profiler");g=x("react.provider");h=x("react.context");k=x("react.forward_ref");l=x("react.suspense");m=x("react.suspense_list");n=x("react.memo");p=x("react.lazy");q=x("react.block");r=x("react.server.block");u=x("react.fundamental");v=x("react.debug_trace_mode");w=x("react.legacy_hidden");}
|
|
560
|
-
function y(a){if("object"===typeof a&&null!==a){var t=a.$$typeof;switch(t){case b:switch(a=a.type,a){case d:case f:case e:case l:case m:return a;default:switch(a=a&&a.$$typeof,a){case h:case k:case p:case n:case g:return a;default:return t}}case c:return t}}}var z=g,A=b,B=k,C=d,D=p,E=n,F=c,G=f,H=e,I=l;reactIs_production_min.ContextConsumer=h;reactIs_production_min.ContextProvider=z;reactIs_production_min.Element=A;reactIs_production_min.ForwardRef=B;reactIs_production_min.Fragment=C;reactIs_production_min.Lazy=D;reactIs_production_min.Memo=E;reactIs_production_min.Portal=F;reactIs_production_min.Profiler=G;reactIs_production_min.StrictMode=H;
|
|
561
|
-
reactIs_production_min.Suspense=I;reactIs_production_min.isAsyncMode=function(){return !1};reactIs_production_min.isConcurrentMode=function(){return !1};reactIs_production_min.isContextConsumer=function(a){return y(a)===h};reactIs_production_min.isContextProvider=function(a){return y(a)===g};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===b};reactIs_production_min.isForwardRef=function(a){return y(a)===k};reactIs_production_min.isFragment=function(a){return y(a)===d};reactIs_production_min.isLazy=function(a){return y(a)===p};reactIs_production_min.isMemo=function(a){return y(a)===n};
|
|
562
|
-
reactIs_production_min.isPortal=function(a){return y(a)===c};reactIs_production_min.isProfiler=function(a){return y(a)===f};reactIs_production_min.isStrictMode=function(a){return y(a)===e};reactIs_production_min.isSuspense=function(a){return y(a)===l};reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===d||a===f||a===v||a===e||a===l||a===m||a===w||"object"===typeof a&&null!==a&&(a.$$typeof===p||a.$$typeof===n||a.$$typeof===g||a.$$typeof===h||a.$$typeof===k||a.$$typeof===u||a.$$typeof===q||a[0]===r)?!0:!1};
|
|
563
|
-
reactIs_production_min.typeOf=y;
|
|
564
|
-
return reactIs_production_min;
|
|
565
|
-
}
|
|
566
|
-
|
|
567
|
-
var reactIs_development = {};
|
|
568
|
-
|
|
569
|
-
/** @license React v17.0.2
|
|
570
|
-
* react-is.development.js
|
|
571
|
-
*
|
|
572
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
573
|
-
*
|
|
574
|
-
* This source code is licensed under the MIT license found in the
|
|
575
|
-
* LICENSE file in the root directory of this source tree.
|
|
576
|
-
*/
|
|
577
|
-
|
|
578
|
-
var hasRequiredReactIs_development;
|
|
579
|
-
|
|
580
|
-
function requireReactIs_development () {
|
|
581
|
-
if (hasRequiredReactIs_development) return reactIs_development;
|
|
582
|
-
hasRequiredReactIs_development = 1;
|
|
583
|
-
|
|
584
|
-
if (process.env.NODE_ENV !== "production") {
|
|
585
|
-
(function() {
|
|
586
|
-
|
|
587
|
-
// ATTENTION
|
|
588
|
-
// When adding new symbols to this file,
|
|
589
|
-
// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
|
|
590
|
-
// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
|
|
591
|
-
// nor polyfill, then a plain number is used for performance.
|
|
592
|
-
var REACT_ELEMENT_TYPE = 0xeac7;
|
|
593
|
-
var REACT_PORTAL_TYPE = 0xeaca;
|
|
594
|
-
var REACT_FRAGMENT_TYPE = 0xeacb;
|
|
595
|
-
var REACT_STRICT_MODE_TYPE = 0xeacc;
|
|
596
|
-
var REACT_PROFILER_TYPE = 0xead2;
|
|
597
|
-
var REACT_PROVIDER_TYPE = 0xeacd;
|
|
598
|
-
var REACT_CONTEXT_TYPE = 0xeace;
|
|
599
|
-
var REACT_FORWARD_REF_TYPE = 0xead0;
|
|
600
|
-
var REACT_SUSPENSE_TYPE = 0xead1;
|
|
601
|
-
var REACT_SUSPENSE_LIST_TYPE = 0xead8;
|
|
602
|
-
var REACT_MEMO_TYPE = 0xead3;
|
|
603
|
-
var REACT_LAZY_TYPE = 0xead4;
|
|
604
|
-
var REACT_BLOCK_TYPE = 0xead9;
|
|
605
|
-
var REACT_SERVER_BLOCK_TYPE = 0xeada;
|
|
606
|
-
var REACT_FUNDAMENTAL_TYPE = 0xead5;
|
|
607
|
-
var REACT_DEBUG_TRACING_MODE_TYPE = 0xeae1;
|
|
608
|
-
var REACT_LEGACY_HIDDEN_TYPE = 0xeae3;
|
|
609
|
-
|
|
610
|
-
if (typeof Symbol === 'function' && Symbol.for) {
|
|
611
|
-
var symbolFor = Symbol.for;
|
|
612
|
-
REACT_ELEMENT_TYPE = symbolFor('react.element');
|
|
613
|
-
REACT_PORTAL_TYPE = symbolFor('react.portal');
|
|
614
|
-
REACT_FRAGMENT_TYPE = symbolFor('react.fragment');
|
|
615
|
-
REACT_STRICT_MODE_TYPE = symbolFor('react.strict_mode');
|
|
616
|
-
REACT_PROFILER_TYPE = symbolFor('react.profiler');
|
|
617
|
-
REACT_PROVIDER_TYPE = symbolFor('react.provider');
|
|
618
|
-
REACT_CONTEXT_TYPE = symbolFor('react.context');
|
|
619
|
-
REACT_FORWARD_REF_TYPE = symbolFor('react.forward_ref');
|
|
620
|
-
REACT_SUSPENSE_TYPE = symbolFor('react.suspense');
|
|
621
|
-
REACT_SUSPENSE_LIST_TYPE = symbolFor('react.suspense_list');
|
|
622
|
-
REACT_MEMO_TYPE = symbolFor('react.memo');
|
|
623
|
-
REACT_LAZY_TYPE = symbolFor('react.lazy');
|
|
624
|
-
REACT_BLOCK_TYPE = symbolFor('react.block');
|
|
625
|
-
REACT_SERVER_BLOCK_TYPE = symbolFor('react.server.block');
|
|
626
|
-
REACT_FUNDAMENTAL_TYPE = symbolFor('react.fundamental');
|
|
627
|
-
symbolFor('react.scope');
|
|
628
|
-
symbolFor('react.opaque.id');
|
|
629
|
-
REACT_DEBUG_TRACING_MODE_TYPE = symbolFor('react.debug_trace_mode');
|
|
630
|
-
symbolFor('react.offscreen');
|
|
631
|
-
REACT_LEGACY_HIDDEN_TYPE = symbolFor('react.legacy_hidden');
|
|
632
|
-
}
|
|
633
|
-
|
|
634
|
-
// Filter certain DOM attributes (e.g. src, href) if their values are empty strings.
|
|
635
|
-
|
|
636
|
-
var enableScopeAPI = false; // Experimental Create Event Handle API.
|
|
637
|
-
|
|
638
|
-
function isValidElementType(type) {
|
|
639
|
-
if (typeof type === 'string' || typeof type === 'function') {
|
|
640
|
-
return true;
|
|
641
|
-
} // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || type === REACT_DEBUG_TRACING_MODE_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || type === REACT_LEGACY_HIDDEN_TYPE || enableScopeAPI ) {
|
|
645
|
-
return true;
|
|
646
|
-
}
|
|
647
|
-
|
|
648
|
-
if (typeof type === 'object' && type !== null) {
|
|
649
|
-
if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_BLOCK_TYPE || type[0] === REACT_SERVER_BLOCK_TYPE) {
|
|
650
|
-
return true;
|
|
651
|
-
}
|
|
652
|
-
}
|
|
653
|
-
|
|
654
|
-
return false;
|
|
655
|
-
}
|
|
656
|
-
|
|
657
|
-
function typeOf(object) {
|
|
658
|
-
if (typeof object === 'object' && object !== null) {
|
|
659
|
-
var $$typeof = object.$$typeof;
|
|
660
|
-
|
|
661
|
-
switch ($$typeof) {
|
|
662
|
-
case REACT_ELEMENT_TYPE:
|
|
663
|
-
var type = object.type;
|
|
664
|
-
|
|
665
|
-
switch (type) {
|
|
666
|
-
case REACT_FRAGMENT_TYPE:
|
|
667
|
-
case REACT_PROFILER_TYPE:
|
|
668
|
-
case REACT_STRICT_MODE_TYPE:
|
|
669
|
-
case REACT_SUSPENSE_TYPE:
|
|
670
|
-
case REACT_SUSPENSE_LIST_TYPE:
|
|
671
|
-
return type;
|
|
672
|
-
|
|
673
|
-
default:
|
|
674
|
-
var $$typeofType = type && type.$$typeof;
|
|
675
|
-
|
|
676
|
-
switch ($$typeofType) {
|
|
677
|
-
case REACT_CONTEXT_TYPE:
|
|
678
|
-
case REACT_FORWARD_REF_TYPE:
|
|
679
|
-
case REACT_LAZY_TYPE:
|
|
680
|
-
case REACT_MEMO_TYPE:
|
|
681
|
-
case REACT_PROVIDER_TYPE:
|
|
682
|
-
return $$typeofType;
|
|
683
|
-
|
|
684
|
-
default:
|
|
685
|
-
return $$typeof;
|
|
686
|
-
}
|
|
687
|
-
|
|
688
|
-
}
|
|
689
|
-
|
|
690
|
-
case REACT_PORTAL_TYPE:
|
|
691
|
-
return $$typeof;
|
|
692
|
-
}
|
|
693
|
-
}
|
|
694
|
-
|
|
695
|
-
return undefined;
|
|
696
|
-
}
|
|
697
|
-
var ContextConsumer = REACT_CONTEXT_TYPE;
|
|
698
|
-
var ContextProvider = REACT_PROVIDER_TYPE;
|
|
699
|
-
var Element = REACT_ELEMENT_TYPE;
|
|
700
|
-
var ForwardRef = REACT_FORWARD_REF_TYPE;
|
|
701
|
-
var Fragment = REACT_FRAGMENT_TYPE;
|
|
702
|
-
var Lazy = REACT_LAZY_TYPE;
|
|
703
|
-
var Memo = REACT_MEMO_TYPE;
|
|
704
|
-
var Portal = REACT_PORTAL_TYPE;
|
|
705
|
-
var Profiler = REACT_PROFILER_TYPE;
|
|
706
|
-
var StrictMode = REACT_STRICT_MODE_TYPE;
|
|
707
|
-
var Suspense = REACT_SUSPENSE_TYPE;
|
|
708
|
-
var hasWarnedAboutDeprecatedIsAsyncMode = false;
|
|
709
|
-
var hasWarnedAboutDeprecatedIsConcurrentMode = false; // AsyncMode should be deprecated
|
|
710
|
-
|
|
711
|
-
function isAsyncMode(object) {
|
|
712
|
-
{
|
|
713
|
-
if (!hasWarnedAboutDeprecatedIsAsyncMode) {
|
|
714
|
-
hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
|
|
715
|
-
|
|
716
|
-
console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 18+.');
|
|
717
|
-
}
|
|
718
|
-
}
|
|
719
|
-
|
|
720
|
-
return false;
|
|
721
|
-
}
|
|
722
|
-
function isConcurrentMode(object) {
|
|
723
|
-
{
|
|
724
|
-
if (!hasWarnedAboutDeprecatedIsConcurrentMode) {
|
|
725
|
-
hasWarnedAboutDeprecatedIsConcurrentMode = true; // Using console['warn'] to evade Babel and ESLint
|
|
726
|
-
|
|
727
|
-
console['warn']('The ReactIs.isConcurrentMode() alias has been deprecated, ' + 'and will be removed in React 18+.');
|
|
728
|
-
}
|
|
729
|
-
}
|
|
730
|
-
|
|
731
|
-
return false;
|
|
732
|
-
}
|
|
733
|
-
function isContextConsumer(object) {
|
|
734
|
-
return typeOf(object) === REACT_CONTEXT_TYPE;
|
|
735
|
-
}
|
|
736
|
-
function isContextProvider(object) {
|
|
737
|
-
return typeOf(object) === REACT_PROVIDER_TYPE;
|
|
738
|
-
}
|
|
739
|
-
function isElement(object) {
|
|
740
|
-
return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
|
|
741
|
-
}
|
|
742
|
-
function isForwardRef(object) {
|
|
743
|
-
return typeOf(object) === REACT_FORWARD_REF_TYPE;
|
|
744
|
-
}
|
|
745
|
-
function isFragment(object) {
|
|
746
|
-
return typeOf(object) === REACT_FRAGMENT_TYPE;
|
|
747
|
-
}
|
|
748
|
-
function isLazy(object) {
|
|
749
|
-
return typeOf(object) === REACT_LAZY_TYPE;
|
|
750
|
-
}
|
|
751
|
-
function isMemo(object) {
|
|
752
|
-
return typeOf(object) === REACT_MEMO_TYPE;
|
|
753
|
-
}
|
|
754
|
-
function isPortal(object) {
|
|
755
|
-
return typeOf(object) === REACT_PORTAL_TYPE;
|
|
756
|
-
}
|
|
757
|
-
function isProfiler(object) {
|
|
758
|
-
return typeOf(object) === REACT_PROFILER_TYPE;
|
|
759
|
-
}
|
|
760
|
-
function isStrictMode(object) {
|
|
761
|
-
return typeOf(object) === REACT_STRICT_MODE_TYPE;
|
|
762
|
-
}
|
|
763
|
-
function isSuspense(object) {
|
|
764
|
-
return typeOf(object) === REACT_SUSPENSE_TYPE;
|
|
765
|
-
}
|
|
766
|
-
|
|
767
|
-
reactIs_development.ContextConsumer = ContextConsumer;
|
|
768
|
-
reactIs_development.ContextProvider = ContextProvider;
|
|
769
|
-
reactIs_development.Element = Element;
|
|
770
|
-
reactIs_development.ForwardRef = ForwardRef;
|
|
771
|
-
reactIs_development.Fragment = Fragment;
|
|
772
|
-
reactIs_development.Lazy = Lazy;
|
|
773
|
-
reactIs_development.Memo = Memo;
|
|
774
|
-
reactIs_development.Portal = Portal;
|
|
775
|
-
reactIs_development.Profiler = Profiler;
|
|
776
|
-
reactIs_development.StrictMode = StrictMode;
|
|
777
|
-
reactIs_development.Suspense = Suspense;
|
|
778
|
-
reactIs_development.isAsyncMode = isAsyncMode;
|
|
779
|
-
reactIs_development.isConcurrentMode = isConcurrentMode;
|
|
780
|
-
reactIs_development.isContextConsumer = isContextConsumer;
|
|
781
|
-
reactIs_development.isContextProvider = isContextProvider;
|
|
782
|
-
reactIs_development.isElement = isElement;
|
|
783
|
-
reactIs_development.isForwardRef = isForwardRef;
|
|
784
|
-
reactIs_development.isFragment = isFragment;
|
|
785
|
-
reactIs_development.isLazy = isLazy;
|
|
786
|
-
reactIs_development.isMemo = isMemo;
|
|
787
|
-
reactIs_development.isPortal = isPortal;
|
|
788
|
-
reactIs_development.isProfiler = isProfiler;
|
|
789
|
-
reactIs_development.isStrictMode = isStrictMode;
|
|
790
|
-
reactIs_development.isSuspense = isSuspense;
|
|
791
|
-
reactIs_development.isValidElementType = isValidElementType;
|
|
792
|
-
reactIs_development.typeOf = typeOf;
|
|
793
|
-
})();
|
|
794
|
-
}
|
|
795
|
-
return reactIs_development;
|
|
796
|
-
}
|
|
797
|
-
|
|
798
|
-
(function (module) {
|
|
799
|
-
|
|
800
|
-
if (process.env.NODE_ENV === 'production') {
|
|
801
|
-
module.exports = requireReactIs_production_min();
|
|
802
|
-
} else {
|
|
803
|
-
module.exports = requireReactIs_development();
|
|
804
|
-
}
|
|
805
|
-
} (reactIs));
|
|
806
|
-
|
|
807
|
-
export { createStore as a, bindActionCreators as b, compose as c, applyMiddleware as d, reactIsExports as r };
|
|
536
|
+
export { createStore as a, bindActionCreators as b, compose as c, applyMiddleware as d };
|