intergalactic 15.83.0-prerelease.1 → 15.84.0-prerelease.0
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/CHANGELOG.md +7 -9
- package/components.json +8 -8
- package/d3-chart/lib/cjs/Area.js +11 -11
- package/d3-chart/lib/cjs/Axis.js +14 -14
- package/d3-chart/lib/cjs/Bar.js +10 -10
- package/d3-chart/lib/cjs/Bubble.js +12 -12
- package/d3-chart/lib/cjs/Donut.js +9 -9
- package/d3-chart/lib/cjs/Dots.js +8 -8
- package/d3-chart/lib/cjs/HorizontalBar.js +10 -10
- package/d3-chart/lib/cjs/Hover.js +3 -3
- package/d3-chart/lib/cjs/Line.js +9 -9
- package/d3-chart/lib/cjs/Plot.js +3 -3
- package/d3-chart/lib/cjs/Radar.js +19 -19
- package/d3-chart/lib/cjs/RadialTree.js +11 -11
- package/d3-chart/lib/cjs/ReferenceLine.js +9 -9
- package/d3-chart/lib/cjs/ScatterPlot.js +9 -9
- package/d3-chart/lib/cjs/Tooltip.js +9 -9
- package/d3-chart/lib/cjs/Venn.js +9 -9
- package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/cjs/a11y/PlotA11yView.js +2 -2
- package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/d3-chart/lib/es6/Area.js +11 -11
- package/d3-chart/lib/es6/Axis.js +14 -14
- package/d3-chart/lib/es6/Bar.js +10 -10
- package/d3-chart/lib/es6/Bubble.js +12 -12
- package/d3-chart/lib/es6/Donut.js +9 -9
- package/d3-chart/lib/es6/Dots.js +8 -8
- package/d3-chart/lib/es6/HorizontalBar.js +10 -10
- package/d3-chart/lib/es6/Hover.js +3 -3
- package/d3-chart/lib/es6/Line.js +9 -9
- package/d3-chart/lib/es6/Plot.js +3 -3
- package/d3-chart/lib/es6/Radar.js +19 -19
- package/d3-chart/lib/es6/RadialTree.js +11 -11
- package/d3-chart/lib/es6/ReferenceLine.js +9 -9
- package/d3-chart/lib/es6/ScatterPlot.js +9 -9
- package/d3-chart/lib/es6/Tooltip.js +9 -9
- package/d3-chart/lib/es6/Venn.js +9 -9
- package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/es6/a11y/PlotA11yView.js +2 -2
- package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/dropdown/lib/cjs/Dropdown.js +2 -2
- package/dropdown/lib/es6/Dropdown.js +2 -2
- package/dropdown-menu/lib/cjs/DropdownMenu.js +16 -16
- package/dropdown-menu/lib/cjs/styleScrollArea.js +6 -6
- package/dropdown-menu/lib/es6/DropdownMenu.js +16 -16
- package/dropdown-menu/lib/es6/styleScrollArea.js +6 -6
- package/feature-popover/lib/cjs/FeaturePopover.js +10 -10
- package/feature-popover/lib/es6/FeaturePopover.js +10 -10
- package/package.json +2 -2
- package/popper/lib/cjs/Popper.js +23 -14
- package/popper/lib/cjs/Popper.js.map +1 -1
- package/popper/lib/es6/Popper.js +23 -14
- package/popper/lib/es6/Popper.js.map +1 -1
- package/select/lib/cjs/InputSearch.js +6 -6
- package/select/lib/cjs/Select.js +8 -8
- package/select/lib/es6/InputSearch.js +6 -6
- package/select/lib/es6/Select.js +8 -8
- package/time-picker/lib/cjs/TimePicker.js +12 -12
- package/time-picker/lib/es6/TimePicker.js +12 -12
- package/tooltip/lib/cjs/Tooltip.js +9 -9
- package/tooltip/lib/es6/Tooltip.js +9 -9
package/d3-chart/lib/es6/Venn.js
CHANGED
@@ -20,15 +20,15 @@ import Tooltip from './Tooltip';
|
|
20
20
|
import { PatternFill } from './Pattern';
|
21
21
|
import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
|
22
22
|
/*__reshadow-styles__:"./style/venn.shadow.css"*/
|
23
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
24
|
-
"__SCircle": "
|
25
|
-
"_color": "
|
26
|
-
"--color": "--
|
27
|
-
"_transparent": "
|
28
|
-
"__SIntersection": "
|
29
|
-
"--duration": "--
|
30
|
-
"_pattern": "
|
31
|
-
"--pattern": "--
|
23
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_wzxl5_gg_,.___SIntersection_wzxl5_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_wzxl5_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_wzxl5);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_wzxl5_gg_:hover{fill-opacity:.7}}.___SCircle_wzxl5_gg_.__color_wzxl5_gg_{fill:var(--color_wzxl5)}.___SCircle_wzxl5_gg_.__pattern_wzxl5_gg_.__color_wzxl5_gg_{fill:var(--pattern_wzxl5);fill-opacity:.7;stroke:var(--color_wzxl5);stroke-width:1px}@media (hover:hover){.___SCircle_wzxl5_gg_.__pattern_wzxl5_gg_.__color_wzxl5_gg_:hover{fill-opacity:.85}}.___SCircle_wzxl5_gg_.__transparent_wzxl5_gg_{opacity:.3}.___SIntersection_wzxl5_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_wzxl5_gg_:hover{fill-opacity:.1}}.___SIntersection_wzxl5_gg_.__transparent_wzxl5_gg_{opacity:.3}" /*__inner_css_end__*/, "wzxl5_gg_") /*__reshadow_css_end__*/, {
|
24
|
+
"__SCircle": "___SCircle_wzxl5_gg_",
|
25
|
+
"_color": "__color_wzxl5_gg_",
|
26
|
+
"--color": "--color_wzxl5",
|
27
|
+
"_transparent": "__transparent_wzxl5_gg_",
|
28
|
+
"__SIntersection": "___SIntersection_wzxl5_gg_",
|
29
|
+
"--duration": "--duration_wzxl5",
|
30
|
+
"_pattern": "__pattern_wzxl5_gg_",
|
31
|
+
"--pattern": "--pattern_wzxl5"
|
32
32
|
});
|
33
33
|
var VennRoot = /*#__PURE__*/function (_Component) {
|
34
34
|
_inherits(VennRoot, _Component);
|
@@ -10,8 +10,8 @@ import { normalizeLocale } from './locale';
|
|
10
10
|
import { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';
|
11
11
|
import { Root, sstyled } from 'intergalactic/core';
|
12
12
|
/*__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
|
13
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
14
|
-
"__SPlotA11yModule": "
|
13
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_18geh_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_18geh_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "18geh_gg_") /*__reshadow_css_end__*/, {
|
14
|
+
"__SPlotA11yModule": "___SPlotA11yModule_18geh_gg_"
|
15
15
|
});
|
16
16
|
import { Context as I18nContext, useI18n } from 'intergalactic/utils/lib/enhances/WithI18n';
|
17
17
|
import { Box } from 'intergalactic/flex-box';
|
@@ -9,8 +9,8 @@ import { getIntl } from './intl';
|
|
9
9
|
import { summarize } from './summarize';
|
10
10
|
import { Root, sstyled } from 'intergalactic/core';
|
11
11
|
/*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
|
12
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
13
|
-
"__SPlotA11yView": "
|
12
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_ya0i6_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_ya0i6_gg_:focus,.___SPlotA11yView_ya0i6_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_ya0i6_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_ya0i6_gg_ table,.___SPlotA11yView_ya0i6_gg_ td,.___SPlotA11yView_ya0i6_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "ya0i6_gg_") /*__reshadow_css_end__*/, {
|
13
|
+
"__SPlotA11yView": "___SPlotA11yView_ya0i6_gg_"
|
14
14
|
});
|
15
15
|
import { Box } from 'intergalactic/flex-box';
|
16
16
|
import { useAsyncI18nMessages } from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
@@ -10,10 +10,10 @@ import React from 'react';
|
|
10
10
|
import createComponent, { sstyled, Root } from 'intergalactic/core';
|
11
11
|
import { Flex } from 'intergalactic/flex-box';
|
12
12
|
/*__reshadow-styles__:"./legend-flex.shadow.css"*/
|
13
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
14
|
-
"__SLegendFlex": "
|
15
|
-
"_direction_row": "
|
16
|
-
"_direction_column": "
|
13
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_87i53_gg_._direction_row_87i53_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_87i53_gg_._direction_column_87i53_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "87i53_gg_") /*__reshadow_css_end__*/, {
|
14
|
+
"__SLegendFlex": "___SLegendFlex_87i53_gg_",
|
15
|
+
"_direction_row": "_direction_row_87i53_gg_",
|
16
|
+
"_direction_column": "_direction_column_87i53_gg_"
|
17
17
|
});
|
18
18
|
import { LegendItemComponent } from '../LegendItem/LegendItem';
|
19
19
|
import Divider from 'intergalactic/divider';
|
@@ -19,23 +19,23 @@ import { Flex, Box } from 'intergalactic/flex-box';
|
|
19
19
|
import Checkbox from 'intergalactic/checkbox';
|
20
20
|
import { Text as TypographyText } from 'intergalactic/typography';
|
21
21
|
/*__reshadow-styles__:"./legend-item.shadow.css"*/
|
22
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
23
|
-
"__SLegendItem": "
|
24
|
-
"_disabled": "
|
25
|
-
"__SPointShape": "
|
26
|
-
"_color": "
|
27
|
-
"--color": "--
|
28
|
-
"_shape_Circle": "
|
29
|
-
"_size_l": "
|
30
|
-
"_size_m": "
|
31
|
-
"_shape_Line": "
|
32
|
-
"_shape_Square": "
|
33
|
-
"_shape_Pattern": "
|
34
|
-
"__SIcon": "
|
35
|
-
"__SLabel": "
|
36
|
-
"__SAdditionalLabel": "
|
37
|
-
"__SCount": "
|
38
|
-
"__SPatternSymbol": "
|
22
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_7yxff_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_7yxff_gg_:hover{cursor:pointer}.___SLegendItem_7yxff_gg_.__disabled_7yxff_gg_:hover{cursor:default}}.___SPointShape_7yxff_gg_.__color_7yxff_gg_{background-color:var(--color_7yxff);margin-right:8px;flex-shrink:0}.___SPointShape_7yxff_gg_._shape_Circle_7yxff_gg_._size_l_7yxff_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_7yxff_gg_._shape_Circle_7yxff_gg_._size_m_7yxff_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_7yxff_gg_._shape_Line_7yxff_gg_._size_l_7yxff_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_7yxff_gg_._shape_Line_7yxff_gg_._size_m_7yxff_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_7yxff_gg_._shape_Square_7yxff_gg_._size_l_7yxff_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_7yxff_gg_._shape_Square_7yxff_gg_._size_m_7yxff_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_7yxff_gg_._shape_Pattern_7yxff_gg_{background-color:transparent;margin-right:4px}.___SIcon_7yxff_gg_{line-height:0;margin-right:4px}.___SIcon_7yxff_gg_._size_l_7yxff_gg_{margin-top:4px}.___SIcon_7yxff_gg_._size_m_7yxff_gg_{margin-top:2px}.___SLabel_7yxff_gg_{min-width:0}.___SAdditionalLabel_7yxff_gg_._size_l_7yxff_gg_,.___SCount_7yxff_gg_._size_l_7yxff_gg_,.___SLabel_7yxff_gg_._size_l_7yxff_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_7yxff_gg_._size_m_7yxff_gg_,.___SCount_7yxff_gg_._size_m_7yxff_gg_,.___SLabel_7yxff_gg_._size_m_7yxff_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_7yxff_gg_,.___SCount_7yxff_gg_{margin-left:4px}.___SAdditionalLabel_7yxff_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_7yxff_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_7yxff_gg_._size_l_7yxff_gg_::before{margin-top:10px}.___SAdditionalLabel_7yxff_gg_._size_m_7yxff_gg_::before{margin-top:8px}.___SPatternSymbol_7yxff_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "7yxff_gg_") /*__reshadow_css_end__*/, {
|
23
|
+
"__SLegendItem": "___SLegendItem_7yxff_gg_",
|
24
|
+
"_disabled": "__disabled_7yxff_gg_",
|
25
|
+
"__SPointShape": "___SPointShape_7yxff_gg_",
|
26
|
+
"_color": "__color_7yxff_gg_",
|
27
|
+
"--color": "--color_7yxff",
|
28
|
+
"_shape_Circle": "_shape_Circle_7yxff_gg_",
|
29
|
+
"_size_l": "_size_l_7yxff_gg_",
|
30
|
+
"_size_m": "_size_m_7yxff_gg_",
|
31
|
+
"_shape_Line": "_shape_Line_7yxff_gg_",
|
32
|
+
"_shape_Square": "_shape_Square_7yxff_gg_",
|
33
|
+
"_shape_Pattern": "_shape_Pattern_7yxff_gg_",
|
34
|
+
"__SIcon": "___SIcon_7yxff_gg_",
|
35
|
+
"__SLabel": "___SLabel_7yxff_gg_",
|
36
|
+
"__SAdditionalLabel": "___SAdditionalLabel_7yxff_gg_",
|
37
|
+
"__SCount": "___SCount_7yxff_gg_",
|
38
|
+
"__SPatternSymbol": "___SPatternSymbol_7yxff_gg_"
|
39
39
|
});
|
40
40
|
import { StaticShapes } from './LegendItem.type';
|
41
41
|
import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
|
@@ -11,12 +11,12 @@ import React from 'react';
|
|
11
11
|
import createComponent, { sstyled, Root } from 'intergalactic/core';
|
12
12
|
import { Box } from 'intergalactic/flex-box';
|
13
13
|
/*__reshadow-styles__:"./legend-table.shadow.css"*/
|
14
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
15
|
-
"__SLegendTable": "
|
16
|
-
"_columns-count": "__columns-
|
17
|
-
"__SColumnItem": "
|
18
|
-
"_size_l": "
|
19
|
-
"_size_m": "
|
14
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_11fh3_gg_.__columns-count_11fh3_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_11fh3_gg_._size_l_11fh3_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_11fh3_gg_._size_m_11fh3_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "11fh3_gg_") /*__reshadow_css_end__*/, {
|
15
|
+
"__SLegendTable": "___SLegendTable_11fh3_gg_",
|
16
|
+
"_columns-count": "__columns-count_11fh3_gg_",
|
17
|
+
"__SColumnItem": "___SColumnItem_11fh3_gg_",
|
18
|
+
"_size_l": "_size_l_11fh3_gg_",
|
19
|
+
"_size_m": "_size_m_11fh3_gg_"
|
20
20
|
});
|
21
21
|
import { LegendItemComponent } from '../LegendItem/LegendItem';
|
22
22
|
import { BaseLegend } from '../BaseLegend';
|
@@ -28,8 +28,8 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
|
|
28
28
|
var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
|
29
29
|
var _excluded = ["Children", "forwardRef", "modifiers", "stretch"];
|
30
30
|
/*__reshadow-styles__:"./style/dropdown.shadow.css"*/
|
31
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
32
|
-
"__SDropdownPopper": "
|
31
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDropdownPopper_dbzxx_gg_{position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));color:var(--intergalactic-text-primary, #191b23)}" /*__inner_css_end__*/, "dbzxx_gg_") /*__reshadow_css_end__*/, {
|
32
|
+
"__SDropdownPopper": "___SDropdownPopper_dbzxx_gg_"
|
33
33
|
});
|
34
34
|
var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];
|
35
35
|
var Dropdown = /*#__PURE__*/function (_Component) {
|
@@ -21,8 +21,8 @@ import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
|
|
21
21
|
import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
22
22
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
23
23
|
/*__reshadow-styles__:"./style/dropdown.shadow.css"*/
|
24
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
25
|
-
"__SDropdownPopper": "
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownPopper_dbzxx_gg_{position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));color:var(--intergalactic-text-primary, #191b23)}" /*__inner_css_end__*/, "dbzxx_gg_") /*__reshadow_css_end__*/, {
|
25
|
+
"__SDropdownPopper": "___SDropdownPopper_dbzxx_gg_"
|
26
26
|
});
|
27
27
|
import { hasFocusableIn } from 'intergalactic/utils/lib/use/useFocusLock';
|
28
28
|
var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];
|
@@ -34,22 +34,22 @@ var _getFocusableIn = require("intergalactic/utils/lib/focus-lock/getFocusableIn
|
|
34
34
|
var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
|
35
35
|
var _excluded = ["className"];
|
36
36
|
/*__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
|
37
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
38
|
-
"__SDropdownMenuList": "
|
39
|
-
"__SDropdownMenuItem": "
|
40
|
-
"_highlighted": "
|
41
|
-
"_disabled": "
|
42
|
-
"_size_l": "
|
43
|
-
"_size_m": "
|
44
|
-
"_visible": "
|
45
|
-
"_nesting-trigger": "__nesting-
|
46
|
-
"__SDropdownMenuNesting": "
|
47
|
-
"__SDropdownNestingItem": "
|
48
|
-
"_selected": "
|
49
|
-
"_notInteractive": "
|
50
|
-
"_variant_hint": "
|
51
|
-
"_variant_title": "
|
52
|
-
"__SDropdownMenuItemAddon": "
|
37
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_uvezo_gg_,.___SDropdownMenuList_uvezo_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_uvezo_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0}.___SDropdownMenuItem_uvezo_gg_{display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_uvezo_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_uvezo_gg_:focus{outline:0}.___SDropdownMenuItem_uvezo_gg_.__selected_uvezo_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownMenuItem_uvezo_gg_.__selected_uvezo_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_uvezo_gg_.__highlighted_uvezo_gg_:not(:focus-within){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_uvezo_gg_.__disabled_uvezo_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_uvezo_gg_._size_l_uvezo_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);min-height:40px}.___SDropdownMenuItem_uvezo_gg_._size_m_uvezo_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);padding:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);min-height:32px}.___SDropdownMenuItem_uvezo_gg_.__notInteractive_uvezo_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_uvezo_gg_.__notInteractive_uvezo_gg_:hover{background:0 0}}.___SDropdownMenuItem_uvezo_gg_._variant_hint_uvezo_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_uvezo_gg_._variant_hint_uvezo_gg_:hover{background:0 0}}.___SDropdownMenuItem_uvezo_gg_._variant_title_uvezo_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_uvezo_gg_._variant_title_uvezo_gg_:hover{background:0 0}}.___SDropdownMenuItem_uvezo_gg_.__visible_uvezo_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownMenuItem_uvezo_gg_.__nesting-trigger_uvezo_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_uvezo_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_uvezo_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_uvezo_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_uvezo_gg_,.___SDropdownMenuNesting_uvezo_gg_._size_l_uvezo_gg_,.___SDropdownMenuNesting_uvezo_gg_._size_m_uvezo_gg_{padding:0}.___SDropdownMenuNesting_uvezo_gg_.__highlighted_uvezo_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_uvezo_gg_._size_l_uvezo_gg_,.___SDropdownNestingItem_uvezo_gg_._size_m_uvezo_gg_{padding-right:0}.___SDropdownNestingItem_uvezo_gg_ .___SDropdownMenuItem_uvezo_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}" /*__inner_css_end__*/, "uvezo_gg_") /*__reshadow_css_end__*/, {
|
38
|
+
"__SDropdownMenuList": "___SDropdownMenuList_uvezo_gg_",
|
39
|
+
"__SDropdownMenuItem": "___SDropdownMenuItem_uvezo_gg_",
|
40
|
+
"_highlighted": "__highlighted_uvezo_gg_",
|
41
|
+
"_disabled": "__disabled_uvezo_gg_",
|
42
|
+
"_size_l": "_size_l_uvezo_gg_",
|
43
|
+
"_size_m": "_size_m_uvezo_gg_",
|
44
|
+
"_visible": "__visible_uvezo_gg_",
|
45
|
+
"_nesting-trigger": "__nesting-trigger_uvezo_gg_",
|
46
|
+
"__SDropdownMenuNesting": "___SDropdownMenuNesting_uvezo_gg_",
|
47
|
+
"__SDropdownNestingItem": "___SDropdownNestingItem_uvezo_gg_",
|
48
|
+
"_selected": "__selected_uvezo_gg_",
|
49
|
+
"_notInteractive": "__notInteractive_uvezo_gg_",
|
50
|
+
"_variant_hint": "_variant_hint_uvezo_gg_",
|
51
|
+
"_variant_title": "_variant_title_uvezo_gg_",
|
52
|
+
"__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_uvezo_gg_"
|
53
53
|
});
|
54
54
|
var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
|
55
55
|
(0, _inherits2["default"])(DropdownMenuRoot, _Component);
|
@@ -11,12 +11,12 @@ var _core = require("intergalactic/core");
|
|
11
11
|
*
|
12
12
|
* We will figure out what to do with it and remove it.
|
13
13
|
* */
|
14
|
-
var scrollStyles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
15
|
-
"__SShadowHorizontal": "
|
16
|
-
"_position_median": "
|
17
|
-
"_position_start": "
|
18
|
-
"_position_end": "
|
19
|
-
"__SShadowVertical": "
|
14
|
+
var scrollStyles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_899xw_gg_:after,.___SShadowHorizontal_899xw_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_899xw_gg_._position_median_899xw_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowHorizontal_899xw_gg_._position_median_899xw_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowHorizontal_899xw_gg_._position_start_899xw_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowHorizontal_899xw_gg_._position_end_899xw_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowVertical_899xw_gg_:after,.___SShadowVertical_899xw_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_899xw_gg_._position_median_899xw_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowVertical_899xw_gg_._position_median_899xw_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowVertical_899xw_gg_._position_start_899xw_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowVertical_899xw_gg_._position_end_899xw_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}" /*__inner_css_end__*/, "899xw_gg_") /*__reshadow_css_end__*/, {
|
15
|
+
"__SShadowHorizontal": "___SShadowHorizontal_899xw_gg_",
|
16
|
+
"_position_median": "_position_median_899xw_gg_",
|
17
|
+
"_position_start": "_position_start_899xw_gg_",
|
18
|
+
"_position_end": "_position_end_899xw_gg_",
|
19
|
+
"__SShadowVertical": "___SShadowVertical_899xw_gg_"
|
20
20
|
});
|
21
21
|
var _default = scrollStyles;
|
22
22
|
exports["default"] = _default;
|
@@ -33,22 +33,22 @@ import { useFocusLock } from 'intergalactic/utils/lib/use/useFocusLock';
|
|
33
33
|
import { hasParent } from 'intergalactic/utils/lib/hasParent';
|
34
34
|
import scrollStyles from './styleScrollArea';
|
35
35
|
/*__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
|
36
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
37
|
-
"__SDropdownMenuList": "
|
38
|
-
"__SDropdownMenuItem": "
|
39
|
-
"_highlighted": "
|
40
|
-
"_disabled": "
|
41
|
-
"_size_l": "
|
42
|
-
"_size_m": "
|
43
|
-
"_visible": "
|
44
|
-
"_nesting-trigger": "__nesting-
|
45
|
-
"__SDropdownMenuNesting": "
|
46
|
-
"__SDropdownNestingItem": "
|
47
|
-
"_selected": "
|
48
|
-
"_notInteractive": "
|
49
|
-
"_variant_hint": "
|
50
|
-
"_variant_title": "
|
51
|
-
"__SDropdownMenuItemAddon": "
|
36
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_uvezo_gg_,.___SDropdownMenuList_uvezo_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_uvezo_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0}.___SDropdownMenuItem_uvezo_gg_{display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_uvezo_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_uvezo_gg_:focus{outline:0}.___SDropdownMenuItem_uvezo_gg_.__selected_uvezo_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownMenuItem_uvezo_gg_.__selected_uvezo_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_uvezo_gg_.__highlighted_uvezo_gg_:not(:focus-within){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_uvezo_gg_.__disabled_uvezo_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_uvezo_gg_._size_l_uvezo_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);min-height:40px}.___SDropdownMenuItem_uvezo_gg_._size_m_uvezo_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);padding:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);min-height:32px}.___SDropdownMenuItem_uvezo_gg_.__notInteractive_uvezo_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_uvezo_gg_.__notInteractive_uvezo_gg_:hover{background:0 0}}.___SDropdownMenuItem_uvezo_gg_._variant_hint_uvezo_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_uvezo_gg_._variant_hint_uvezo_gg_:hover{background:0 0}}.___SDropdownMenuItem_uvezo_gg_._variant_title_uvezo_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_uvezo_gg_._variant_title_uvezo_gg_:hover{background:0 0}}.___SDropdownMenuItem_uvezo_gg_.__visible_uvezo_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownMenuItem_uvezo_gg_.__nesting-trigger_uvezo_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_uvezo_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_uvezo_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_uvezo_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_uvezo_gg_,.___SDropdownMenuNesting_uvezo_gg_._size_l_uvezo_gg_,.___SDropdownMenuNesting_uvezo_gg_._size_m_uvezo_gg_{padding:0}.___SDropdownMenuNesting_uvezo_gg_.__highlighted_uvezo_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_uvezo_gg_._size_l_uvezo_gg_,.___SDropdownNestingItem_uvezo_gg_._size_m_uvezo_gg_{padding-right:0}.___SDropdownNestingItem_uvezo_gg_ .___SDropdownMenuItem_uvezo_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}" /*__inner_css_end__*/, "uvezo_gg_") /*__reshadow_css_end__*/, {
|
37
|
+
"__SDropdownMenuList": "___SDropdownMenuList_uvezo_gg_",
|
38
|
+
"__SDropdownMenuItem": "___SDropdownMenuItem_uvezo_gg_",
|
39
|
+
"_highlighted": "__highlighted_uvezo_gg_",
|
40
|
+
"_disabled": "__disabled_uvezo_gg_",
|
41
|
+
"_size_l": "_size_l_uvezo_gg_",
|
42
|
+
"_size_m": "_size_m_uvezo_gg_",
|
43
|
+
"_visible": "__visible_uvezo_gg_",
|
44
|
+
"_nesting-trigger": "__nesting-trigger_uvezo_gg_",
|
45
|
+
"__SDropdownMenuNesting": "___SDropdownMenuNesting_uvezo_gg_",
|
46
|
+
"__SDropdownNestingItem": "___SDropdownNestingItem_uvezo_gg_",
|
47
|
+
"_selected": "__selected_uvezo_gg_",
|
48
|
+
"_notInteractive": "__notInteractive_uvezo_gg_",
|
49
|
+
"_variant_hint": "_variant_hint_uvezo_gg_",
|
50
|
+
"_variant_title": "_variant_title_uvezo_gg_",
|
51
|
+
"__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_uvezo_gg_"
|
52
52
|
});
|
53
53
|
import { setFocus } from 'intergalactic/utils/lib/focus-lock/setFocus';
|
54
54
|
import { isFocusInside } from 'intergalactic/utils/lib/focus-lock/isFocusInside';
|
@@ -5,12 +5,12 @@ import { sstyled as _sstyled } from 'intergalactic/core';
|
|
5
5
|
*
|
6
6
|
* We will figure out what to do with it and remove it.
|
7
7
|
* */
|
8
|
-
var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
9
|
-
"__SShadowHorizontal": "
|
10
|
-
"_position_median": "
|
11
|
-
"_position_start": "
|
12
|
-
"_position_end": "
|
13
|
-
"__SShadowVertical": "
|
8
|
+
var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_899xw_gg_:after,.___SShadowHorizontal_899xw_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_899xw_gg_._position_median_899xw_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowHorizontal_899xw_gg_._position_median_899xw_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowHorizontal_899xw_gg_._position_start_899xw_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowHorizontal_899xw_gg_._position_end_899xw_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowVertical_899xw_gg_:after,.___SShadowVertical_899xw_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_899xw_gg_._position_median_899xw_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowVertical_899xw_gg_._position_median_899xw_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowVertical_899xw_gg_._position_start_899xw_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}.___SShadowVertical_899xw_gg_._position_end_899xw_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n )}" /*__inner_css_end__*/, "899xw_gg_") /*__reshadow_css_end__*/, {
|
9
|
+
"__SShadowHorizontal": "___SShadowHorizontal_899xw_gg_",
|
10
|
+
"_position_median": "_position_median_899xw_gg_",
|
11
|
+
"_position_start": "_position_start_899xw_gg_",
|
12
|
+
"_position_end": "_position_end_899xw_gg_",
|
13
|
+
"__SShadowVertical": "___SShadowVertical_899xw_gg_"
|
14
14
|
});
|
15
15
|
export default scrollStyles;
|
16
16
|
//# sourceMappingURL=styleScrollArea.js.map
|
@@ -26,17 +26,17 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
|
|
26
26
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
27
27
|
var _excluded = ["styles", "forwardRef", "onVisibleChange", "modifiers"];
|
28
28
|
/*__reshadow-styles__:"./style/feature-popover.shadow.css"*/
|
29
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes
|
30
|
-
"__SFeaturePopover": "
|
31
|
-
"__STrigger": "
|
32
|
-
"__SClose": "
|
33
|
-
"@showTrigger": "
|
34
|
-
"@scaleSizeAndHide": "
|
35
|
-
"__SSpot": "
|
29
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_5bg2j{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_5bg2j{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_5bg2j_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___STrigger_5bg2j_gg_{position:relative}.___SClose_5bg2j_gg_{position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);cursor:pointer;color:var(--intergalactic-text-primary, #191b23);font-size:0}.___SSpot_5bg2j_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_5bg2j;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_5bg2j_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_5bg2j;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s}.___SSpot_5bg2j_gg_::after,.___SSpot_5bg2j_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px;background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_5bg2j_gg_,.___SSpot_5bg2j_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "5bg2j_gg_") /*__reshadow_css_end__*/, {
|
30
|
+
"__SFeaturePopover": "___SFeaturePopover_5bg2j_gg_",
|
31
|
+
"__STrigger": "___STrigger_5bg2j_gg_",
|
32
|
+
"__SClose": "___SClose_5bg2j_gg_",
|
33
|
+
"@showTrigger": "showTrigger_5bg2j",
|
34
|
+
"@scaleSizeAndHide": "scaleSizeAndHide_5bg2j",
|
35
|
+
"__SSpot": "___SSpot_5bg2j_gg_"
|
36
36
|
});
|
37
|
-
var stylePopper = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes
|
38
|
-
"@enter": "
|
39
|
-
"@exit": "
|
37
|
+
var stylePopper = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1af7j{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_1af7j{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "1af7j_gg_") /*__reshadow_css_end__*/, {
|
38
|
+
"@enter": "enter_1af7j",
|
39
|
+
"@exit": "exit_1af7j"
|
40
40
|
});
|
41
41
|
var FeaturePopover = /*#__PURE__*/function (_Component) {
|
42
42
|
(0, _inherits2["default"])(FeaturePopover, _Component);
|
@@ -22,17 +22,17 @@ import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
|
|
22
22
|
import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
23
23
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
24
24
|
/*__reshadow-styles__:"./style/feature-popover.shadow.css"*/
|
25
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes
|
26
|
-
"__SFeaturePopover": "
|
27
|
-
"__STrigger": "
|
28
|
-
"__SClose": "
|
29
|
-
"@showTrigger": "
|
30
|
-
"@scaleSizeAndHide": "
|
31
|
-
"__SSpot": "
|
25
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_5bg2j{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_5bg2j{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_5bg2j_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___STrigger_5bg2j_gg_{position:relative}.___SClose_5bg2j_gg_{position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);cursor:pointer;color:var(--intergalactic-text-primary, #191b23);font-size:0}.___SSpot_5bg2j_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_5bg2j;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_5bg2j_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_5bg2j;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s}.___SSpot_5bg2j_gg_::after,.___SSpot_5bg2j_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px;background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_5bg2j_gg_,.___SSpot_5bg2j_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "5bg2j_gg_") /*__reshadow_css_end__*/, {
|
26
|
+
"__SFeaturePopover": "___SFeaturePopover_5bg2j_gg_",
|
27
|
+
"__STrigger": "___STrigger_5bg2j_gg_",
|
28
|
+
"__SClose": "___SClose_5bg2j_gg_",
|
29
|
+
"@showTrigger": "showTrigger_5bg2j",
|
30
|
+
"@scaleSizeAndHide": "scaleSizeAndHide_5bg2j",
|
31
|
+
"__SSpot": "___SSpot_5bg2j_gg_"
|
32
32
|
});
|
33
|
-
var stylePopper = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes
|
34
|
-
"@enter": "
|
35
|
-
"@exit": "
|
33
|
+
var stylePopper = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1af7j{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_1af7j{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "1af7j_gg_") /*__reshadow_css_end__*/, {
|
34
|
+
"@enter": "enter_1af7j",
|
35
|
+
"@exit": "exit_1af7j"
|
36
36
|
});
|
37
37
|
var FeaturePopover = /*#__PURE__*/function (_Component) {
|
38
38
|
_inherits(FeaturePopover, _Component);
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "intergalactic",
|
3
|
-
"version": "15.
|
3
|
+
"version": "15.84.0-prerelease.0",
|
4
4
|
"license": "MIT",
|
5
5
|
"dependencies": {
|
6
6
|
"intergalactic-migrate": "0.0.0",
|
@@ -18,10 +18,10 @@
|
|
18
18
|
"d3-time-format": "4.1.0",
|
19
19
|
"d3-transition": "3.0.1",
|
20
20
|
"hoist-non-react-statics": "3.3.2",
|
21
|
+
"csstype": "3.0.8",
|
21
22
|
"final-form": "4.20.4",
|
22
23
|
"final-form-focus": "1.1.2",
|
23
24
|
"react-final-form": "6.5.9",
|
24
|
-
"csstype": "3.0.8",
|
25
25
|
"@babel/runtime": "^7.17.9",
|
26
26
|
"text-mask-core": "5.1.2",
|
27
27
|
"@popperjs/core": "2.11.5",
|
package/popper/lib/cjs/Popper.js
CHANGED
@@ -40,12 +40,12 @@ var _excluded = ["placement", "modifiers", "strategy", "onFirstUpdate"],
|
|
40
40
|
_excluded2 = ["onKeyDown"],
|
41
41
|
_excluded3 = ["onKeyDown"];
|
42
42
|
/*__reshadow-styles__:"./style/popper.shadow.css"*/
|
43
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
44
|
-
"__SPopper": "
|
45
|
-
"_keyboardFocused": "
|
46
|
-
"_hideFocus": "
|
47
|
-
"__SFocusHint": "
|
48
|
-
"__STrigger": "
|
43
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPopper_1v224_gg_{outline:0;z-index:var(--intergalactic-z-index-popper, 700);color:var(--intergalactic-text-primary, #191b23)}.___SPopper_1v224_gg_.__keyboardFocused_1v224_gg_:focus:after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;border-radius:var(--intergalactic-popper-rounded, 6px)}.___SPopper_1v224_gg_.__keyboardFocused_1v224_gg_.__hideFocus_1v224_gg_:focus:after{box-shadow:none}.___SFocusHint_1v224_gg_{display:none}.___STrigger_1v224_gg_:focus .___SFocusHint_1v224_gg_,.___STrigger_1v224_gg_:focus-within .___SFocusHint_1v224_gg_{display:inline}" /*__inner_css_end__*/, "1v224_gg_") /*__reshadow_css_end__*/, {
|
44
|
+
"__SPopper": "___SPopper_1v224_gg_",
|
45
|
+
"_keyboardFocused": "__keyboardFocused_1v224_gg_",
|
46
|
+
"_hideFocus": "__hideFocus_1v224_gg_",
|
47
|
+
"__SFocusHint": "___SFocusHint_1v224_gg_",
|
48
|
+
"__STrigger": "___STrigger_1v224_gg_"
|
49
49
|
});
|
50
50
|
function isObject(obj) {
|
51
51
|
return (0, _typeof2["default"])(obj) === 'object' && !Array.isArray(obj);
|
@@ -115,6 +115,7 @@ var Popper = /*#__PURE__*/function (_Component) {
|
|
115
115
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "triggerRef", /*#__PURE__*/_react["default"].createRef());
|
116
116
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "popperRef", /*#__PURE__*/_react["default"].createRef());
|
117
117
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "popper", /*#__PURE__*/_react["default"].createRef());
|
118
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "lastPopperReference", null);
|
118
119
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
|
119
120
|
ignoreTriggerFocusUntil: 0
|
120
121
|
});
|
@@ -244,14 +245,14 @@ var Popper = /*#__PURE__*/function (_Component) {
|
|
244
245
|
}
|
245
246
|
}, 0);
|
246
247
|
}
|
247
|
-
|
248
|
+
_this.lastPopperReference = e === null || e === void 0 ? void 0 : e.currentTarget;
|
248
249
|
_this.handlerChangeVisibleWithTimer(visible, e, function () {
|
249
250
|
clearTimeout(_this.timerMultiTrigger);
|
250
251
|
// instance popper is not here yet because the popperRef did not have time to come
|
251
252
|
_this.timerMultiTrigger = setTimeout(function () {
|
252
|
-
if (visible && component === 'trigger' && _this.popper.current &&
|
253
|
-
if (_this.popper.current.state.elements.reference !==
|
254
|
-
_this.popper.current.state.elements.reference =
|
253
|
+
if (visible && component === 'trigger' && _this.popper.current && _this.lastPopperReference) {
|
254
|
+
if (_this.popper.current.state.elements.reference !== _this.lastPopperReference) {
|
255
|
+
_this.popper.current.state.elements.reference = _this.lastPopperReference;
|
255
256
|
// for update
|
256
257
|
_this.popper.current.setOptions({});
|
257
258
|
}
|
@@ -279,10 +280,17 @@ var Popper = /*#__PURE__*/function (_Component) {
|
|
279
280
|
var timeoutConfig = typeof timeout === 'number' ? [timeout, timeout] : timeout;
|
280
281
|
var latency = visible ? timeoutConfig[0] : timeoutConfig[1];
|
281
282
|
clearTimeout(_this.timer);
|
282
|
-
_this.
|
283
|
-
|
283
|
+
if (_this.asProps.visible) {
|
284
|
+
_this.timer = setTimeout(function () {
|
285
|
+
handlers.visible(visible, e);
|
286
|
+
}, latency);
|
284
287
|
cb();
|
285
|
-
}
|
288
|
+
} else {
|
289
|
+
_this.timer = setTimeout(function () {
|
290
|
+
handlers.visible(visible, e);
|
291
|
+
cb();
|
292
|
+
}, latency);
|
293
|
+
}
|
286
294
|
});
|
287
295
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleTriggerBlur", function () {
|
288
296
|
setTimeout(function () {
|
@@ -319,9 +327,10 @@ var Popper = /*#__PURE__*/function (_Component) {
|
|
319
327
|
}, {
|
320
328
|
key: "createPopper",
|
321
329
|
value: function createPopper() {
|
330
|
+
var _this$lastPopperRefer;
|
322
331
|
if (!this.triggerRef.current || !this.popperRef.current) return;
|
323
332
|
if (this.asProps.__disablePopper) return;
|
324
|
-
this.popper.current = (0, _createPopper2["default"])(this.triggerRef.current, this.popperRef.current, this.getPopperOptions());
|
333
|
+
this.popper.current = (0, _createPopper2["default"])((_this$lastPopperRefer = this.lastPopperReference) !== null && _this$lastPopperRefer !== void 0 ? _this$lastPopperRefer : this.triggerRef.current, this.popperRef.current, this.getPopperOptions());
|
325
334
|
}
|
326
335
|
}, {
|
327
336
|
key: "componentDidMount",
|