@geneui/components 3.0.0-next-331eb7d-01102024 → 3.0.0-next-711fc51-03102024
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 +1 -1
- package/AdvancedSearch/index.js +1 -1
- package/Avatar/index.js +1 -1
- package/Breadcrumb/index.js +1 -1
- package/Card/index.js +1 -1
- package/CardList/index.js +3 -3
- package/{CellMeasurerCache-0b14f9d9.js → CellMeasurerCache-67fc611e.js} +1 -1
- package/Charts/index.js +1 -1
- package/CheckboxGroupWithSearch/index.js +1 -1
- package/Counter/index.js +1 -1
- package/DateFilter/index.js +1 -1
- package/DatePickerInput/index.js +1 -1
- package/Dropdown/index.js +2 -2
- package/ExtendedInput/index.js +1 -1
- package/Form/index.js +2 -2
- package/FormableDatePicker/index.js +1 -1
- package/FormableDropdown/index.js +2 -2
- package/FormableMultiSelectDropdown/index.js +2 -2
- package/FormableNumberInput/index.js +1 -1
- package/FormableTextInput/index.js +1 -1
- package/FormableUploader/index.js +1 -1
- package/GeneUIProvider/index.js +4 -1
- package/HelperText/index.js +3 -3
- package/ImagePreview/index.js +1 -1
- package/InteractiveWidget/index.js +1 -1
- package/Label/index.js +1 -1
- package/Loader/index.js +5 -4
- package/Menu/index.js +1 -1
- package/MobilePopup/index.js +1 -1
- package/NavigationMenu/index.js +1 -1
- package/Option/index.js +1 -1
- package/Overspread/index.js +2 -2
- package/Pagination/index.js +1 -1
- package/Pill/index.js +69 -0
- package/Profile/index.js +1 -1
- package/Range/index.js +1 -1
- package/Search/index.js +1 -1
- package/SearchWithDropdown/index.js +2 -2
- package/Slider/index.js +2 -2
- package/Table/index.js +4 -4
- package/TableCompositions/index.js +4 -4
- package/Textarea/index.js +1 -1
- package/TimePicker/index.js +1 -1
- package/TransferList/index.js +1 -1
- package/Uploader/index.js +1 -1
- package/ValidatableDatePicker/index.js +1 -1
- package/ValidatableDropdown/index.js +2 -2
- package/ValidatableElements/index.js +2 -2
- package/ValidatableMultiSelectDropdown/index.js +2 -2
- package/ValidatableNumberInput/index.js +1 -1
- package/ValidatableTextInput/index.js +1 -1
- package/ValidatableTimeInput/index.js +1 -1
- package/ValidatableUploader/index.js +1 -1
- package/{index-24537904.js → index-2dbdcb45.js} +1 -1
- package/{index-59637c99.js → index-f76fd058.js} +2 -2
- package/index.d.ts +1 -0
- package/index.js +6 -5
- package/lib/atoms/HelperText/HelperText.d.ts +5 -0
- package/lib/atoms/Pill/Pill.d.ts +50 -0
- package/lib/atoms/Pill/index.d.ts +1 -0
- package/lib/providers/GeneUIProvider/GeneUIProvider.d.ts +1 -0
- package/package.json +1 -1
- package/{rangeAndSlider-693a3d41.js → rangeAndSlider-6f97ee47.js} +5 -13
- package/{useEllipsisDetection-4d997d5d.js → useEllipsisDetection-c1c9ad94.js} +7 -3
package/ActionableList/index.js
CHANGED
|
@@ -26,7 +26,7 @@ import '../hooks/useDeviceType.js';
|
|
|
26
26
|
import '../hooks/useWindowSize.js';
|
|
27
27
|
import '../hooks/useDebounce.js';
|
|
28
28
|
import '../GeneUIProvider/index.js';
|
|
29
|
-
import '../useEllipsisDetection-
|
|
29
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
30
30
|
import '../SuggestionList/index.js';
|
|
31
31
|
import '../hooks/useKeyDown.js';
|
|
32
32
|
import '../hooks/useClickOutside.js';
|
package/AdvancedSearch/index.js
CHANGED
|
@@ -12,7 +12,7 @@ import { P as PopoverV2 } from '../index-5a08e021.js';
|
|
|
12
12
|
import ExtendedInput from '../ExtendedInput/index.js';
|
|
13
13
|
import CustomScrollbar from '../Scrollbar/index.js';
|
|
14
14
|
import LinkButton from '../LinkButton/index.js';
|
|
15
|
-
import { u as useEllipsisDetection } from '../useEllipsisDetection-
|
|
15
|
+
import { u as useEllipsisDetection } from '../useEllipsisDetection-c1c9ad94.js';
|
|
16
16
|
import Icon from '../Icon/index.js';
|
|
17
17
|
import Checkbox from '../Checkbox/index.js';
|
|
18
18
|
import { T as Tooltip } from '../index-0c18f902.js';
|
package/Avatar/index.js
CHANGED
|
@@ -22,7 +22,7 @@ var SvgSquare = function SvgSquare(_ref) {
|
|
|
22
22
|
}));
|
|
23
23
|
};
|
|
24
24
|
|
|
25
|
-
var css_248z = "[data-gene-ui-version=\"2.16.1\"] .avatar{align-items:center;border-radius:var(--guit-ref-radius-full);display:flex;justify-content:center;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"2.16.1\"] .avatar_size_6Xlarge{font-family:var(--guit-sem-font-heading-medium-semibold-font-family);font-size:var(--guit-sem-font-heading-medium-semibold-font-size);font-weight:var(--guit-sem-font-heading-medium-semibold-font-weight);height:var(--guit-sem-dimension-height-6xlarge);line-height:var(--guit-sem-font-heading-medium-semibold-line-height);width:var(--guit-sem-dimension-width-6xlarge)}[data-gene-ui-version=\"2.16.1\"] .avatar_size_large{height:var(--guit-sem-dimension-height-large);width:var(--guit-sem-dimension-width-large)}[data-gene-ui-version=\"2.16.1\"] .avatar_size_large,[data-gene-ui-version=\"2.16.1\"] .avatar_size_medium{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}[data-gene-ui-version=\"2.16.1\"] .avatar_size_medium{height:var(--guit-sem-dimension-height-medium);width:var(--guit-sem-dimension-width-medium)}[data-gene-ui-version=\"2.16.1\"] .avatar_size_small{font-family:var(--guit-sem-font-label-small-default-medium-font-family);font-size:var(--guit-sem-font-label-small-default-medium-font-size);font-weight:var(--guit-sem-font-label-small-default-medium-font-weight);height:var(--guit-sem-dimension-height-small);line-height:var(--guit-sem-font-label-small-default-medium-line-height);width:var(--guit-sem-dimension-width-small)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_neutral{background-color:var(--guit-sem-color-background-neutral-2);color:var(--guit-sem-color-foreground-neutral-2)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_blue{background-color:var(--guit-sem-color-background-accent-blue-1);color:var(--guit-sem-color-foreground-accent-blue)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_red{background-color:var(--guit-sem-color-background-accent-red-1);color:var(--guit-sem-color-foreground-accent-red)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_green{background-color:var(--guit-sem-color-background-accent-green-1);color:var(--guit-sem-color-foreground-accent-green)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_purple{background-color:var(--guit-sem-color-background-accent-purple-1);color:var(--guit-sem-color-foreground-accent-purple)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_orange{background-color:var(--guit-sem-color-background-accent-orange-1);color:var(--guit-sem-color-foreground-accent-orange)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_lagoon{background-color:var(--guit-sem-color-background-accent-lagoon-1);color:var(--guit-sem-color-foreground-accent-lagoon)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_magenta{background-color:var(--guit-sem-color-background-accent-magenta-1);color:var(--guit-sem-color-foreground-accent-magenta)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_slate{background-color:var(--guit-sem-color-background-accent-slate-1);color:var(--guit-sem-color-foreground-accent-slate)}[data-gene-ui-version=\"2.16.1\"] .avatar__image{display:block;height:100%;object-fit:cover;object-position:center;width:100%}[data-gene-ui-version=\"2.16.1\"] .avatar__text{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-transform:uppercase}[data-gene-ui-version=\"2.16.1\"] .avatar:
|
|
25
|
+
var css_248z = "[data-gene-ui-version=\"2.16.1\"] .avatar{align-items:center;border-radius:var(--guit-ref-radius-full);display:flex;justify-content:center;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"2.16.1\"] .avatar_size_6Xlarge{font-family:var(--guit-sem-font-heading-medium-semibold-font-family);font-size:var(--guit-sem-font-heading-medium-semibold-font-size);font-weight:var(--guit-sem-font-heading-medium-semibold-font-weight);height:var(--guit-sem-dimension-height-6xlarge);line-height:var(--guit-sem-font-heading-medium-semibold-line-height);width:var(--guit-sem-dimension-width-6xlarge)}[data-gene-ui-version=\"2.16.1\"] .avatar_size_large{height:var(--guit-sem-dimension-height-large);width:var(--guit-sem-dimension-width-large)}[data-gene-ui-version=\"2.16.1\"] .avatar_size_large,[data-gene-ui-version=\"2.16.1\"] .avatar_size_medium{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}[data-gene-ui-version=\"2.16.1\"] .avatar_size_medium{height:var(--guit-sem-dimension-height-medium);width:var(--guit-sem-dimension-width-medium)}[data-gene-ui-version=\"2.16.1\"] .avatar_size_small{font-family:var(--guit-sem-font-label-small-default-medium-font-family);font-size:var(--guit-sem-font-label-small-default-medium-font-size);font-weight:var(--guit-sem-font-label-small-default-medium-font-weight);height:var(--guit-sem-dimension-height-small);line-height:var(--guit-sem-font-label-small-default-medium-line-height);width:var(--guit-sem-dimension-width-small)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_neutral{background-color:var(--guit-sem-color-background-neutral-2);color:var(--guit-sem-color-foreground-neutral-2)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_blue{background-color:var(--guit-sem-color-background-accent-blue-1);color:var(--guit-sem-color-foreground-accent-blue)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_red{background-color:var(--guit-sem-color-background-accent-red-1);color:var(--guit-sem-color-foreground-accent-red)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_green{background-color:var(--guit-sem-color-background-accent-green-1);color:var(--guit-sem-color-foreground-accent-green)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_purple{background-color:var(--guit-sem-color-background-accent-purple-1);color:var(--guit-sem-color-foreground-accent-purple)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_orange{background-color:var(--guit-sem-color-background-accent-orange-1);color:var(--guit-sem-color-foreground-accent-orange)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_lagoon{background-color:var(--guit-sem-color-background-accent-lagoon-1);color:var(--guit-sem-color-foreground-accent-lagoon)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_magenta{background-color:var(--guit-sem-color-background-accent-magenta-1);color:var(--guit-sem-color-foreground-accent-magenta)}[data-gene-ui-version=\"2.16.1\"] .avatar_color_slate{background-color:var(--guit-sem-color-background-accent-slate-1);color:var(--guit-sem-color-foreground-accent-slate)}[data-gene-ui-version=\"2.16.1\"] .avatar__image{display:block;height:100%;object-fit:cover;object-position:center;width:100%}[data-gene-ui-version=\"2.16.1\"] .avatar__text{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-transform:uppercase}[data-gene-ui-version=\"2.16.1\"] .avatar:active:before,[data-gene-ui-version=\"2.16.1\"] .avatar:hover:before,[data-gene-ui-version=\"2.16.1\"] .avatar_disabled:before{content:\"\";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}[data-gene-ui-version=\"2.16.1\"] .avatar_button{cursor:pointer}[data-gene-ui-version=\"2.16.1\"] .avatar_button:hover:before{background-color:var(--guit-sem-color-background-transparent-1-hover)}[data-gene-ui-version=\"2.16.1\"] .avatar_button:active:before{background-color:var(--guit-sem-color-background-transparent-1-pressed)}[data-gene-ui-version=\"2.16.1\"] .avatar_disabled{pointer-events:none}[data-gene-ui-version=\"2.16.1\"] .avatar_disabled:before{background-color:var(--guit-sem-color-background-transparent-inverse-disabled)}";
|
|
26
26
|
styleInject(css_248z);
|
|
27
27
|
|
|
28
28
|
const iconSizes = {
|
package/Breadcrumb/index.js
CHANGED
|
@@ -24,7 +24,7 @@ import '../Portal/index.js';
|
|
|
24
24
|
import '../Scrollbar/index.js';
|
|
25
25
|
import '../guid-8ddf77b3.js';
|
|
26
26
|
import '../Option/index.js';
|
|
27
|
-
import '../useEllipsisDetection-
|
|
27
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
28
28
|
import '../index-0c18f902.js';
|
|
29
29
|
|
|
30
30
|
function BreadcrumbItem(_ref) {
|
package/Card/index.js
CHANGED
|
@@ -29,7 +29,7 @@ import '../hooks/useUpdatableRef.js';
|
|
|
29
29
|
import '../hooks/useForceUpdate.js';
|
|
30
30
|
import '../Scrollbar/index.js';
|
|
31
31
|
import '../Option/index.js';
|
|
32
|
-
import '../useEllipsisDetection-
|
|
32
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
33
33
|
import '../index-0c18f902.js';
|
|
34
34
|
|
|
35
35
|
function CardMenu(_ref) {
|
package/CardList/index.js
CHANGED
|
@@ -4,8 +4,8 @@ import PropTypes from 'prop-types';
|
|
|
4
4
|
import { c as classnames } from '../index-031ff73c.js';
|
|
5
5
|
import ModuleTitle from '../ModuleTitle/index.js';
|
|
6
6
|
import Paper from '../Paper/index.js';
|
|
7
|
-
import { D as Dropdown, I as InfiniteLoader, W as WindowScroller, L as List, C as CellMeasurer } from '../index-
|
|
8
|
-
import { C as CellMeasurerCache } from '../CellMeasurerCache-
|
|
7
|
+
import { D as Dropdown, I as InfiniteLoader, W as WindowScroller, L as List, C as CellMeasurer } from '../index-2dbdcb45.js';
|
|
8
|
+
import { C as CellMeasurerCache } from '../CellMeasurerCache-67fc611e.js';
|
|
9
9
|
import { o as oneIsRequired, n as noop } from '../index-5f37f281.js';
|
|
10
10
|
import BusyLoader from '../BusyLoader/index.js';
|
|
11
11
|
import Empty from '../Empty/index.js';
|
|
@@ -32,7 +32,7 @@ import '../hooks/useKeyDown.js';
|
|
|
32
32
|
import '../hooks/useClickOutside.js';
|
|
33
33
|
import '../hooks/useUpdatableRef.js';
|
|
34
34
|
import '../hooks/useForceUpdate.js';
|
|
35
|
-
import '../useEllipsisDetection-
|
|
35
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
36
36
|
import '../index-5a08e021.js';
|
|
37
37
|
import '../index-122432cd.js';
|
|
38
38
|
import '../Scrollbar/index.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as _createClass, a as _classCallCheck } from './index-
|
|
1
|
+
import { _ as _createClass, a as _classCallCheck } from './index-2dbdcb45.js';
|
|
2
2
|
import { _ as _defineProperty } from './objectWithoutPropertiesLoose-e1596bdb.js';
|
|
3
3
|
|
|
4
4
|
var DEFAULT_HEIGHT = 30;
|
package/Charts/index.js
CHANGED
|
@@ -21,7 +21,7 @@ import '../hooks/useDebounce.js';
|
|
|
21
21
|
import '../ArrowLeft-b88e2ba8.js';
|
|
22
22
|
import '../index-0c18f902.js';
|
|
23
23
|
import '../GeneUIProvider/index.js';
|
|
24
|
-
import '../useEllipsisDetection-
|
|
24
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
25
25
|
|
|
26
26
|
var css_248z$h = "[data-gene-ui-version=\"2.16.1\"] .highcharts-container *{font-family:var(--font-family)!important}[data-gene-ui-version=\"2.16.1\"] .highcharts-container * .highcharts-column-series{opacity:1!important}[data-gene-ui-version=\"2.16.1\"] .fullWidth{width:100%}[data-gene-ui-version=\"2.16.1\"] .chart-selected-title{display:flex!important;justify-content:center;position:absolute;top:2rem;z-index:1}[data-gene-ui-version=\"2.16.1\"] .chart-selected-title span{background-color:#fff;border-radius:2.2rem;box-shadow:0 .2rem .4rem 0 #3c40431a;font-size:1.5rem;height:4.4rem;line-height:4.4rem;padding:0 2rem}[data-gene-ui-version=\"2.16.1\"] .chart-activity-table{align-items:center;display:flex!important;flex-direction:column;justify-content:center}[data-gene-ui-version=\"2.16.1\"] .chart-activity-table.active .view-activity .icon{transform:rotate(270deg)}[data-gene-ui-version=\"2.16.1\"] .chart-activity-table.active .chart-activity-data{transform:translateY(0)}[data-gene-ui-version=\"2.16.1\"] .chart-activity-table .chart-activity-data{background-color:#fff;display:flex;flex-direction:column;height:100%;left:0;overflow:hidden;position:absolute;top:0;transform:translateY(100%);width:100%;z-index:2}[data-gene-ui-version=\"2.16.1\"] .chart-activity-table .chart-activity-data .chart-activity-title{color:#3c4043cc;cursor:pointer;display:inline-flex;flex-direction:column;justify-content:center;padding-top:1rem;text-align:center}[data-gene-ui-version=\"2.16.1\"] .chart-activity-table .chart-activity-data .chart-activity-title span{color:#3c4043;font-size:2.2rem}[data-gene-ui-version=\"2.16.1\"] .chart-activity-table .chart-activity-data .chart-activity-title .icon{height:2.5rem;transform:rotate(-90deg)}[data-gene-ui-version=\"2.16.1\"] .chart-activity-table .view-activity{color:#3c4043cc;cursor:pointer;display:inline-flex;flex-direction:column;justify-content:center;position:relative;text-align:center;top:-.5rem}[data-gene-ui-version=\"2.16.1\"] .chart-activity-table .view-activity span{font-size:1.5rem}[data-gene-ui-version=\"2.16.1\"] .chart-activity-table .view-activity .icon{height:2.5rem;transform:rotate(90deg)}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block{display:flex!important;flex-direction:column;min-width:inherit!important;padding:1.2rem;position:absolute;right:2rem;top:6rem}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block:before{background-color:#ffffffbf;content:\"\";height:100%;left:1.2rem;position:absolute;top:0;width:1.2rem}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block:after{background-color:#ffffffbf;content:\"\";height:100%;position:absolute;right:1.2rem;top:0;width:1.5rem}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block .custom-legends-content{display:flex;flex-direction:row;overflow-x:auto;padding-bottom:15px;padding-right:1.5rem}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block.mobile{flex-direction:row;margin:0 auto;max-width:36rem;padding:1.2rem;position:relative;right:0;top:0;width:100%}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block.mobile .chart-legend-item{margin-bottom:0}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block.mobile .chart-legend-item:first-child{margin-left:1.2rem}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block.mobile .chart-legend-item:last-child{padding-right:1.5rem}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block.mobile .chart-legend-item .chart-legend-symbol{height:1rem;width:1rem}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block.mobile .chart-legend-item .chart-legend-text{font-size:1.4rem;font-weight:400}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block .chart-legend-item{align-items:center;cursor:pointer;display:flex;margin-bottom:1rem;padding:.6rem}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block .chart-legend-item.disabled{color:#3c404380}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block .chart-legend-item.disabled .chart-legend-symbol{background-color:initial!important}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block .chart-legend-item .chart-legend-symbol{border-radius:50%;border-style:solid;border-width:2px;height:1.4rem;margin-right:1rem;width:1.4rem}[data-gene-ui-version=\"2.16.1\"] .chart-lengend-block .chart-legend-item .chart-legend-text{font-size:1.5rem;font-weight:600;white-space:nowrap}[data-gene-ui-version=\"2.16.1\"] .highcharts-tooltip{z-index:3}[data-gene-ui-version=\"2.16.1\"] .highcharts-tooltip .highcharts-label-box.highcharts-shadow{display:none}[data-gene-ui-version=\"2.16.1\"] .highcharts-tooltip .highcharts-label-box.highcharts-tooltip-box{stroke:none;fill:#000000b3}[data-gene-ui-version=\"2.16.1\"] .highcharts-tooltip span,[data-gene-ui-version=\"2.16.1\"] .highcharts-tooltip text{fill:#fff!important;color:#fff!important}[data-gene-ui-version=\"2.16.1\"] .highcharts-tooltip span,[data-gene-ui-version=\"2.16.1\"] .highcharts-tooltip text,[data-gene-ui-version=\"2.16.1\"] .highcharts-tooltip tspan{font:600 1.2rem var(--font-family)!important}[data-gene-ui-version=\"2.16.1\"] .highcharts-tooltip ul{padding:0 0 0 1.4rem}[data-gene-ui-version=\"2.16.1\"] .highcharts-tooltip ul li{display:list-item}[data-gene-ui-version=\"2.16.1\"] .highcharts-button path,[data-gene-ui-version=\"2.16.1\"] .highcharts-button rect{fill:#0009!important;stroke:none;cursor:pointer}[data-gene-ui-version=\"2.16.1\"] .highcharts-button:hover path,[data-gene-ui-version=\"2.16.1\"] .highcharts-button:hover rect{fill:#000c!important}[data-gene-ui-version=\"2.16.1\"] .highcharts-button text{fill:#fff!important}[data-gene-ui-version=\"2.16.1\"] .highcharts-credits{display:none!important}[data-gene-ui-version=\"2.16.1\"] .axisText{color:#3c4043;font-family:var(--font-family)!important;font-size:1.6rem;font-weight:700}[data-gene-ui-version=\"2.16.1\"] .hs-tooltip{border:none;color:#fff;font-size:1.4rem;font-weight:600;text-align:center}[data-gene-ui-version=\"2.16.1\"] .hs-tooltip .fixed{height:25rem!important;width:25rem!important}[data-gene-ui-version=\"2.16.1\"] .hs-tooltip.tree-map-tp{font:600 1.4rem/1.36 var(--font-family);max-width:19.6rem;text-align:start;white-space:normal;width:-webkit-max-content;width:max-content}[data-gene-ui-version=\"2.16.1\"] .hs-tooltip.tree-map-tp p{margin:0 0 1.6rem}[data-gene-ui-version=\"2.16.1\"] .hs-tooltip.tree-map-tp small{display:block;font-size:1.2rem;line-height:1.42}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder{-webkit-overflow-scrolling:touch;background-color:#fff;overflow-x:auto;overflow-y:hidden;position:relative;width:100%}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.direction-row{align-content:stretch;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;width:100%}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.direction-row .highcharts-container{margin:0 auto}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.mobile .chart-title{font-size:1.8rem}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.mobile .chart-subtitle{font-size:1.6rem}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder .chart-subtitle,[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder .chart-title{color:#3c4043;padding:.6rem 0;text-align:center;z-index:1}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder .chart-title{font-size:2rem;font-weight:600}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder .chart-subtitle{font-size:1.8rem;font-weight:400}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.charts-donut-chart .highcharts-graph,[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.charts-pie-chart .highcharts-graph{stroke:none;fill:#3c404305}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.charts-donut-chart{position:relative}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.charts-donut-chart.mobile .highcharts-title{font-size:2.3rem}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.charts-donut-chart.empty .chart-subtitle{color:#3c404380}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.charts-donut-chart.empty .highcharts-title{color:#3c404380!important;z-index:3}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.charts-donut-chart .highcharts-root{position:relative;z-index:2}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.charts-donut-chart .highcharts-root .highcharts-background{fill:#0000}[data-gene-ui-version=\"2.16.1\"] .chart-overflow-holder.charts-donut-chart .highcharts-title{align-items:center;background-color:#fff;border-radius:100%;display:flex!important;flex-direction:column;justify-content:center;left:calc(50% + 5px)!important;margin:0;overflow:hidden;text-align:center;top:calc(50% - 3px)!important;transform:translate(-50%,-50%);z-index:1}";
|
|
27
27
|
styleInject(css_248z$h);
|
|
@@ -20,7 +20,7 @@ import '../Icon/index.js';
|
|
|
20
20
|
import '../hooks/useDeviceType.js';
|
|
21
21
|
import '../hooks/useWindowSize.js';
|
|
22
22
|
import '../hooks/useDebounce.js';
|
|
23
|
-
import '../useEllipsisDetection-
|
|
23
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
24
24
|
import '../SuggestionList/index.js';
|
|
25
25
|
import '../hooks/useClickOutside.js';
|
|
26
26
|
import '../config-1053d64d.js';
|
package/Counter/index.js
CHANGED
|
@@ -17,7 +17,7 @@ import '../tslib.es6-f211516f.js';
|
|
|
17
17
|
import '../Icon/index.js';
|
|
18
18
|
import '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
19
19
|
import '../ArrowLeft-b88e2ba8.js';
|
|
20
|
-
import '../useEllipsisDetection-
|
|
20
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
21
21
|
import '../hooks/useDebounce.js';
|
|
22
22
|
import '../hooks/useDeviceType.js';
|
|
23
23
|
import '../hooks/useWindowSize.js';
|
package/DateFilter/index.js
CHANGED
|
@@ -25,7 +25,7 @@ import '../Scrollbar/index.js';
|
|
|
25
25
|
import '../GeneUIProvider/index.js';
|
|
26
26
|
import '../debounce-4419bc2f.js';
|
|
27
27
|
import '../ExtendedInput/index.js';
|
|
28
|
-
import '../useEllipsisDetection-
|
|
28
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
29
29
|
import '../SuggestionList/index.js';
|
|
30
30
|
import '../config-1053d64d.js';
|
|
31
31
|
import '../callAfterDelay-7272faca.js';
|
package/DatePickerInput/index.js
CHANGED
|
@@ -22,7 +22,7 @@ import '../hooks/useClickOutside.js';
|
|
|
22
22
|
import '../Scrollbar/index.js';
|
|
23
23
|
import '../GeneUIProvider/index.js';
|
|
24
24
|
import '../debounce-4419bc2f.js';
|
|
25
|
-
import '../useEllipsisDetection-
|
|
25
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
26
26
|
import '../Icon/index.js';
|
|
27
27
|
import '../SuggestionList/index.js';
|
|
28
28
|
import '../config-1053d64d.js';
|
package/Dropdown/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
2
2
|
import 'react';
|
|
3
|
-
export { D as default } from '../index-
|
|
3
|
+
export { D as default } from '../index-2dbdcb45.js';
|
|
4
4
|
import '../index-031ff73c.js';
|
|
5
5
|
import 'prop-types';
|
|
6
6
|
import '../hooks/useMount.js';
|
|
@@ -9,7 +9,7 @@ import '../hooks/useKeyDown.js';
|
|
|
9
9
|
import '../hooks/useDeviceType.js';
|
|
10
10
|
import '../hooks/useClickOutside.js';
|
|
11
11
|
import '../hooks/useUpdatableRef.js';
|
|
12
|
-
import '../useEllipsisDetection-
|
|
12
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
13
13
|
import '../configs-34847b77.js';
|
|
14
14
|
import '../index-5f37f281.js';
|
|
15
15
|
import '../BusyLoader/index.js';
|
package/ExtendedInput/index.js
CHANGED
|
@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
|
|
|
5
5
|
import { i as inputConfig, s as screenTypes } from '../configs-34847b77.js';
|
|
6
6
|
import { n as noop, s as stopEvent } from '../index-5f37f281.js';
|
|
7
7
|
import useDeviceType from '../hooks/useDeviceType.js';
|
|
8
|
-
import { u as useEllipsisDetection } from '../useEllipsisDetection-
|
|
8
|
+
import { u as useEllipsisDetection } from '../useEllipsisDetection-c1c9ad94.js';
|
|
9
9
|
import Icon from '../Icon/index.js';
|
|
10
10
|
import SuggestionList from '../SuggestionList/index.js';
|
|
11
11
|
import { T as Tooltip } from '../index-0c18f902.js';
|
package/Form/index.js
CHANGED
|
@@ -27,7 +27,7 @@ import '../index-262edd7a.js';
|
|
|
27
27
|
import '../ValidatableMultiSelectDropdown/index.js';
|
|
28
28
|
import '../hooks/useMount.js';
|
|
29
29
|
import '../configs-34847b77.js';
|
|
30
|
-
import '../index-
|
|
30
|
+
import '../index-2dbdcb45.js';
|
|
31
31
|
import '../objectWithoutPropertiesLoose-e1596bdb.js';
|
|
32
32
|
import '../react-lifecycles-compat.es-6e1f3768.js';
|
|
33
33
|
import '../clsx.m-2bb6df4b.js';
|
|
@@ -39,7 +39,7 @@ import '../hooks/useDebounce.js';
|
|
|
39
39
|
import '../hooks/useClickOutside.js';
|
|
40
40
|
import '../hooks/useUpdatableRef.js';
|
|
41
41
|
import '../hooks/useForceUpdate.js';
|
|
42
|
-
import '../useEllipsisDetection-
|
|
42
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
43
43
|
import '../BusyLoader/index.js';
|
|
44
44
|
import '../Empty/index.js';
|
|
45
45
|
import '../index-5a08e021.js';
|
|
@@ -26,7 +26,7 @@ import '../Scrollbar/index.js';
|
|
|
26
26
|
import '../GeneUIProvider/index.js';
|
|
27
27
|
import '../debounce-4419bc2f.js';
|
|
28
28
|
import '../ExtendedInput/index.js';
|
|
29
|
-
import '../useEllipsisDetection-
|
|
29
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
30
30
|
import '../Icon/index.js';
|
|
31
31
|
import '../SuggestionList/index.js';
|
|
32
32
|
import '../config-1053d64d.js';
|
|
@@ -11,7 +11,7 @@ import '../hooks/useMount.js';
|
|
|
11
11
|
import '../configs-34847b77.js';
|
|
12
12
|
import '../index-262edd7a.js';
|
|
13
13
|
import '../guid-8ddf77b3.js';
|
|
14
|
-
import '../index-
|
|
14
|
+
import '../index-2dbdcb45.js';
|
|
15
15
|
import '../objectWithoutPropertiesLoose-e1596bdb.js';
|
|
16
16
|
import '../react-lifecycles-compat.es-6e1f3768.js';
|
|
17
17
|
import '../clsx.m-2bb6df4b.js';
|
|
@@ -24,7 +24,7 @@ import '../hooks/useDebounce.js';
|
|
|
24
24
|
import '../hooks/useClickOutside.js';
|
|
25
25
|
import '../hooks/useUpdatableRef.js';
|
|
26
26
|
import '../hooks/useForceUpdate.js';
|
|
27
|
-
import '../useEllipsisDetection-
|
|
27
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
28
28
|
import '../BusyLoader/index.js';
|
|
29
29
|
import '../Icon/index.js';
|
|
30
30
|
import '../style-inject.es-746bb8ed.js';
|
|
@@ -11,7 +11,7 @@ import '../hooks/useMount.js';
|
|
|
11
11
|
import '../configs-34847b77.js';
|
|
12
12
|
import '../index-262edd7a.js';
|
|
13
13
|
import '../guid-8ddf77b3.js';
|
|
14
|
-
import '../index-
|
|
14
|
+
import '../index-2dbdcb45.js';
|
|
15
15
|
import '../objectWithoutPropertiesLoose-e1596bdb.js';
|
|
16
16
|
import '../react-lifecycles-compat.es-6e1f3768.js';
|
|
17
17
|
import '../clsx.m-2bb6df4b.js';
|
|
@@ -24,7 +24,7 @@ import '../hooks/useDebounce.js';
|
|
|
24
24
|
import '../hooks/useClickOutside.js';
|
|
25
25
|
import '../hooks/useUpdatableRef.js';
|
|
26
26
|
import '../hooks/useForceUpdate.js';
|
|
27
|
-
import '../useEllipsisDetection-
|
|
27
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
28
28
|
import '../BusyLoader/index.js';
|
|
29
29
|
import '../Icon/index.js';
|
|
30
30
|
import '../style-inject.es-746bb8ed.js';
|
|
@@ -16,7 +16,7 @@ import '../index-031ff73c.js';
|
|
|
16
16
|
import '../hooks/useDeviceType.js';
|
|
17
17
|
import '../hooks/useWindowSize.js';
|
|
18
18
|
import '../hooks/useDebounce.js';
|
|
19
|
-
import '../useEllipsisDetection-
|
|
19
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
20
20
|
import '../Icon/index.js';
|
|
21
21
|
import '../style-inject.es-746bb8ed.js';
|
|
22
22
|
import '../SuggestionList/index.js';
|
|
@@ -16,7 +16,7 @@ import '../index-031ff73c.js';
|
|
|
16
16
|
import '../hooks/useDeviceType.js';
|
|
17
17
|
import '../hooks/useWindowSize.js';
|
|
18
18
|
import '../hooks/useDebounce.js';
|
|
19
|
-
import '../useEllipsisDetection-
|
|
19
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
20
20
|
import '../Icon/index.js';
|
|
21
21
|
import '../style-inject.es-746bb8ed.js';
|
|
22
22
|
import '../SuggestionList/index.js';
|
|
@@ -21,7 +21,7 @@ import '../ExtendedInput/index.js';
|
|
|
21
21
|
import '../hooks/useDeviceType.js';
|
|
22
22
|
import '../hooks/useWindowSize.js';
|
|
23
23
|
import '../hooks/useDebounce.js';
|
|
24
|
-
import '../useEllipsisDetection-
|
|
24
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
25
25
|
import '../SuggestionList/index.js';
|
|
26
26
|
import '../hooks/useKeyDown.js';
|
|
27
27
|
import '../hooks/useClickOutside.js';
|
package/GeneUIProvider/index.js
CHANGED
|
@@ -1445,7 +1445,10 @@ var pgk = {
|
|
|
1445
1445
|
license: license
|
|
1446
1446
|
};
|
|
1447
1447
|
|
|
1448
|
-
var css_248z = "@import \"https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap\";:root{--font-family:\"Open Sans\",\"Arial\",\"Helvetica Neue\",sans-serif;--hero:#1473e6;--confirm:#2bc784;--warning:#e6af57;--danger:#e64e48;--note:#fdc625;--message:#8bd779;--background:#fff;--foreground:#3d3d5f;--hero-hover:#1267cf;--hero-sc:#fff;--hero-rgb:20,115,230;--hero-sc-rgb:255,255,255;--confirm-hover:#26b276;--confirm-sc:#fff;--confirm-rgb:43,199,132;--confirm-sc-rgb:255,255,255;--warning-hover:#e3a441;--warning-sc:#fff;--warning-rgb:230,175,87;--warning-sc-rgb:255,255,255;--danger-hover:#e33832;--danger-sc:#fff;--danger-rgb:230,78,72;--danger-sc-rgb:255,255,255;--note-hover:#fdbf0c;--note-sc:#000;--note-rgb:253,198,37;--note-sc-rgb:0,0,0;--message-hover:#7ad165;--message-sc:#000;--message-rgb:139,215,121;--message-sc-rgb:0,0,0;--background-hover:#f2f2f2;--background-sc:#000;--background-rgb:255,255,255;--background-sc-rgb:0,0,0;--foreground-hover:#33334f;--foreground-sc:#fff;--foreground-rgb:61,61,95;--foreground-sc-rgb:255,255,255}.invert-colors{--background:var(--foreground);--background-hover:var(--foreground-hover);--background-sc:var(--foreground-sc);--background-rgb:var(--foreground-rgb);--background-sc-rgb:var(--foreground-sc-rgb)}*{-webkit-font-smoothing:subpixel-antialiased;-webkit-tap-highlight-color:transparent;background:none;border:0;border-radius:0;margin:0;outline:0;padding:0;vertical-align:top}*,:after,:before{box-sizing:border-box}@media screen and (min-width:1024px){:not(main)::-webkit-scrollbar{height:var(--scrollbar-size,16px);width:var(--scrollbar-size,16px)}:not(main)::-webkit-scrollbar-button,:not(main)::-webkit-scrollbar-corner{display:none}:not(main)::-webkit-scrollbar-thumb{background:rgba(var(--background-sc-rgb),.05) content-box;border:var(--scrollbar-space,4px) solid #0000;border-radius:var(--scrollbar-size,16px)}:not(main)::-webkit-scrollbar-thumb:active,:not(main)::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--background-sc-rgb),.1)}:not(main)::-webkit-scrollbar-track{background:#0000}}a{color:inherit;text-decoration:none;transition:color .3s,background .3s}table{border-collapse:collapse;border-spacing:0;width:100%}img,svg{display:block;max-width:100%}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;color:inherit;display:block;font:inherit}button::input-placeholder,input::input-placeholder,optgroup::input-placeholder,select::input-placeholder,textarea::input-placeholder{font-family:inherit;opacity:1}button:placeholder,input:placeholder,optgroup:placeholder,select:placeholder,textarea:placeholder{font-family:inherit;opacity:1}button::placeholder,input::placeholder,optgroup::placeholder,select::placeholder,textarea::placeholder{font-family:inherit;opacity:1}button:input-placeholder,input:input-placeholder,optgroup:input-placeholder,select:input-placeholder,textarea:input-placeholder{font-family:inherit;opacity:1}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--page-background,#f0f2f5);color:rgba(var(--background-sc-rgb),.75);font:10px/1.15 var(--font-family);height:100%;max-width:100vw}html.view-small{font-size:8.12px}html.view-normal{font-size:9.12px}html #root,html body{width:100%}body{font-size:1.4rem}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:normal}h1{font-size:3.2rem}h1.large{font-size:3.8rem}h2{font-size:2.8rem}h3{font-size:1.8rem}h4{font-size:1.6rem}h5{font-size:1.4rem}h6{font-size:1.2rem}li{display:block}.
|
|
1448
|
+
var css_248z$1 = "@import \"https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap\";:root{--font-family:\"Open Sans\",\"Arial\",\"Helvetica Neue\",sans-serif;--hero:#1473e6;--confirm:#2bc784;--warning:#e6af57;--danger:#e64e48;--note:#fdc625;--message:#8bd779;--background:#fff;--foreground:#3d3d5f;--hero-hover:#1267cf;--hero-sc:#fff;--hero-rgb:20,115,230;--hero-sc-rgb:255,255,255;--confirm-hover:#26b276;--confirm-sc:#fff;--confirm-rgb:43,199,132;--confirm-sc-rgb:255,255,255;--warning-hover:#e3a441;--warning-sc:#fff;--warning-rgb:230,175,87;--warning-sc-rgb:255,255,255;--danger-hover:#e33832;--danger-sc:#fff;--danger-rgb:230,78,72;--danger-sc-rgb:255,255,255;--note-hover:#fdbf0c;--note-sc:#000;--note-rgb:253,198,37;--note-sc-rgb:0,0,0;--message-hover:#7ad165;--message-sc:#000;--message-rgb:139,215,121;--message-sc-rgb:0,0,0;--background-hover:#f2f2f2;--background-sc:#000;--background-rgb:255,255,255;--background-sc-rgb:0,0,0;--foreground-hover:#33334f;--foreground-sc:#fff;--foreground-rgb:61,61,95;--foreground-sc-rgb:255,255,255}.invert-colors{--background:var(--foreground);--background-hover:var(--foreground-hover);--background-sc:var(--foreground-sc);--background-rgb:var(--foreground-rgb);--background-sc-rgb:var(--foreground-sc-rgb)}*{-webkit-font-smoothing:subpixel-antialiased;-webkit-tap-highlight-color:transparent;background:none;border:0;border-radius:0;margin:0;outline:0;padding:0;vertical-align:top}*,:after,:before{box-sizing:border-box}@media screen and (min-width:1024px){:not(main)::-webkit-scrollbar{height:var(--scrollbar-size,16px);width:var(--scrollbar-size,16px)}:not(main)::-webkit-scrollbar-button,:not(main)::-webkit-scrollbar-corner{display:none}:not(main)::-webkit-scrollbar-thumb{background:rgba(var(--background-sc-rgb),.05) content-box;border:var(--scrollbar-space,4px) solid #0000;border-radius:var(--scrollbar-size,16px)}:not(main)::-webkit-scrollbar-thumb:active,:not(main)::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--background-sc-rgb),.1)}:not(main)::-webkit-scrollbar-track{background:#0000}}a{color:inherit;text-decoration:none;transition:color .3s,background .3s}table{border-collapse:collapse;border-spacing:0;width:100%}img,svg{display:block;max-width:100%}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;color:inherit;display:block;font:inherit}button::input-placeholder,input::input-placeholder,optgroup::input-placeholder,select::input-placeholder,textarea::input-placeholder{font-family:inherit;opacity:1}button:placeholder,input:placeholder,optgroup:placeholder,select:placeholder,textarea:placeholder{font-family:inherit;opacity:1}button::placeholder,input::placeholder,optgroup::placeholder,select::placeholder,textarea::placeholder{font-family:inherit;opacity:1}button:input-placeholder,input:input-placeholder,optgroup:input-placeholder,select:input-placeholder,textarea:input-placeholder{font-family:inherit;opacity:1}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--page-background,#f0f2f5);color:rgba(var(--background-sc-rgb),.75);font:10px/1.15 var(--font-family);height:100%;max-width:100vw}html.view-small{font-size:8.12px}html.view-normal{font-size:9.12px}html #root,html body{width:100%}body{font-size:1.4rem}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:normal}h1{font-size:3.2rem}h1.large{font-size:3.8rem}h2{font-size:2.8rem}h3{font-size:1.8rem}h4{font-size:1.6rem}h5{font-size:1.4rem}h6{font-size:1.2rem}li{display:block}.capitalize-text{text-transform:capitalize}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input::-ms-clear{display:none}.pointer-events-none{pointer-events:none}.cursor-pointer,[data-react-beautiful-dnd-drag-handle=\"0\"]{cursor:pointer}.color-danger{color:var(--danger)!important}.color-confirm{color:var(--confirm)!important}.color-hero{color:var(--hero)!important}::selection{background:rgba(var(--hero-rgb),.15);color:var(--hero)}.vertical-resizing-cursor *{cursor:col-resize!important}.vertical-resizing-cursor :not(:active){pointer-events:none}.cursor-grab{cursor:grab}.cursor-grab:active{cursor:grabbing}.m-rl-2{margin:0 .2rem}.m-tb-2{margin:.2rem 0}.m-t-2{margin-top:.2rem}.m-r-2{margin-inline-end:.2rem}.m-l-2{margin-inline-start:.2rem}.m-b-2{margin-bottom:.2rem}.m-rl-4{margin:0 .4rem}.m-tb-4{margin:.4rem 0}.m-t-4{margin-top:.4rem}.m-r-4{margin-inline-end:.4rem}.m-l-4{margin-inline-start:.4rem}.m-b-4{margin-bottom:.4rem}.m-rl-6{margin:0 .6rem}.m-tb-6{margin:.6rem 0}.m-t-6{margin-top:.6rem}.m-r-6{margin-inline-end:.6rem}.m-l-6{margin-inline-start:.6rem}.m-b-6{margin-bottom:.6rem}.m-rl-8{margin:0 .8rem}.m-tb-8{margin:.8rem 0}.m-t-8{margin-top:.8rem}.m-r-8{margin-inline-end:.8rem}.m-l-8{margin-inline-start:.8rem}.m-b-8{margin-bottom:.8rem}.m-rl-10{margin:0 1rem}.m-tb-10{margin:1rem 0}.m-t-10{margin-top:1rem}.m-r-10{margin-inline-end:1rem}.m-l-10{margin-inline-start:1rem}.m-b-10{margin-bottom:1rem}.m-rl-12{margin:0 1.2rem}.m-tb-12{margin:1.2rem 0}.m-t-12{margin-top:1.2rem}.m-r-12{margin-inline-end:1.2rem}.m-l-12{margin-inline-start:1.2rem}.m-b-12{margin-bottom:1.2rem}.m-rl-14{margin:0 1.4rem}.m-tb-14{margin:1.4rem 0}.m-t-14{margin-top:1.4rem}.m-r-14{margin-inline-end:1.4rem}.m-l-14{margin-inline-start:1.4rem}.m-b-14{margin-bottom:1.4rem}.m-rl-16{margin:0 1.6rem}.m-tb-16{margin:1.6rem 0}.m-t-16{margin-top:1.6rem}.m-r-16{margin-inline-end:1.6rem}.m-l-16{margin-inline-start:1.6rem}.m-b-16{margin-bottom:1.6rem}.m-rl-18{margin:0 1.8rem}.m-tb-18{margin:1.8rem 0}.m-t-18{margin-top:1.8rem}.m-r-18{margin-inline-end:1.8rem}.m-l-18{margin-inline-start:1.8rem}.m-b-18{margin-bottom:1.8rem}.m-rl-20{margin:0 2rem}.m-tb-20{margin:2rem 0}.m-t-20{margin-top:2rem}.m-r-20{margin-inline-end:2rem}.m-l-20{margin-inline-start:2rem}.m-b-20{margin-bottom:2rem}.m-rl-22{margin:0 2.2rem}.m-tb-22{margin:2.2rem 0}.m-t-22{margin-top:2.2rem}.m-r-22{margin-inline-end:2.2rem}.m-l-22{margin-inline-start:2.2rem}.m-b-22{margin-bottom:2.2rem}.m-rl-24{margin:0 2.4rem}.m-tb-24{margin:2.4rem 0}.m-t-24{margin-top:2.4rem}.m-r-24{margin-inline-end:2.4rem}.m-l-24{margin-inline-start:2.4rem}.m-b-24{margin-bottom:2.4rem}.m-rl-26{margin:0 2.6rem}.m-tb-26{margin:2.6rem 0}.m-t-26{margin-top:2.6rem}.m-r-26{margin-inline-end:2.6rem}.m-l-26{margin-inline-start:2.6rem}.m-b-26{margin-bottom:2.6rem}.m-rl-28{margin:0 2.8rem}.m-tb-28{margin:2.8rem 0}.m-t-28{margin-top:2.8rem}.m-r-28{margin-inline-end:2.8rem}.m-l-28{margin-inline-start:2.8rem}.m-b-28{margin-bottom:2.8rem}.m-rl-30{margin:0 3rem}.m-tb-30{margin:3rem 0}.m-t-30{margin-top:3rem}.m-r-30{margin-inline-end:3rem}.m-l-30{margin-inline-start:3rem}.m-b-30{margin-bottom:3rem}.m-rl-32{margin:0 3.2rem}.m-tb-32{margin:3.2rem 0}.m-t-32{margin-top:3.2rem}.m-r-32{margin-inline-end:3.2rem}.m-l-32{margin-inline-start:3.2rem}.m-b-32{margin-bottom:3.2rem}.m-rl-34{margin:0 3.4rem}.m-tb-34{margin:3.4rem 0}.m-t-34{margin-top:3.4rem}.m-r-34{margin-inline-end:3.4rem}.m-l-34{margin-inline-start:3.4rem}.m-b-34{margin-bottom:3.4rem}.m-rl-36{margin:0 3.6rem}.m-tb-36{margin:3.6rem 0}.m-t-36{margin-top:3.6rem}.m-r-36{margin-inline-end:3.6rem}.m-l-36{margin-inline-start:3.6rem}.m-b-36{margin-bottom:3.6rem}.m-rl-38{margin:0 3.8rem}.m-tb-38{margin:3.8rem 0}.m-t-38{margin-top:3.8rem}.m-r-38{margin-inline-end:3.8rem}.m-l-38{margin-inline-start:3.8rem}.m-b-38{margin-bottom:3.8rem}.m-rl-40{margin:0 4rem}.m-tb-40{margin:4rem 0}.m-t-40{margin-top:4rem}.m-r-40{margin-inline-end:4rem}.m-l-40{margin-inline-start:4rem}.m-b-40{margin-bottom:4rem}.m-rl-42{margin:0 4.2rem}.m-tb-42{margin:4.2rem 0}.m-t-42{margin-top:4.2rem}.m-r-42{margin-inline-end:4.2rem}.m-l-42{margin-inline-start:4.2rem}.m-b-42{margin-bottom:4.2rem}.m-rl-44{margin:0 4.4rem}.m-tb-44{margin:4.4rem 0}.m-t-44{margin-top:4.4rem}.m-r-44{margin-inline-end:4.4rem}.m-l-44{margin-inline-start:4.4rem}.m-b-44{margin-bottom:4.4rem}.m-rl-46{margin:0 4.6rem}.m-tb-46{margin:4.6rem 0}.m-t-46{margin-top:4.6rem}.m-r-46{margin-inline-end:4.6rem}.m-l-46{margin-inline-start:4.6rem}.m-b-46{margin-bottom:4.6rem}";
|
|
1449
|
+
styleInject(css_248z$1);
|
|
1450
|
+
|
|
1451
|
+
var css_248z = ".ellipsis-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:focus-visible{outline:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-focus);outline-offset:var(--guit-ref-border-width-thin)}";
|
|
1449
1452
|
styleInject(css_248z);
|
|
1450
1453
|
|
|
1451
1454
|
const GeneUIDesignSystemContext = createContext({
|
package/HelperText/index.js
CHANGED
|
@@ -5,7 +5,7 @@ import 'prop-types';
|
|
|
5
5
|
import '../dateValidation-67caec66.js';
|
|
6
6
|
import 'react-dom';
|
|
7
7
|
import '../configs-34847b77.js';
|
|
8
|
-
import { u as useEllipsisDetection } from '../useEllipsisDetection-
|
|
8
|
+
import { u as useEllipsisDetection } from '../useEllipsisDetection-c1c9ad94.js';
|
|
9
9
|
import { T as Tooltip } from '../index-0c18f902.js';
|
|
10
10
|
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
11
11
|
import '../_commonjsHelpers-24198af3.js';
|
|
@@ -61,7 +61,7 @@ styleInject(css_248z);
|
|
|
61
61
|
/**
|
|
62
62
|
* The Helper Text provides users with additional information or guidance related to a specific input field in a form. This text helps users understand the expected format, requirements, or purpose of the input, thereby improving form completion accuracy and user confidence.
|
|
63
63
|
*/
|
|
64
|
-
const HelperText = ({ size = 'medium', type = 'rest', text, Icon, isDisabled, isLoading }) => {
|
|
64
|
+
const HelperText = ({ size = 'medium', type = 'rest', text, Icon, isDisabled, isLoading, className }) => {
|
|
65
65
|
const textRef = useRef(null);
|
|
66
66
|
const isTruncated = useEllipsisDetection(textRef);
|
|
67
67
|
const iconSize = {
|
|
@@ -77,7 +77,7 @@ const HelperText = ({ size = 'medium', type = 'rest', text, Icon, isDisabled, is
|
|
|
77
77
|
cloneElement(Icon, {
|
|
78
78
|
size: iconSize[size]
|
|
79
79
|
}));
|
|
80
|
-
return (React__default.createElement("div", { className: classnames(`helperText helperText_type_${type} helperText_size_${size}`, {
|
|
80
|
+
return (React__default.createElement("div", { className: classnames(`helperText helperText_type_${type} helperText_size_${size}`, className, {
|
|
81
81
|
helperText_disabled: isDisabled
|
|
82
82
|
}) }, isLoading ? ('skeleton') : (React__default.createElement(React__default.Fragment, null,
|
|
83
83
|
iconMock && React__default.createElement("div", { className: "helperText__icon" }, iconMock),
|
package/ImagePreview/index.js
CHANGED
|
@@ -5,7 +5,7 @@ import { c as classnames } from '../index-031ff73c.js';
|
|
|
5
5
|
import { f as fileSizeDisplay, n as noop } from '../index-5f37f281.js';
|
|
6
6
|
import '../configs-34847b77.js';
|
|
7
7
|
import useImgDownload from '../hooks/useImgDownload.js';
|
|
8
|
-
import { u as useEllipsisDetection } from '../useEllipsisDetection-
|
|
8
|
+
import { u as useEllipsisDetection } from '../useEllipsisDetection-c1c9ad94.js';
|
|
9
9
|
import Icon from '../Icon/index.js';
|
|
10
10
|
import Switcher from '../Switcher/index.js';
|
|
11
11
|
import { T as Tooltip } from '../index-0c18f902.js';
|
|
@@ -9,7 +9,7 @@ import 'prop-types';
|
|
|
9
9
|
import '../dateValidation-67caec66.js';
|
|
10
10
|
import 'react-dom';
|
|
11
11
|
import '../configs-34847b77.js';
|
|
12
|
-
import { u as useEllipsisDetection } from '../useEllipsisDetection-
|
|
12
|
+
import { u as useEllipsisDetection } from '../useEllipsisDetection-c1c9ad94.js';
|
|
13
13
|
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
14
14
|
import '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
15
15
|
import '../index-5f37f281.js';
|
package/Label/index.js
CHANGED
|
@@ -6,7 +6,7 @@ import 'prop-types';
|
|
|
6
6
|
import '../dateValidation-67caec66.js';
|
|
7
7
|
import 'react-dom';
|
|
8
8
|
import '../configs-34847b77.js';
|
|
9
|
-
import { u as useEllipsisDetection } from '../useEllipsisDetection-
|
|
9
|
+
import { u as useEllipsisDetection } from '../useEllipsisDetection-c1c9ad94.js';
|
|
10
10
|
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
11
11
|
import '../tslib.es6-f211516f.js';
|
|
12
12
|
import '../hooks/useDeviceType.js';
|
package/Loader/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
3
3
|
|
|
4
|
-
var css_248z = "[data-gene-ui-version=\"2.16.1\"] .loader{align-items:center;display:inline-flex;justify-content:center}[data-gene-ui-version=\"2.16.1\"] .loader_direction_below{flex-direction:column;text-align:center}[data-gene-ui-version=\"2.16.1\"] .loader_size_2xLarge,[data-gene-ui-version=\"2.16.1\"] .
|
|
4
|
+
var css_248z = "[data-gene-ui-version=\"2.16.1\"] .loader{align-items:center;display:inline-flex;justify-content:center}[data-gene-ui-version=\"2.16.1\"] .loader_direction_below{flex-direction:column;text-align:center}[data-gene-ui-version=\"2.16.1\"] .loader_size_2xLarge,[data-gene-ui-version=\"2.16.1\"] .loader_size_xLarge{font-family:var(--guit-sem-font-label-large-default-medium-font-family);font-size:var(--guit-sem-font-label-large-default-semibold-font-size);font-weight:var(--guit-sem-font-label-large-default-medium-font-weight);line-height:var(--guit-sem-font-label-large-default-semibold-line-height)}[data-gene-ui-version=\"2.16.1\"] .loader_size_large,[data-gene-ui-version=\"2.16.1\"] .loader_size_medium,[data-gene-ui-version=\"2.16.1\"] .loader_size_small,[data-gene-ui-version=\"2.16.1\"] .loader_size_smallNudge{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}[data-gene-ui-version=\"2.16.1\"] .loader_size_small,[data-gene-ui-version=\"2.16.1\"] .loader_size_smallNudge{gap:var(--guit-ref-spacing-xsmall)}[data-gene-ui-version=\"2.16.1\"] .loader_size_2xLarge{gap:var(--guit-ref-spacing-2xlarge)}[data-gene-ui-version=\"2.16.1\"] .loader_size_2xLarge .loader__spinnerWrapper{height:var(--guit-sem-dimension-height-2xlarge);width:var(--guit-sem-dimension-width-2xlarge)}[data-gene-ui-version=\"2.16.1\"] .loader_size_xLarge{gap:var(--guit-ref-spacing-xlarge)}[data-gene-ui-version=\"2.16.1\"] .loader_size_xLarge .loader__spinnerWrapper{height:var(--guit-sem-dimension-height-xlarge);width:var(--guit-sem-dimension-width-xlarge)}[data-gene-ui-version=\"2.16.1\"] .loader_size_large{gap:var(--guit-ref-spacing-large)}[data-gene-ui-version=\"2.16.1\"] .loader_size_large .loader__spinnerWrapper{height:var(--guit-sem-dimension-height-large);width:var(--guit-sem-dimension-width-large)}[data-gene-ui-version=\"2.16.1\"] .loader_size_medium{gap:var(--guit-ref-spacing-medium)}[data-gene-ui-version=\"2.16.1\"] .loader_size_medium .loader__spinnerWrapper{height:var(--guit-sem-dimension-height-medium);width:var(--guit-sem-dimension-width-medium)}[data-gene-ui-version=\"2.16.1\"] .loader_size_small .loader__spinnerWrapper{height:var(--guit-sem-dimension-height-small);width:var(--guit-sem-dimension-width-small)}[data-gene-ui-version=\"2.16.1\"] .loader_size_smallNudge .loader__spinnerWrapper{height:var(--guit-sem-dimension-height-small-nudge);width:var(--guit-sem-dimension-width-small-nudge)}[data-gene-ui-version=\"2.16.1\"] .loader_color_brand .loader__text,[data-gene-ui-version=\"2.16.1\"] .loader_color_neutral .loader__text{color:var(--guit-sem-color-foreground-neutral-1)}[data-gene-ui-version=\"2.16.1\"] .loader_color_brand .loader__spinnerPath{stroke:var(--guit-sem-color-foreground-brand)}[data-gene-ui-version=\"2.16.1\"] .loader_color_neutral .loader__spinnerPath{stroke:var(--guit-sem-color-foreground-neutral-2)}[data-gene-ui-version=\"2.16.1\"] .loader_color_inverse .loader__spinnerPath{stroke:var(--guit-sem-color-foreground-inverse)}[data-gene-ui-version=\"2.16.1\"] .loader_color_inverse .loader__text{color:var(--guit-sem-color-foreground-inverse)}[data-gene-ui-version=\"2.16.1\"] .loader__spinnerWrapper{flex:0 0 auto;padding:var(--guit-ref-spacing-4xsmall)}[data-gene-ui-version=\"2.16.1\"] .loader__spinner{animation:loader-rotate 2s linear infinite;height:100%;width:100%}[data-gene-ui-version=\"2.16.1\"] .loader__spinnerPath{stroke-linecap:round;animation:loader-dash 1.5s ease-in-out infinite;transform:translateZ(0)}[data-gene-ui-version=\"2.16.1\"] .loader__text{font-size:inherit;font-weight:inherit;line-height:inherit;text-transform:capitalize}@keyframes loader-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loader-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-136}}";
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
/**
|
|
@@ -10,9 +10,10 @@ styleInject(css_248z);
|
|
|
10
10
|
const Loader = ({ isLoading = true, text, textPosition = 'after', size = 'medium', appearance = 'brand', children }) => {
|
|
11
11
|
if (isLoading) {
|
|
12
12
|
return (React__default.createElement("span", { className: `loader loader_direction_${textPosition} loader_size_${size} loader_color_${appearance}` },
|
|
13
|
-
React__default.createElement("
|
|
14
|
-
React__default.createElement("
|
|
15
|
-
|
|
13
|
+
React__default.createElement("span", { className: "loader__spinnerWrapper" },
|
|
14
|
+
React__default.createElement("svg", { className: "loader__spinner", viewBox: "0 0 50 50" },
|
|
15
|
+
React__default.createElement("circle", { className: "loader__spinnerPath", cx: "25", cy: "25", r: "22", fill: "none", strokeWidth: "5" }))),
|
|
16
|
+
text && React__default.createElement("span", { className: `loader__text loader__textColor_${appearance}` }, text)));
|
|
16
17
|
}
|
|
17
18
|
else {
|
|
18
19
|
return React__default.createElement(React__default.Fragment, null, children);
|
package/Menu/index.js
CHANGED
|
@@ -12,7 +12,7 @@ import 'react-dom';
|
|
|
12
12
|
import '../hooks/useDeviceType.js';
|
|
13
13
|
import '../hooks/useWindowSize.js';
|
|
14
14
|
import '../hooks/useDebounce.js';
|
|
15
|
-
import '../useEllipsisDetection-
|
|
15
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
16
16
|
import '../Icon/index.js';
|
|
17
17
|
import '../index-0c18f902.js';
|
|
18
18
|
import '../tslib.es6-f211516f.js';
|
package/MobilePopup/index.js
CHANGED
|
@@ -23,7 +23,7 @@ import '../hooks/useForceUpdate.js';
|
|
|
23
23
|
import '../Scrollbar/index.js';
|
|
24
24
|
import '../guid-8ddf77b3.js';
|
|
25
25
|
import '../Option/index.js';
|
|
26
|
-
import '../useEllipsisDetection-
|
|
26
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
27
27
|
import '../index-0c18f902.js';
|
|
28
28
|
import '../tslib.es6-f211516f.js';
|
|
29
29
|
|
package/NavigationMenu/index.js
CHANGED
|
@@ -15,7 +15,7 @@ import '../configs-34847b77.js';
|
|
|
15
15
|
import '../hooks/useWindowSize.js';
|
|
16
16
|
import '../hooks/useDebounce.js';
|
|
17
17
|
import '../index-031ff73c.js';
|
|
18
|
-
import '../useEllipsisDetection-
|
|
18
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
19
19
|
import '../index-0c18f902.js';
|
|
20
20
|
import '../tslib.es6-f211516f.js';
|
|
21
21
|
import '../GeneUIProvider/index.js';
|
package/Option/index.js
CHANGED
|
@@ -6,7 +6,7 @@ import { o as optionConfig, s as screenTypes } from '../configs-34847b77.js';
|
|
|
6
6
|
import '../dateValidation-67caec66.js';
|
|
7
7
|
import 'react-dom';
|
|
8
8
|
import useDeviceType from '../hooks/useDeviceType.js';
|
|
9
|
-
import { u as useEllipsisDetection } from '../useEllipsisDetection-
|
|
9
|
+
import { u as useEllipsisDetection } from '../useEllipsisDetection-c1c9ad94.js';
|
|
10
10
|
import Icon from '../Icon/index.js';
|
|
11
11
|
import { T as Tooltip } from '../index-0c18f902.js';
|
|
12
12
|
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
package/Overspread/index.js
CHANGED
|
@@ -8,7 +8,7 @@ import Icon from '../Icon/index.js';
|
|
|
8
8
|
import Portal from '../Portal/index.js';
|
|
9
9
|
import Popover from '../Popover/index.js';
|
|
10
10
|
import Menu from '../Menu/index.js';
|
|
11
|
-
import { D as Dropdown } from '../index-
|
|
11
|
+
import { D as Dropdown } from '../index-2dbdcb45.js';
|
|
12
12
|
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
13
13
|
import '../dateValidation-67caec66.js';
|
|
14
14
|
import '../_commonjsHelpers-24198af3.js';
|
|
@@ -24,7 +24,7 @@ import '../hooks/useForceUpdate.js';
|
|
|
24
24
|
import '../Scrollbar/index.js';
|
|
25
25
|
import '../guid-8ddf77b3.js';
|
|
26
26
|
import '../Option/index.js';
|
|
27
|
-
import '../useEllipsisDetection-
|
|
27
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
28
28
|
import '../index-0c18f902.js';
|
|
29
29
|
import '../tslib.es6-f211516f.js';
|
|
30
30
|
import '../objectWithoutPropertiesLoose-e1596bdb.js';
|
package/Pagination/index.js
CHANGED
|
@@ -20,7 +20,7 @@ import '../hooks/useDebounce.js';
|
|
|
20
20
|
import '../GeneUIProvider/index.js';
|
|
21
21
|
import '../hooks/useMount.js';
|
|
22
22
|
import '../ExtendedInput/index.js';
|
|
23
|
-
import '../useEllipsisDetection-
|
|
23
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
24
24
|
import '../SuggestionList/index.js';
|
|
25
25
|
import '../hooks/useKeyDown.js';
|
|
26
26
|
import '../hooks/useClickOutside.js';
|
package/Pill/index.js
ADDED
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import React__default, { useState, useRef, useEffect, cloneElement } from 'react';
|
|
2
|
+
import { _ as _objectWithoutProperties, a as _extends } from '../ArrowLeft-b88e2ba8.js';
|
|
3
|
+
import { c as classnames } from '../index-031ff73c.js';
|
|
4
|
+
import { T as Tooltip } from '../index-0c18f902.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-c1c9ad94.js';
|
|
10
|
+
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
11
|
+
import '../tslib.es6-f211516f.js';
|
|
12
|
+
import '../hooks/useDeviceType.js';
|
|
13
|
+
import '../hooks/useWindowSize.js';
|
|
14
|
+
import '../hooks/useDebounce.js';
|
|
15
|
+
import '../GeneUIProvider/index.js';
|
|
16
|
+
import '../_commonjsHelpers-24198af3.js';
|
|
17
|
+
|
|
18
|
+
var _excluded = ["size", "color"];
|
|
19
|
+
var SvgDot = function SvgDot(_ref) {
|
|
20
|
+
var _ref$size = _ref.size,
|
|
21
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
22
|
+
_ref$color = _ref.color,
|
|
23
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
24
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
25
|
+
return /*#__PURE__*/React__default.createElement("svg", _extends({
|
|
26
|
+
width: size,
|
|
27
|
+
height: size,
|
|
28
|
+
viewBox: "0 0 24 24",
|
|
29
|
+
fill: color,
|
|
30
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
31
|
+
}, props), /*#__PURE__*/React__default.createElement("path", {
|
|
32
|
+
d: "M12 17a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z",
|
|
33
|
+
fill: color
|
|
34
|
+
}));
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
var css_248z = "[data-gene-ui-version=\"2.16.1\"] .pill{align-items:center;display:inline-flex;max-width:100%;vertical-align:top}[data-gene-ui-version=\"2.16.1\"] .pill_icon_after{flex-direction:row-reverse}[data-gene-ui-version=\"2.16.1\"] .pill_size_medium:not(.pill_icon_only){gap:var(--guit-ref-spacing-xsmall);padding-bottom:var(--guit-ref-spacing-2xsmall);padding-top:var(--guit-ref-spacing-2xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_medium:not(.pill_icon_before,.pill_size_medium.pill_icon_after,.pill_size_medium.pill_icon_only){padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-medium)}[data-gene-ui-version=\"2.16.1\"] .pill_size_medium.pill_icon_before{padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_medium.pill_icon_after{padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-medium)}[data-gene-ui-version=\"2.16.1\"] .pill_size_medium.pill_icon_only{padding:var(--guit-ref-spacing-2xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small:not(.pill_icon_only){gap:var(--guit-ref-spacing-2xsmall);padding-bottom:var(--guit-ref-spacing-4xsmall);padding-top:var(--guit-ref-spacing-4xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small:not(.pill_icon_before,.pill_size_small.pill_icon_after,.pill_size_small.pill_icon_only){padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-medium)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small.pill_icon_before{padding-inline-end:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small.pill_icon_after{padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-medium)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small.pill_icon_only{padding:var(--guit-ref-spacing-4xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_medium:not(.pill_icon_only),[data-gene-ui-version=\"2.16.1\"] .pill_size_small:not(.pill_icon_only){font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small_nudge{gap:var(--guit-ref-spacing-3xsmall);padding-bottom:var(--guit-ref-spacing-4xsmall);padding-top:var(--guit-ref-spacing-4xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small_nudge:not(.pill_icon_only){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.1\"] .pill_size_small_nudge:not(.pill_icon_before,.pill_size_small_nudge.pill_icon_after,.pill_size_small_nudge.pill_icon_only){padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small_nudge.pill_icon_before{padding-inline-end:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-3xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small_nudge.pill_icon_after{padding-inline-end:var(--guit-ref-spacing-3xsmall);padding-inline-start:var(--guit-ref-spacing-xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_size_small_nudge.pill_icon_only{padding:var(--guit-ref-spacing-4xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_size_medium,[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_size_small{border-radius:var(--guit-ref-radius-3xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_size_small_nudge{border-radius:var(--guit-ref-radius-4xsmall)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_informative{background-color:var(--guit-sem-color-background-informative)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_neutral{background-color:var(--guit-sem-color-background-neutral-3)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_error{background-color:var(--guit-sem-color-background-error-1)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_success{background-color:var(--guit-sem-color-background-success-1)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_warning{background-color:var(--guit-sem-color-background-warning-1)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_purple{background-color:var(--guit-sem-color-background-accent-purple-1)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_lagoon{background-color:var(--guit-sem-color-background-accent-lagoon-1)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_magenta{background-color:var(--guit-sem-color-background-accent-magenta-1)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_slate{background-color:var(--guit-sem-color-background-accent-slate-1)}[data-gene-ui-version=\"2.16.1\"] .pill_fill.pill_color_inverse{background-color:var(--guit-sem-color-background-inverse);color:var(--guit-sem-color-foreground-neutral-2)}[data-gene-ui-version=\"2.16.1\"] .pill_color_informative{color:var(--guit-sem-color-foreground-informative)}[data-gene-ui-version=\"2.16.1\"] .pill_color_neutral{color:var(--guit-sem-color-foreground-neutral-2)}[data-gene-ui-version=\"2.16.1\"] .pill_color_error{color:var(--guit-sem-color-foreground-error)}[data-gene-ui-version=\"2.16.1\"] .pill_color_success{color:var(--guit-sem-color-foreground-success)}[data-gene-ui-version=\"2.16.1\"] .pill_color_warning{color:var(--guit-sem-color-foreground-warning)}[data-gene-ui-version=\"2.16.1\"] .pill_color_purple{color:var(--guit-sem-color-foreground-accent-purple)}[data-gene-ui-version=\"2.16.1\"] .pill_color_lagoon{color:var(--guit-sem-color-foreground-accent-lagoon)}[data-gene-ui-version=\"2.16.1\"] .pill_color_magenta{color:var(--guit-sem-color-foreground-accent-magenta)}[data-gene-ui-version=\"2.16.1\"] .pill_color_slate{color:var(--guit-sem-color-foreground-accent-slate)}[data-gene-ui-version=\"2.16.1\"] .pill:not(.pill_fill).pill_color_inverse{color:var(--guit-sem-color-foreground-inverse)}[data-gene-ui-version=\"2.16.1\"] .pill__text{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}[data-gene-ui-version=\"2.16.1\"] .pill__icon{flex:0 0 auto}";
|
|
38
|
+
styleInject(css_248z);
|
|
39
|
+
|
|
40
|
+
const iconSizes = {
|
|
41
|
+
smallNudge: 16,
|
|
42
|
+
small: 20,
|
|
43
|
+
medium: 20
|
|
44
|
+
};
|
|
45
|
+
/**
|
|
46
|
+
* A Pill component used to display concise information or categorize content. Often used for labels or status indicators, Pill components are visually distinct and can convey different meanings through text and color coding.
|
|
47
|
+
*/
|
|
48
|
+
const Pill = ({ color = 'informative', size = 'medium', text, iconAlignment = 'before', isFill, withDot = true, Icon, className }) => {
|
|
49
|
+
const [isWithDot, setIsWithDot] = useState(withDot);
|
|
50
|
+
const textRef = useRef(null);
|
|
51
|
+
const isTruncated = useEllipsisDetection(textRef, [text]);
|
|
52
|
+
useEffect(() => {
|
|
53
|
+
setIsWithDot(!Icon && withDot);
|
|
54
|
+
}, [Icon, withDot]);
|
|
55
|
+
const iconMock = Icon ? (cloneElement(Icon, {
|
|
56
|
+
size: iconSizes[size],
|
|
57
|
+
className: 'pill__icon'
|
|
58
|
+
})) : isWithDot ? (React__default.createElement(SvgDot, { size: iconSizes[size], className: "pill__icon" })) : ('');
|
|
59
|
+
return (React__default.createElement("div", { className: classnames(`pill pill_size_${size} pill_color_${color}`, className, {
|
|
60
|
+
[`pill_icon_${isWithDot ? 'before' : iconAlignment}`]: text && iconMock,
|
|
61
|
+
pill_icon_only: !text,
|
|
62
|
+
pill_fill: isFill
|
|
63
|
+
}) },
|
|
64
|
+
iconMock,
|
|
65
|
+
text && (React__default.createElement(Tooltip, { text: text, isVisible: isTruncated },
|
|
66
|
+
React__default.createElement("span", { ref: textRef, className: "pill__text" }, text)))));
|
|
67
|
+
};
|
|
68
|
+
|
|
69
|
+
export { Pill as default };
|
package/Profile/index.js
CHANGED
|
@@ -31,7 +31,7 @@ import '../Scrollbar/index.js';
|
|
|
31
31
|
import '../guid-8ddf77b3.js';
|
|
32
32
|
import '../ArrowLeft-b88e2ba8.js';
|
|
33
33
|
import '../Option/index.js';
|
|
34
|
-
import '../useEllipsisDetection-
|
|
34
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
35
35
|
import '../ExtendedInput/index.js';
|
|
36
36
|
import '../SuggestionList/index.js';
|
|
37
37
|
import '../hooks/useKeyDown.js';
|
package/Range/index.js
CHANGED
|
@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
|
2
2
|
import React__default, { useState, useRef, useCallback } from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import { c as classnames } from '../index-031ff73c.js';
|
|
5
|
-
import { c as createSliderWithTooltip, R as Range } from '../rangeAndSlider-
|
|
5
|
+
import { c as createSliderWithTooltip, R as Range } from '../rangeAndSlider-6f97ee47.js';
|
|
6
6
|
import useWidth from '../hooks/useWidth.js';
|
|
7
7
|
import '../dateValidation-67caec66.js';
|
|
8
8
|
import 'react-dom';
|
package/Search/index.js
CHANGED
|
@@ -11,7 +11,7 @@ import 'react-dom';
|
|
|
11
11
|
import '../hooks/useDeviceType.js';
|
|
12
12
|
import '../hooks/useWindowSize.js';
|
|
13
13
|
import '../hooks/useDebounce.js';
|
|
14
|
-
import '../useEllipsisDetection-
|
|
14
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
15
15
|
import '../Icon/index.js';
|
|
16
16
|
import '../style-inject.es-746bb8ed.js';
|
|
17
17
|
import '../SuggestionList/index.js';
|
|
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
|
|
|
4
4
|
import { c as classnames } from '../index-031ff73c.js';
|
|
5
5
|
import { n as noop } from '../index-5f37f281.js';
|
|
6
6
|
import Search from '../Search/index.js';
|
|
7
|
-
import { D as Dropdown } from '../index-
|
|
7
|
+
import { D as Dropdown } from '../index-2dbdcb45.js';
|
|
8
8
|
import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
9
9
|
import '../dateValidation-67caec66.js';
|
|
10
10
|
import '../_commonjsHelpers-24198af3.js';
|
|
@@ -14,7 +14,7 @@ import '../configs-34847b77.js';
|
|
|
14
14
|
import '../hooks/useDeviceType.js';
|
|
15
15
|
import '../hooks/useWindowSize.js';
|
|
16
16
|
import '../hooks/useDebounce.js';
|
|
17
|
-
import '../useEllipsisDetection-
|
|
17
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
18
18
|
import '../Icon/index.js';
|
|
19
19
|
import '../SuggestionList/index.js';
|
|
20
20
|
import '../hooks/useKeyDown.js';
|
package/Slider/index.js
CHANGED
|
@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
|
2
2
|
import React__default, { useState, useRef, useCallback, useEffect } from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import { c as classnames } from '../index-031ff73c.js';
|
|
5
|
-
import { c as createSliderWithTooltip, S as Slider } from '../rangeAndSlider-
|
|
5
|
+
import { c as createSliderWithTooltip, S as Slider } from '../rangeAndSlider-6f97ee47.js';
|
|
6
6
|
import useWidth from '../hooks/useWidth.js';
|
|
7
7
|
import '../dateValidation-67caec66.js';
|
|
8
8
|
import 'react-dom';
|
|
@@ -19,7 +19,7 @@ import '../index-5f37f281.js';
|
|
|
19
19
|
import '../hooks/useMount.js';
|
|
20
20
|
import '../ExtendedInput/index.js';
|
|
21
21
|
import '../hooks/useDeviceType.js';
|
|
22
|
-
import '../useEllipsisDetection-
|
|
22
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
23
23
|
import '../SuggestionList/index.js';
|
|
24
24
|
import '../hooks/useKeyDown.js';
|
|
25
25
|
import '../hooks/useClickOutside.js';
|
package/Table/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import '../_rollupPluginBabelHelpers-a83240e1.js';
|
|
2
2
|
import 'react';
|
|
3
|
-
export { T as default } from '../index-
|
|
3
|
+
export { T as default } from '../index-f76fd058.js';
|
|
4
4
|
import 'prop-types';
|
|
5
|
-
import '../index-
|
|
6
|
-
import '../CellMeasurerCache-
|
|
5
|
+
import '../index-2dbdcb45.js';
|
|
6
|
+
import '../CellMeasurerCache-67fc611e.js';
|
|
7
7
|
import '../index-031ff73c.js';
|
|
8
8
|
import '../index-5f37f281.js';
|
|
9
9
|
import '../hooks/useMount.js';
|
|
@@ -38,7 +38,7 @@ import '../hooks/useUpdatableRef.js';
|
|
|
38
38
|
import '../hooks/useForceUpdate.js';
|
|
39
39
|
import '../Portal/index.js';
|
|
40
40
|
import '../ExtendedInput/index.js';
|
|
41
|
-
import '../useEllipsisDetection-
|
|
41
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
42
42
|
import '../SuggestionList/index.js';
|
|
43
43
|
import '../hooks/useKeyDown.js';
|
|
44
44
|
import '../hooks/useClickOutside.js';
|
|
@@ -8,8 +8,8 @@ import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
|
8
8
|
import Paper from '../Paper/index.js';
|
|
9
9
|
import { L as Logger, n as noop } from '../index-5f37f281.js';
|
|
10
10
|
import Pagination from '../Pagination/index.js';
|
|
11
|
-
import { D as Dropdown } from '../index-
|
|
12
|
-
import { T as Table, s as searchConfigs, a as sortHandler, u as useSortConfigs } from '../index-
|
|
11
|
+
import { D as Dropdown } from '../index-2dbdcb45.js';
|
|
12
|
+
import { T as Table, s as searchConfigs, a as sortHandler, u as useSortConfigs } from '../index-f76fd058.js';
|
|
13
13
|
import '../configs-34847b77.js';
|
|
14
14
|
import useThrottle from '../hooks/useThrottle.js';
|
|
15
15
|
import Button from '../Button/index.js';
|
|
@@ -28,7 +28,7 @@ import '../hooks/useDebounce.js';
|
|
|
28
28
|
import '../GeneUIProvider/index.js';
|
|
29
29
|
import '../Search/index.js';
|
|
30
30
|
import '../ExtendedInput/index.js';
|
|
31
|
-
import '../useEllipsisDetection-
|
|
31
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
32
32
|
import '../SuggestionList/index.js';
|
|
33
33
|
import '../hooks/useKeyDown.js';
|
|
34
34
|
import '../hooks/useClickOutside.js';
|
|
@@ -52,7 +52,7 @@ import '../guid-8ddf77b3.js';
|
|
|
52
52
|
import '../index-b3a30cb9.js';
|
|
53
53
|
import '../Tag/index.js';
|
|
54
54
|
import '../ValidatableTextInput/index.js';
|
|
55
|
-
import '../CellMeasurerCache-
|
|
55
|
+
import '../CellMeasurerCache-67fc611e.js';
|
|
56
56
|
import '../hooks/useUpdate.js';
|
|
57
57
|
import '../hooks/useMutationObserver.js';
|
|
58
58
|
import '../SkeletonLoader/index.js';
|
package/Textarea/index.js
CHANGED
|
@@ -12,7 +12,7 @@ import '../index-031ff73c.js';
|
|
|
12
12
|
import '../hooks/useDeviceType.js';
|
|
13
13
|
import '../hooks/useWindowSize.js';
|
|
14
14
|
import '../hooks/useDebounce.js';
|
|
15
|
-
import '../useEllipsisDetection-
|
|
15
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
16
16
|
import '../Icon/index.js';
|
|
17
17
|
import '../SuggestionList/index.js';
|
|
18
18
|
import '../hooks/useKeyDown.js';
|
package/TimePicker/index.js
CHANGED
|
@@ -18,7 +18,7 @@ import { s as styleInject } from '../style-inject.es-746bb8ed.js';
|
|
|
18
18
|
import '../hooks/useWindowSize.js';
|
|
19
19
|
import '../hooks/useDebounce.js';
|
|
20
20
|
import '../_commonjsHelpers-24198af3.js';
|
|
21
|
-
import '../useEllipsisDetection-
|
|
21
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
22
22
|
import '../SuggestionList/index.js';
|
|
23
23
|
import '../config-1053d64d.js';
|
|
24
24
|
import '../callAfterDelay-7272faca.js';
|
package/TransferList/index.js
CHANGED
|
@@ -24,7 +24,7 @@ import '../ExtendedInput/index.js';
|
|
|
24
24
|
import '../hooks/useDeviceType.js';
|
|
25
25
|
import '../hooks/useWindowSize.js';
|
|
26
26
|
import '../hooks/useDebounce.js';
|
|
27
|
-
import '../useEllipsisDetection-
|
|
27
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
28
28
|
import '../SuggestionList/index.js';
|
|
29
29
|
import '../hooks/useKeyDown.js';
|
|
30
30
|
import '../hooks/useClickOutside.js';
|
package/Uploader/index.js
CHANGED
|
@@ -21,7 +21,7 @@ import '../tslib.es6-f211516f.js';
|
|
|
21
21
|
import '../hooks/useDeviceType.js';
|
|
22
22
|
import '../hooks/useWindowSize.js';
|
|
23
23
|
import '../hooks/useDebounce.js';
|
|
24
|
-
import '../useEllipsisDetection-
|
|
24
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
25
25
|
import '../SuggestionList/index.js';
|
|
26
26
|
import '../hooks/useClickOutside.js';
|
|
27
27
|
import '../config-1053d64d.js';
|
|
@@ -24,7 +24,7 @@ import '../Scrollbar/index.js';
|
|
|
24
24
|
import '../GeneUIProvider/index.js';
|
|
25
25
|
import '../debounce-4419bc2f.js';
|
|
26
26
|
import '../ExtendedInput/index.js';
|
|
27
|
-
import '../useEllipsisDetection-
|
|
27
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
28
28
|
import '../Icon/index.js';
|
|
29
29
|
import '../SuggestionList/index.js';
|
|
30
30
|
import '../config-1053d64d.js';
|
|
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
|
|
|
4
4
|
import useMount from '../hooks/useMount.js';
|
|
5
5
|
import '../configs-34847b77.js';
|
|
6
6
|
import { n as noop } from '../index-5f37f281.js';
|
|
7
|
-
import { D as Dropdown } from '../index-
|
|
7
|
+
import { D as Dropdown } from '../index-2dbdcb45.js';
|
|
8
8
|
import '../dateValidation-67caec66.js';
|
|
9
9
|
import '../_commonjsHelpers-24198af3.js';
|
|
10
10
|
import 'react-dom';
|
|
@@ -20,7 +20,7 @@ import '../hooks/useDebounce.js';
|
|
|
20
20
|
import '../hooks/useClickOutside.js';
|
|
21
21
|
import '../hooks/useUpdatableRef.js';
|
|
22
22
|
import '../hooks/useForceUpdate.js';
|
|
23
|
-
import '../useEllipsisDetection-
|
|
23
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
24
24
|
import '../BusyLoader/index.js';
|
|
25
25
|
import '../Icon/index.js';
|
|
26
26
|
import '../style-inject.es-746bb8ed.js';
|
|
@@ -17,7 +17,7 @@ import '../dateValidation-67caec66.js';
|
|
|
17
17
|
import '../_commonjsHelpers-24198af3.js';
|
|
18
18
|
import 'react-dom';
|
|
19
19
|
import '../configs-34847b77.js';
|
|
20
|
-
import '../index-
|
|
20
|
+
import '../index-2dbdcb45.js';
|
|
21
21
|
import '../objectWithoutPropertiesLoose-e1596bdb.js';
|
|
22
22
|
import '../react-lifecycles-compat.es-6e1f3768.js';
|
|
23
23
|
import '../clsx.m-2bb6df4b.js';
|
|
@@ -30,7 +30,7 @@ import '../hooks/useDebounce.js';
|
|
|
30
30
|
import '../hooks/useClickOutside.js';
|
|
31
31
|
import '../hooks/useUpdatableRef.js';
|
|
32
32
|
import '../hooks/useForceUpdate.js';
|
|
33
|
-
import '../useEllipsisDetection-
|
|
33
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
34
34
|
import '../BusyLoader/index.js';
|
|
35
35
|
import '../Icon/index.js';
|
|
36
36
|
import '../style-inject.es-746bb8ed.js';
|
|
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
|
|
|
4
4
|
import useMount from '../hooks/useMount.js';
|
|
5
5
|
import '../configs-34847b77.js';
|
|
6
6
|
import { n as noop } from '../index-5f37f281.js';
|
|
7
|
-
import { D as Dropdown } from '../index-
|
|
7
|
+
import { D as Dropdown } from '../index-2dbdcb45.js';
|
|
8
8
|
import '../dateValidation-67caec66.js';
|
|
9
9
|
import '../_commonjsHelpers-24198af3.js';
|
|
10
10
|
import 'react-dom';
|
|
@@ -20,7 +20,7 @@ import '../hooks/useDebounce.js';
|
|
|
20
20
|
import '../hooks/useClickOutside.js';
|
|
21
21
|
import '../hooks/useUpdatableRef.js';
|
|
22
22
|
import '../hooks/useForceUpdate.js';
|
|
23
|
-
import '../useEllipsisDetection-
|
|
23
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
24
24
|
import '../BusyLoader/index.js';
|
|
25
25
|
import '../Icon/index.js';
|
|
26
26
|
import '../style-inject.es-746bb8ed.js';
|
|
@@ -12,7 +12,7 @@ import '../index-031ff73c.js';
|
|
|
12
12
|
import '../hooks/useDeviceType.js';
|
|
13
13
|
import '../hooks/useWindowSize.js';
|
|
14
14
|
import '../hooks/useDebounce.js';
|
|
15
|
-
import '../useEllipsisDetection-
|
|
15
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
16
16
|
import '../Icon/index.js';
|
|
17
17
|
import '../style-inject.es-746bb8ed.js';
|
|
18
18
|
import '../SuggestionList/index.js';
|
|
@@ -12,7 +12,7 @@ import '../index-031ff73c.js';
|
|
|
12
12
|
import '../hooks/useDeviceType.js';
|
|
13
13
|
import '../hooks/useWindowSize.js';
|
|
14
14
|
import '../hooks/useDebounce.js';
|
|
15
|
-
import '../useEllipsisDetection-
|
|
15
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
16
16
|
import '../Icon/index.js';
|
|
17
17
|
import '../style-inject.es-746bb8ed.js';
|
|
18
18
|
import '../SuggestionList/index.js';
|
|
@@ -13,7 +13,7 @@ import '../index-5f37f281.js';
|
|
|
13
13
|
import '../hooks/useDeviceType.js';
|
|
14
14
|
import '../hooks/useWindowSize.js';
|
|
15
15
|
import '../hooks/useDebounce.js';
|
|
16
|
-
import '../useEllipsisDetection-
|
|
16
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
17
17
|
import '../Icon/index.js';
|
|
18
18
|
import '../style-inject.es-746bb8ed.js';
|
|
19
19
|
import '../SuggestionList/index.js';
|
|
@@ -17,7 +17,7 @@ import '../ExtendedInput/index.js';
|
|
|
17
17
|
import '../hooks/useDeviceType.js';
|
|
18
18
|
import '../hooks/useWindowSize.js';
|
|
19
19
|
import '../hooks/useDebounce.js';
|
|
20
|
-
import '../useEllipsisDetection-
|
|
20
|
+
import '../useEllipsisDetection-c1c9ad94.js';
|
|
21
21
|
import '../SuggestionList/index.js';
|
|
22
22
|
import '../hooks/useKeyDown.js';
|
|
23
23
|
import '../hooks/useClickOutside.js';
|
|
@@ -14,7 +14,7 @@ import useKeyDown from './hooks/useKeyDown.js';
|
|
|
14
14
|
import useDeviceType from './hooks/useDeviceType.js';
|
|
15
15
|
import useClickOutside from './hooks/useClickOutside.js';
|
|
16
16
|
import useUpdatableRef from './hooks/useUpdatableRef.js';
|
|
17
|
-
import { u as useEllipsisDetection } from './useEllipsisDetection-
|
|
17
|
+
import { u as useEllipsisDetection } from './useEllipsisDetection-c1c9ad94.js';
|
|
18
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-5f37f281.js';
|
|
20
20
|
import BusyLoader from './BusyLoader/index.js';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { _ as _extends } from './_rollupPluginBabelHelpers-a83240e1.js';
|
|
2
2
|
import React__default, { createContext, memo, useEffect, useLayoutEffect, useState, useCallback, useMemo, isValidElement, cloneElement, useContext, useRef, forwardRef } from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
|
-
import { D as Dropdown, I as InfiniteLoader, W as WindowScroller, A as AutoSizer, L as List, C as CellMeasurer } from './index-
|
|
5
|
-
import { C as CellMeasurerCache } from './CellMeasurerCache-
|
|
4
|
+
import { D as Dropdown, I as InfiniteLoader, W as WindowScroller, A as AutoSizer, L as List, C as CellMeasurer } from './index-2dbdcb45.js';
|
|
5
|
+
import { C as CellMeasurerCache } from './CellMeasurerCache-67fc611e.js';
|
|
6
6
|
import { c as classnames } from './index-031ff73c.js';
|
|
7
7
|
import { s as stopEvent, o as oneIsRequired, n as noop } from './index-5f37f281.js';
|
|
8
8
|
import useMount from './hooks/useMount.js';
|
package/index.d.ts
CHANGED
|
@@ -26,6 +26,7 @@ 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
28
|
export { default as Loader } from './lib/atoms/Loader';
|
|
29
|
+
export { default as Pill } from './lib/atoms/Pill';
|
|
29
30
|
export { Row, Col } from './lib/molecules/Grid';
|
|
30
31
|
export { Tab, Tabs } from './lib/molecules/Tabs';
|
|
31
32
|
export { Step, Steps } from './lib/molecules/Steps';
|
package/index.js
CHANGED
|
@@ -26,6 +26,7 @@ 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
28
|
export { default as Loader } from './Loader/index.js';
|
|
29
|
+
export { default as Pill } from './Pill/index.js';
|
|
29
30
|
export { Col, Row } from './Grid/index.js';
|
|
30
31
|
export { Tab, Tabs } from './Tabs/index.js';
|
|
31
32
|
export { Step, Steps } from './Steps/index.js';
|
|
@@ -97,8 +98,8 @@ export { default as Overspread } from './Overspread/index.js';
|
|
|
97
98
|
export { default as DatePicker } from './DatePicker/index.js';
|
|
98
99
|
export { default as DateFilter } from './DateFilter/index.js';
|
|
99
100
|
export { ComboTable, PaginationSelector, PaperWrapper, TableContainer, TableHeader, TablePagination, TableTitle, WithHeader, WithTitle } from './TableCompositions/index.js';
|
|
100
|
-
export { D as Dropdown } from './index-
|
|
101
|
-
export { T as Table } from './index-
|
|
101
|
+
export { D as Dropdown } from './index-2dbdcb45.js';
|
|
102
|
+
export { T as Table } from './index-f76fd058.js';
|
|
102
103
|
export { CardList, WrappedCardList } from './CardList/index.js';
|
|
103
104
|
import 'react';
|
|
104
105
|
import 'prop-types';
|
|
@@ -126,7 +127,7 @@ export { default as useUpdatableRef } from './hooks/useUpdatableRef.js';
|
|
|
126
127
|
export { default as useDidMount } from './hooks/useDidMount.js';
|
|
127
128
|
export { default as useBodyScroll } from './hooks/useBodyScroll.js';
|
|
128
129
|
export { default as useImgDownload } from './hooks/useImgDownload.js';
|
|
129
|
-
export { u as useEllipsisDetection } from './useEllipsisDetection-
|
|
130
|
+
export { u as useEllipsisDetection } from './useEllipsisDetection-c1c9ad94.js';
|
|
130
131
|
import './tslib.es6-f211516f.js';
|
|
131
132
|
import './index-031ff73c.js';
|
|
132
133
|
import './style-inject.es-746bb8ed.js';
|
|
@@ -142,7 +143,7 @@ import './guid-8ddf77b3.js';
|
|
|
142
143
|
import './localization-4ba17032.js';
|
|
143
144
|
import './index-122432cd.js';
|
|
144
145
|
import './debounce-4419bc2f.js';
|
|
145
|
-
import './rangeAndSlider-
|
|
146
|
+
import './rangeAndSlider-6f97ee47.js';
|
|
146
147
|
import './index-45eafea6.js';
|
|
147
148
|
import './react-lifecycles-compat.es-6e1f3768.js';
|
|
148
149
|
import './SuggestionList/index.js';
|
|
@@ -154,6 +155,6 @@ import './index-262edd7a.js';
|
|
|
154
155
|
import './index-b3a30cb9.js';
|
|
155
156
|
import './objectWithoutPropertiesLoose-e1596bdb.js';
|
|
156
157
|
import './clsx.m-2bb6df4b.js';
|
|
157
|
-
import './CellMeasurerCache-
|
|
158
|
+
import './CellMeasurerCache-67fc611e.js';
|
|
158
159
|
import './redux-e591c1b8.js';
|
|
159
160
|
import './react-beautiful-dnd.esm-1cdf39df.js';
|
|
@@ -34,6 +34,11 @@ interface IHelperTextProps {
|
|
|
34
34
|
* When `true`, a loading skeleton is displayed instead of the actual helper text.
|
|
35
35
|
*/
|
|
36
36
|
isLoading?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Additional class for the parent element.
|
|
39
|
+
* This prop should be used to set placement properties for the element relative to its parent using BEM conventions.
|
|
40
|
+
*/
|
|
41
|
+
className?: string;
|
|
37
42
|
}
|
|
38
43
|
/**
|
|
39
44
|
* The Helper Text provides users with additional information or guidance related to a specific input field in a form. This text helps users understand the expected format, requirements, or purpose of the input, thereby improving form completion accuracy and user confidence.
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { FC, JSX } from 'react';
|
|
2
|
+
import './Pill.scss';
|
|
3
|
+
interface IPillProps {
|
|
4
|
+
/**
|
|
5
|
+
* The actual text content to be displayed as pill text.
|
|
6
|
+
*/
|
|
7
|
+
text?: string;
|
|
8
|
+
/**
|
|
9
|
+
* Determines the position of the `Icon` relative to the `text`. <br/>
|
|
10
|
+
* **Note:** If `withDot` is `true` and no custom `Icon` is provided, the dot icon will always be displayed before the text, regardless of the `iconAlignment` value.<br/>
|
|
11
|
+
* Possible values: `before` or `after`.
|
|
12
|
+
*/
|
|
13
|
+
iconAlignment?: 'before' | 'after';
|
|
14
|
+
/**
|
|
15
|
+
* Pill visual appearance
|
|
16
|
+
* When `isFill` prop set to `true`, the `pill` will have a solid fill, providing a more prominent visual appearance. If `false`, the `pill` will be displayed with an outlined style.
|
|
17
|
+
*/
|
|
18
|
+
isFill?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Pill size
|
|
21
|
+
* Possible values: `smallNudge | small | medium`
|
|
22
|
+
*/
|
|
23
|
+
size?: 'smallNudge' | 'small' | 'medium';
|
|
24
|
+
/**
|
|
25
|
+
* Pill icon <br/>
|
|
26
|
+
* The `Icon` prop accepts a JSX element that will be displayed alongside the `text`
|
|
27
|
+
*/
|
|
28
|
+
Icon?: JSX.Element;
|
|
29
|
+
/**
|
|
30
|
+
* Displays a dot `Icon` when no custom `Icon` is provided. <br/>
|
|
31
|
+
* If `true`, a dot icon will be shown unless a custom `Icon` is specified. <br/>
|
|
32
|
+
* If `false`, the dot will be hidden, even if no custom `Icon` is provided.
|
|
33
|
+
*/
|
|
34
|
+
withDot?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Pill color <br/>
|
|
37
|
+
* Possible values: `informative | neutral | error | success | warning | purple | lagoon | magenta | slate | inverse`
|
|
38
|
+
*/
|
|
39
|
+
color?: 'informative' | 'neutral' | 'error' | 'success' | 'warning' | 'purple' | 'lagoon' | 'magenta' | 'slate' | 'inverse';
|
|
40
|
+
/**
|
|
41
|
+
* Additional class for the parent element.
|
|
42
|
+
* This prop should be used to set placement properties for the element relative to its parent using BEM conventions.
|
|
43
|
+
*/
|
|
44
|
+
className?: string;
|
|
45
|
+
}
|
|
46
|
+
/**
|
|
47
|
+
* A Pill component used to display concise information or categorize content. Often used for labels or status indicators, Pill components are visually distinct and can convey different meanings through text and color coding.
|
|
48
|
+
*/
|
|
49
|
+
declare const Pill: FC<IPillProps>;
|
|
50
|
+
export { IPillProps, Pill as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { IPillProps, default as default } from './Pill';
|
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-711fc51-03102024",
|
|
5
5
|
"author": "SoftConstruct",
|
|
6
6
|
"homepage": "https://github.com/softconstruct/gene-ui-components#readme",
|
|
7
7
|
"repository": {
|
|
@@ -110,17 +110,9 @@ function require_domCreate () {
|
|
|
110
110
|
return _domCreate;
|
|
111
111
|
}
|
|
112
112
|
|
|
113
|
-
var _ie8DomDefine
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
function require_ie8DomDefine () {
|
|
117
|
-
if (hasRequired_ie8DomDefine) return _ie8DomDefine;
|
|
118
|
-
hasRequired_ie8DomDefine = 1;
|
|
119
|
-
_ie8DomDefine = !require_descriptors() && !_fails(function () {
|
|
120
|
-
return Object.defineProperty(require_domCreate()('div'), 'a', { get: function () { return 7; } }).a != 7;
|
|
121
|
-
});
|
|
122
|
-
return _ie8DomDefine;
|
|
123
|
-
}
|
|
113
|
+
var _ie8DomDefine = !require_descriptors() && !_fails(function () {
|
|
114
|
+
return Object.defineProperty(require_domCreate()('div'), 'a', { get: function () { return 7; } }).a != 7;
|
|
115
|
+
});
|
|
124
116
|
|
|
125
117
|
// 7.1.1 ToPrimitive(input [, PreferredType])
|
|
126
118
|
var isObject$2 = _isObject;
|
|
@@ -141,7 +133,7 @@ function require_objectDp () {
|
|
|
141
133
|
if (hasRequired_objectDp) return _objectDp;
|
|
142
134
|
hasRequired_objectDp = 1;
|
|
143
135
|
var anObject = _anObject;
|
|
144
|
-
var IE8_DOM_DEFINE =
|
|
136
|
+
var IE8_DOM_DEFINE = _ie8DomDefine;
|
|
145
137
|
var toPrimitive = _toPrimitive;
|
|
146
138
|
var dP = Object.defineProperty;
|
|
147
139
|
|
|
@@ -1026,7 +1018,7 @@ var createDesc$2 = _propertyDesc;
|
|
|
1026
1018
|
var toIObject$2 = _toIobject;
|
|
1027
1019
|
var toPrimitive$1 = _toPrimitive;
|
|
1028
1020
|
var has$1 = _has;
|
|
1029
|
-
var IE8_DOM_DEFINE =
|
|
1021
|
+
var IE8_DOM_DEFINE = _ie8DomDefine;
|
|
1030
1022
|
var gOPD$1 = Object.getOwnPropertyDescriptor;
|
|
1031
1023
|
|
|
1032
1024
|
_objectGopd.f = require_descriptors() ? gOPD$1 : function getOwnPropertyDescriptor(O, P) {
|
|
@@ -12,7 +12,12 @@ const useEllipsisDetection = (ref, externalDependencies = []) => {
|
|
|
12
12
|
const { scrollWidth, clientWidth, scrollHeight, clientHeight } = ref.current;
|
|
13
13
|
setIsTruncated(scrollWidth > clientWidth || scrollHeight > clientHeight + EQUAL_HEIGHT_DIFF);
|
|
14
14
|
};
|
|
15
|
-
useEffect(() =>
|
|
15
|
+
useEffect(() => {
|
|
16
|
+
if (!ref.current || !('classList' in ref.current) || ref.current.classList.contains('ellipsis-text'))
|
|
17
|
+
return;
|
|
18
|
+
ref.current.classList.add('ellipsis-text');
|
|
19
|
+
}, [ref]);
|
|
20
|
+
useEffect(() => handleResize(), [...externalDependencies]);
|
|
16
21
|
useEffect(() => {
|
|
17
22
|
const debounce = () => debounceCallback(handleResize, 100);
|
|
18
23
|
window.addEventListener('resize', debounce);
|
|
@@ -25,8 +30,7 @@ const useEllipsisDetection = (ref, externalDependencies = []) => {
|
|
|
25
30
|
(_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.scrollWidth,
|
|
26
31
|
(_b = ref === null || ref === void 0 ? void 0 : ref.current) === null || _b === void 0 ? void 0 : _b.clientWidth,
|
|
27
32
|
(_c = ref === null || ref === void 0 ? void 0 : ref.current) === null || _c === void 0 ? void 0 : _c.scrollHeight,
|
|
28
|
-
(_d = ref === null || ref === void 0 ? void 0 : ref.current) === null || _d === void 0 ? void 0 : _d.clientHeight
|
|
29
|
-
...externalDependencies
|
|
33
|
+
(_d = ref === null || ref === void 0 ? void 0 : ref.current) === null || _d === void 0 ? void 0 : _d.clientHeight
|
|
30
34
|
]);
|
|
31
35
|
return isTruncated;
|
|
32
36
|
};
|