@hazelcast/ui 1.3.3-next.8 → 1.3.3-next.9
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/lib/AppHeader/AppHeader.d.ts +14 -0
- package/lib/AppHeader/AppHeader.js +15 -0
- package/lib/AppHeader/AppHeader.js.map +1 -0
- package/lib/AppHeader/AppHeader.module.scss +25 -0
- package/lib/AppHeader/AppHeaderLogo/AppHeaderLogo.d.ts +12 -0
- package/lib/AppHeader/AppHeaderLogo/AppHeaderLogo.js +7 -0
- package/lib/AppHeader/AppHeaderLogo/AppHeaderLogo.js.map +1 -0
- package/lib/AppHeader/AppHeaderLogo/AppHeaderLogo.module.scss +29 -0
- package/lib/AppHeader/AppHeaderLogo/index.d.ts +1 -0
- package/lib/AppHeader/AppHeaderLogo/index.js +2 -0
- package/lib/AppHeader/AppHeaderLogo/index.js.map +1 -0
- package/lib/AppHeader/AppHeaderMenu/AppHeaderMenu.d.ts +7 -0
- package/lib/AppHeader/AppHeaderMenu/AppHeaderMenu.js +14 -0
- package/lib/AppHeader/AppHeaderMenu/AppHeaderMenu.js.map +1 -0
- package/lib/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss +11 -0
- package/lib/AppHeader/AppHeaderMenu/index.d.ts +1 -0
- package/lib/AppHeader/AppHeaderMenu/index.js +2 -0
- package/lib/AppHeader/AppHeaderMenu/index.js.map +1 -0
- package/lib/AppHeader/EnvironmentBadge/EnvironmentBadge.d.ts +5 -0
- package/lib/AppHeader/EnvironmentBadge/EnvironmentBadge.js +10 -0
- package/lib/AppHeader/EnvironmentBadge/EnvironmentBadge.js.map +1 -0
- package/lib/AppHeader/EnvironmentBadge/EnvironmentBadge.module.scss +13 -0
- package/lib/AppHeader/EnvironmentBadge/index.d.ts +1 -0
- package/lib/AppHeader/EnvironmentBadge/index.js +2 -0
- package/lib/AppHeader/EnvironmentBadge/index.js.map +1 -0
- package/lib/AppHeader/SelectCluster/SelectCluster.d.ts +9 -0
- package/lib/AppHeader/SelectCluster/SelectCluster.js +37 -0
- package/lib/AppHeader/SelectCluster/SelectCluster.js.map +1 -0
- package/lib/AppHeader/SelectCluster/SelectCluster.module.scss +99 -0
- package/lib/AppHeader/SelectCluster/index.d.ts +1 -0
- package/lib/AppHeader/SelectCluster/index.js +2 -0
- package/lib/AppHeader/SelectCluster/index.js.map +1 -0
- package/lib/AppHeader/index.d.ts +1 -0
- package/lib/AppHeader/index.js +2 -0
- package/lib/AppHeader/index.js.map +1 -0
- package/lib/AppSidebar/AppSidebar.d.ts +10 -0
- package/lib/AppSidebar/AppSidebar.js +31 -0
- package/lib/AppSidebar/AppSidebar.js.map +1 -0
- package/lib/AppSidebar/AppSidebar.module.scss +64 -0
- package/lib/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.d.ts +6 -0
- package/lib/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js +22 -0
- package/lib/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js.map +1 -0
- package/lib/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.module.scss +16 -0
- package/lib/AppSidebar/AppSidebarFavoriteButton/index.d.ts +1 -0
- package/lib/AppSidebar/AppSidebarFavoriteButton/index.js +2 -0
- package/lib/AppSidebar/AppSidebarFavoriteButton/index.js.map +1 -0
- package/lib/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.d.ts +7 -0
- package/lib/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.js +11 -0
- package/lib/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.js.map +1 -0
- package/lib/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.scss +12 -0
- package/lib/AppSidebar/AppSidebarFavorites/index.d.ts +1 -0
- package/lib/AppSidebar/AppSidebarFavorites/index.js +2 -0
- package/lib/AppSidebar/AppSidebarFavorites/index.js.map +1 -0
- package/lib/AppSidebar/AppSidebarItem/AppSidebarItem.d.ts +30 -0
- package/lib/AppSidebar/AppSidebarItem/AppSidebarItem.js +25 -0
- package/lib/AppSidebar/AppSidebarItem/AppSidebarItem.js.map +1 -0
- package/lib/AppSidebar/AppSidebarItem/AppSidebarItem.module.scss +86 -0
- package/lib/AppSidebar/AppSidebarItem/index.d.ts +1 -0
- package/lib/AppSidebar/AppSidebarItem/index.js +2 -0
- package/lib/AppSidebar/AppSidebarItem/index.js.map +1 -0
- package/lib/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.d.ts +6 -0
- package/lib/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.js +6 -0
- package/lib/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.js.map +1 -0
- package/lib/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.module.scss +24 -0
- package/lib/AppSidebar/AppSidebarMenuItemCounter/index.d.ts +1 -0
- package/lib/AppSidebar/AppSidebarMenuItemCounter/index.js +2 -0
- package/lib/AppSidebar/AppSidebarMenuItemCounter/index.js.map +1 -0
- package/lib/AppSidebar/AppSidebarSection/AppSidebarSection.d.ts +12 -0
- package/lib/AppSidebar/AppSidebarSection/AppSidebarSection.js +15 -0
- package/lib/AppSidebar/AppSidebarSection/AppSidebarSection.js.map +1 -0
- package/lib/AppSidebar/AppSidebarSection/AppSidebarSection.module.scss +55 -0
- package/lib/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.d.ts +11 -0
- package/lib/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js +45 -0
- package/lib/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js.map +1 -0
- package/lib/AppSidebar/AppSidebarSection/appSidebarSectionContext.d.ts +2 -0
- package/lib/AppSidebar/AppSidebarSection/appSidebarSectionContext.js +3 -0
- package/lib/AppSidebar/AppSidebarSection/appSidebarSectionContext.js.map +1 -0
- package/lib/AppSidebar/AppSidebarSection/index.d.ts +1 -0
- package/lib/AppSidebar/AppSidebarSection/index.js +2 -0
- package/lib/AppSidebar/AppSidebarSection/index.js.map +1 -0
- package/lib/AppSidebar/appSidebarContext.d.ts +10 -0
- package/lib/AppSidebar/appSidebarContext.js +11 -0
- package/lib/AppSidebar/appSidebarContext.js.map +1 -0
- package/lib/AppSidebar/index.d.ts +5 -0
- package/lib/AppSidebar/index.js +6 -0
- package/lib/AppSidebar/index.js.map +1 -0
- package/lib/Button.d.ts +5 -2
- package/lib/Button.js +10 -9
- package/lib/Button.js.map +1 -1
- package/lib/Button.module.scss +30 -1
- package/lib/CenteredLoader.d.ts +5 -0
- package/lib/CenteredLoader.js +6 -0
- package/lib/CenteredLoader.js.map +1 -0
- package/lib/CenteredLoader.module.scss +11 -0
- package/lib/Link.d.ts +1 -1
- package/lib/Link.js +1 -0
- package/lib/Link.js.map +1 -1
- package/lib/Link.module.scss +4 -0
- package/lib/Select/Common.js +8 -12
- package/lib/Select/Common.js.map +1 -1
- package/lib/Select/Common.module.scss +1 -1
- package/lib/Select/SelectField.d.ts +1 -0
- package/lib/Select/SelectField.js.map +1 -1
- package/lib/Tooltip.d.ts +2 -0
- package/lib/Tooltip.js +20 -13
- package/lib/Tooltip.js.map +1 -1
- package/lib/Tooltip.module.scss +94 -70
- package/package.json +9 -3
- package/styles/constants/_colors.scss +5 -1
- package/styles/helpers/_a11y.scss +8 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CenteredLoader.js","sourceRoot":"","sources":["../src/CenteredLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AAGjC,OAAO,EAAe,MAAM,EAAE,MAAM,UAAU,CAAA;AAE9C,OAAO,MAAM,MAAM,8BAA8B,CAAA;AAGjD,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAAE,WAAW,EAAE,QAAQ,GAAG,iBAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAClH,6BAAK,SAAS,EAAE,MAAM,CAAC,SAAS,eAAa,QAAQ;IACnD,oBAAC,MAAM,OAAK,KAAK,GAAI,CACjB,CACP,CAAA"}
|
package/lib/Link.d.ts
CHANGED
|
@@ -20,7 +20,7 @@ export type LinkTarget = '_self' | '_blank' | '_parent' | '_top';
|
|
|
20
20
|
export type LinkRel = 'alternate' | 'author' | 'bookmark' | 'dns-prefetch' | 'external' | 'help' | 'license' | 'next' | 'nofollow' | 'noopener' | 'noreferrer' | 'opener' | 'prev' | 'search' | 'tag';
|
|
21
21
|
export type LinkProps = IconProps & {
|
|
22
22
|
size?: keyof typeof sizes;
|
|
23
|
-
kind?: 'primary' | 'secondary';
|
|
23
|
+
kind?: 'primary' | 'secondary' | 'contrast';
|
|
24
24
|
children: ReactNode;
|
|
25
25
|
bold?: boolean;
|
|
26
26
|
onClick?: MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
|
package/lib/Link.js
CHANGED
|
@@ -26,6 +26,7 @@ export const Link = forwardRef(({ component = 'a', kind = 'primary', size = 'nor
|
|
|
26
26
|
// kind
|
|
27
27
|
[styles.primary]: kind === 'primary',
|
|
28
28
|
[styles.secondary]: kind === 'secondary',
|
|
29
|
+
[styles.contrast]: kind === 'contrast',
|
|
29
30
|
// bold
|
|
30
31
|
[styles.bold]: bold,
|
|
31
32
|
}, className),
|
package/lib/Link.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8C,UAAU,EAAkD,MAAM,OAAO,CAAA;AAErI,OAAO,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8C,UAAU,EAAkD,MAAM,OAAO,CAAA;AAErI,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAEvC,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,MAAM,CAAC,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,OAAO,EAAE,MAAM,CAAC,OAAO;CACxB,CAAA;AA8DD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EACE,SAAS,GAAG,GAAG,EACf,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,KAAK,EACZ,IAAI,EACJ,SAAS,EACT,aAAa,EACb,IAAI,EACJ,GAAG,GAAG,UAAU,EAChB,MAAM,GAAG,OAAO,EAChB,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,SAAS,EACT,QAAQ,EACR,WAAW,EAAE,QAAQ,GAAG,MAAM,GAC/B,EACD,GAAG,EACH,EAAE;IACF,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;IAEzD,MAAM,WAAW,GAAG;QAClB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,IAAI,CAAC,EACZ;YACE,OAAO;YACP,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;YACpC,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,IAAI,KAAK,WAAW;YACxC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,KAAK,UAAU;YACtC,OAAO;YACP,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI;SACpB,EACD,SAAS,CACV;QACD,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,OAAO;KACjB,CAAA;IAED,MAAM,aAAa,GACjB,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,CAClB,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,GAAI,CAC/H,CAAC,CAAC,CAAC,SAAS,CAAA;IAEf,OAAO,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,CACzB,8BAAO,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAA0C,eAAa,QAAQ;QACpH,QAAQ;QACR,aAAa,CACZ,CACL,CAAC,CAAC,CAAC,CACF,mCAAY,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAA0C,eAAa,QAAQ;QACtG,QAAQ;QACR,aAAa,CACP,CACV,CAAA;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}
|
package/lib/Link.module.scss
CHANGED
package/lib/Select/Common.js
CHANGED
|
@@ -31,23 +31,19 @@ const MenuList = (props) => {
|
|
|
31
31
|
React.createElement(rsComponents.MenuList, { ...props }),
|
|
32
32
|
isRenderMenuFooterFunction(renderMenuFooter) && renderMenuFooter()));
|
|
33
33
|
};
|
|
34
|
-
const
|
|
34
|
+
const ValueContainer = (props) => {
|
|
35
35
|
var _a;
|
|
36
|
-
return (React.createElement(
|
|
37
|
-
React.createElement(
|
|
38
|
-
|
|
39
|
-
React.createElement("span", { className: styles.trailingNote }, (_a = props.data) === null || _a === void 0 ? void 0 : _a.trailingNote))));
|
|
36
|
+
return (React.createElement("div", { className: cn(props.className, styles.valueContainer) },
|
|
37
|
+
React.createElement(TruncatedText, { text: props.children }),
|
|
38
|
+
React.createElement("span", { className: cn(styles.trailingNote, `${props.selectProps.classNamePrefix || ''}__trailing-note`) }, (_a = props.data) === null || _a === void 0 ? void 0 : _a.trailingNote)));
|
|
40
39
|
};
|
|
40
|
+
const Option = (props) => (React.createElement(rsComponents.Option, { ...props },
|
|
41
|
+
React.createElement(ValueContainer, { ...props, className: `${props.selectProps.classNamePrefix || ''}__value-container` }, props.label)));
|
|
41
42
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
42
43
|
// @ts-ignore
|
|
43
44
|
const IndicatorSeparator = () => null;
|
|
44
|
-
const SingleValue = ({ children, ...props }) => {
|
|
45
|
-
|
|
46
|
-
return (React.createElement(rsComponents.SingleValue, { ...props },
|
|
47
|
-
React.createElement("div", { className: styles.valueContainer },
|
|
48
|
-
React.createElement(TruncatedText, { text: children }),
|
|
49
|
-
React.createElement("span", { className: styles.trailingNote }, (_a = props.data) === null || _a === void 0 ? void 0 : _a.trailingNote))));
|
|
50
|
-
};
|
|
45
|
+
const SingleValue = ({ children, ...props }) => (React.createElement(rsComponents.SingleValue, { ...props },
|
|
46
|
+
React.createElement(ValueContainer, { ...props }, children)));
|
|
51
47
|
const components = {
|
|
52
48
|
DropdownIndicator,
|
|
53
49
|
ClearIndicator,
|
package/lib/Select/Common.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Common.js","sourceRoot":"","sources":["../../src/Select/Common.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AACzD,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAGhD,OAAO,MAAM,MAAM,sBAAsB,CAAA;AAEzC,MAAM,iBAAiB,GAA0C,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CACpF,oBAAC,IAAI,IACH,IAAI,EAAE,WAAW,EACjB,UAAU,QACV,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,UAAU,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,EAAE,CAAC,GACnH,CACH,CAAA;AAED,gCAAgC;AAChC,MAAM,cAAc,GAAuC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC;AAC7E,mJAAmJ;AACnJ,6DAA6D;AAC7D,aAAa;AACb,oBAAC,UAAU,OAAK,UAAU,EAAE,IAAI,EAAE,CAAC,EAAE,UAAU,QAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,GAAI,CACvH,CAAA;AAED,MAAM,KAAK,GAA8B,CAAC,UAAU,EAAE,EAAE;IACtD,mFAAmF;IACnF,kEAAkE;IAClE,MAAM,KAAK,GAAG;QACZ,GAAG,UAAU;QACb,YAAY,EAAE,YAAY;KAC3B,CAAA;IACD,OAAO,oBAAC,YAAY,CAAC,KAAK,OAAK,KAAK,GAAI,CAAA;AAC1C,CAAC,CAAA;AAID,MAAM,0BAA0B,GAAG,CAAC,EAAU,EAAkC,EAAE,CAAC,OAAO,EAAE,KAAK,UAAU,CAAA;AAE3G,MAAM,QAAQ,GAAiC,CAAC,KAAK,EAAE,EAAE;IACvD,6DAA6D;IAC7D,aAAa;IACb,MAAM,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC,WAAW,CAAA;IAC9C,OAAO,CACL;QACE,oBAAC,YAAY,CAAC,QAAQ,OAAK,KAAK,GAAI;QAEnC,0BAA0B,CAAC,gBAAgB,CAAC,IAAI,gBAAgB,EAAE,CAClE,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,
|
|
1
|
+
{"version":3,"file":"Common.js","sourceRoot":"","sources":["../../src/Select/Common.tsx"],"names":[],"mappings":"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"}
|
|
@@ -36,6 +36,7 @@ export type SelectFieldExtraProps<V> = {
|
|
|
36
36
|
formatOptionLabel?: ReactSelectProps<SelectFieldOption<V>>['formatOptionLabel'];
|
|
37
37
|
renderMenuFooter?: RenderMenuFooterFunction;
|
|
38
38
|
styles?: ReactSelectProps<SelectFieldOption<V>>['styles'];
|
|
39
|
+
classNames?: ReactSelectProps<SelectFieldOption<V>>['classNames'];
|
|
39
40
|
singleValueTooltipVisible?: boolean;
|
|
40
41
|
} & DataTestProp & Pick<InputHTMLAttributes<HTMLElement>, 'autoFocus' | 'disabled' | 'required' | 'placeholder' | 'aria-required'> & Pick<ReactSelectProps, 'isSearchable' | 'isClearable' | 'menuIsOpen' | 'menuPlacement' | 'closeMenuOnScroll' | 'noOptionsMessage' | 'inputValue' | 'menuShouldScrollIntoView' | 'menuShouldBlockScroll'> & SelectFieldIconLeftProps & Omit<FieldHeaderProps, 'id'>;
|
|
41
42
|
export type SelectFieldProps<V> = SelectFieldCoreStaticProps<V> & SelectFieldExtraProps<V>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../src/Select/SelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiD,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrH,OAAO,WAAyG,MAAM,cAAc,CAAA;AACpI,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,yBAAyB,MAAM,yCAAyC,CAAA;AAC/E,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AACzC,OAAO,EAAE,WAAW,EAAoB,MAAM,gBAAgB,CAAA;AAC9D,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAA4C,MAAM,WAAW,CAAA;AACrG,OAAO,EAAE,UAAU,EAA4B,MAAM,UAAU,CAAA;AAC/D,OAAO,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D,OAAO,MAAM,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../src/Select/SelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiD,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrH,OAAO,WAAyG,MAAM,cAAc,CAAA;AACpI,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,yBAAyB,MAAM,yCAAyC,CAAA;AAC/E,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AACzC,OAAO,EAAE,WAAW,EAAoB,MAAM,gBAAgB,CAAA;AAC9D,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAA4C,MAAM,WAAW,CAAA;AACrG,OAAO,EAAE,UAAU,EAA4B,MAAM,UAAU,CAAA;AAC/D,OAAO,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D,OAAO,MAAM,MAAM,2BAA2B,CAAA;AA6D9C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAqC,KAA0B,EAAqC,EAAE;IAC/H,MAAM,EACJ,WAAW,EAAE,QAAQ,EACrB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,cAAc,EACd,UAAU,EACV,WAAW,GAAG,KAAK,EACnB,WAAW,EACX,YAAY,GAAG,IAAI,EACnB,KAAK,EACL,cAAc,EACd,aAAa,GAAG,KAAK,EACrB,IAAI,GAAG,QAAQ,EACf,UAAU,EACV,gBAAgB,GAAG,MAAM,EACzB,aAAa,GAAG,MAAM,EACtB,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,QAAQ,EACR,KAAK,EACL,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,yBAAyB,GAAG,IAAI,EAChC,wBAAwB,GAAG,KAAK,EAChC,GAAG,WAAW,EACf,GAAG,KAAK,CAAA;IACT,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IAEnB,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,GAAG,IAAI,EAAE,GAAG,WAAW,CAAA;IAE3G,yBAAyB,CAAC,GAAG,EAAE;QAC7B,MAAM,aAAa,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAA;QAExD,IAAI,aAAa,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE;YAC5E,aAAa,CAAC,SAAS,GAAG,GAAG,aAAa,CAAC,SAAS,IAAI,MAAM,CAAC,aAAa,EAAE,CAAA;SAC/E;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAEtB,MAAM,UAAU,GAAG,OAAO,CAA2B,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAE7F;;;;;OAKG;IACH,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,WAAC,OAAA,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAA,UAAU,CAAC,KAAK,CAAC,mCAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA,EAAA,EACnF,CAAC,UAAU,EAAE,KAAK,CAAC,CACpB,CAAA;IAED,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,MAAmC,EAAE,EAAE;;QACtC,QAAQ,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,mCAAI,IAAI,CAAC,CAAA;IACjC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,iEAAiE;IACjE,MAAM,SAAS,GAAG,MAAM,CAA8C,IAAI,CAAC,CAAA;IAC3E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,CAAC,OAAO,EAAE;YACrB,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,WAAW,EAAE,CAAA;SAC9E;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CACH,yBAAyB;QACvB,CAAC,CAAC,UAAU;QACZ,CAAC,CAAC;YACE,GAAG,UAAU;YACb,WAAW,EAAE,YAAY,CAAC,WAAW;SACtC,EACP,CAAC,yBAAyB,CAAC,CAC5B,CAAA;IAED,gBAAgB,CAAuB,SAAS,CAAC,CAAA;IAEjD,MAAM,WAAW,GAAkD;QACjE,OAAO,EAAE,EAAE;QACX,SAAS,EAAE,iBAAiB;QAC5B,eAAe,EAAE,iBAAiB;QAClC,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;QAC9C,mHAAmH;QACnH,mBAAmB,EAAE,KAAK,IAAI,OAAO,CAAC,EAAE,CAAC;QACzC,cAAc,EAAE,CAAC,CAAC,KAAK;QACvB,eAAe,EAAE,QAAQ;QACzB,WAAW;QACX,YAAY;QACZ,UAAU,EAAE,QAAQ;QACpB,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,cAAc;QACrB,OAAO;QACP,QAAQ,EAAE,eAAwH;QAClI,WAAW;QACX,UAAU;QACV,aAAa;QACb,gBAAgB,EAAE,gBAAgB,CAAC,gBAAgB,CAAC;QACpD,UAAU,EAAE,eAAe;QAC3B,gBAAgB;QAChB,iBAAiB;QACjB,6DAA6D;QAC7D,aAAa;QACb,gBAAgB;QAChB,wBAAwB;QACxB,GAAG,IAAI;KACR,CAAA;IAED,OAAO,CACL,0CACa,QAAQ,EACnB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,SAAS;QAChB,mEAAmE;QACnE,uHAAuH;QACvH,4GAA4G;QAC5G,MAAM,CAAC,aAAa,EACpB;YACE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC3B,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,KAAK;YACxB,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK;YACtB,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ;YAC5B,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;YAChC,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,OAAO,IAAI,KAAK;SACrC,EACD,SAAS,CACV;QAED,oBAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,GAC9B;QACF,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW;YAC/B,QAAQ,IAAI,iBAAiB,IAAI,CAChC,oBAAC,IAAI,IACH,kBAAkB,EAAE,EAAE,CAAC,MAAM,CAAC,iBAAiB,EAAE,0BAA0B,CAAC,EAC5E,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,iBAAiB,eAClB,wBAAwB,EAClC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,iBAAiB,CAAC,GACjD,CACH;YACA,WAAW,CAAC,CAAC,CAAC,CACb,oBAAC,oBAAoB,IAAuB,GAAG,EAAE,SAAS,KAAM,WAAW,GAAI,CAChF,CAAC,CAAC,CAAC,CACF,oBAAC,WAAW,IAAuB,GAAG,EAAE,SAAS,KAAM,WAAW,GAAI,CACvE,CACG;QACN,oBAAC,KAAK,IAAC,SAAS,QAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,cAAc,EAAE,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE,GAAI,CAChG,CACP,CAAA;AACH,CAAC,CAAA"}
|
package/lib/Tooltip.d.ts
CHANGED
package/lib/Tooltip.js
CHANGED
|
@@ -22,7 +22,7 @@ const TooltipContext = createContext(null);
|
|
|
22
22
|
* ### Usage
|
|
23
23
|
* Wrap the target element with Tooltip component and use the "content" property to define what should be displayed inside the tooltip.
|
|
24
24
|
*/
|
|
25
|
-
export const Tooltip = ({ id, content, hideTimeoutDuration = 100, offset = 10, padding = 10, placement = 'top', visible: visibilityOverride, children, popperRef, wordBreak, updateToken, tooltipContainer = 'body', hoverAbleTooltip = true, disabled = false, zIndex = 20, }) => {
|
|
25
|
+
export const Tooltip = ({ id, content, hideTimeoutDuration = 100, offset = 10, padding = 10, placement = 'top', visible: visibilityOverride, children, popperRef, wordBreak, updateToken, tooltipContainer = 'body', hoverAbleTooltip = true, disabled = false, zIndex = 20, arrow = true, color, }) => {
|
|
26
26
|
const [isShown, setShown] = useState(false);
|
|
27
27
|
const timeoutRef = useRef(null);
|
|
28
28
|
const context = useContext(TooltipContext);
|
|
@@ -40,23 +40,29 @@ export const Tooltip = ({ id, content, hideTimeoutDuration = 100, offset = 10, p
|
|
|
40
40
|
const [referenceElement, setReferenceElement] = useState(null);
|
|
41
41
|
const [popperElement, setPopperElement] = useState(null);
|
|
42
42
|
const [arrowElement, setArrowElement] = useState(null);
|
|
43
|
-
const
|
|
44
|
-
|
|
45
|
-
modifiers: [
|
|
46
|
-
{
|
|
47
|
-
name: 'arrow',
|
|
48
|
-
options: {
|
|
49
|
-
element: arrowElement,
|
|
50
|
-
padding,
|
|
51
|
-
},
|
|
52
|
-
},
|
|
43
|
+
const modifiers = useMemo(() => {
|
|
44
|
+
const result = [
|
|
53
45
|
{
|
|
54
46
|
name: 'offset',
|
|
55
47
|
options: {
|
|
56
48
|
offset: [0, offset],
|
|
57
49
|
},
|
|
58
50
|
},
|
|
59
|
-
]
|
|
51
|
+
];
|
|
52
|
+
if (arrow) {
|
|
53
|
+
result.push({
|
|
54
|
+
name: 'arrow',
|
|
55
|
+
options: {
|
|
56
|
+
element: arrowElement,
|
|
57
|
+
padding,
|
|
58
|
+
},
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
return result;
|
|
62
|
+
}, [arrow, padding, offset, arrowElement]);
|
|
63
|
+
const popper = usePopper(referenceElement, popperElement, {
|
|
64
|
+
placement,
|
|
65
|
+
modifiers,
|
|
60
66
|
});
|
|
61
67
|
useImperativeHandle(popperRef, () => popper, [popper]);
|
|
62
68
|
const onMouseEnter = useCallback(() => {
|
|
@@ -125,9 +131,10 @@ export const Tooltip = ({ id, content, hideTimeoutDuration = 100, offset = 10, p
|
|
|
125
131
|
tooltipPortalContainer &&
|
|
126
132
|
ReactDOM.createPortal(React.createElement(React.Fragment, null,
|
|
127
133
|
React.createElement("span", { ref: setPopperElement, className: cn(styles.overlay, {
|
|
134
|
+
[styles.dark]: color === 'dark',
|
|
128
135
|
[styles.hidden]: !isTooltipVisible,
|
|
129
136
|
}), style: { ...popper.styles.popper, ...{ zIndex: context ? zIndex + 1 : zIndex }, wordBreak }, "data-test": "tooltip-overlay", "aria-hidden": true, ...popper.attributes.popper },
|
|
130
137
|
content,
|
|
131
|
-
React.createElement("span", { ref: setArrowElement, className: styles.arrow, style: popper.styles.arrow, "data-test": "tooltip-arrow", ...popper.attributes.arrow }))), tooltipPortalContainer)))));
|
|
138
|
+
arrow && (React.createElement("span", { ref: setArrowElement, className: styles.arrow, style: popper.styles.arrow, "data-test": "tooltip-arrow", ...popper.attributes.arrow })))), tooltipPortalContainer)))));
|
|
132
139
|
};
|
|
133
140
|
//# sourceMappingURL=Tooltip.js.map
|
package/lib/Tooltip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,WAAW,EACX,QAAQ,EACR,mBAAmB,EAGnB,eAAe,EACf,aAAa,EACb,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,GAGV,MAAM,OAAO,CAAA;AACd,OAAO,QAAQ,MAAM,WAAW,CAAA;AAEhC,OAAO,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,WAAW,EACX,QAAQ,EACR,mBAAmB,EAGnB,eAAe,EACf,aAAa,EACb,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,GAGV,MAAM,OAAO,CAAA;AACd,OAAO,QAAQ,MAAM,WAAW,CAAA;AAEhC,OAAO,EAAiC,SAAS,EAAE,MAAM,cAAc,CAAA;AACvE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAmB,MAAM,gBAAgB,CAAA;AAEpE,OAAO,MAAM,MAAM,uBAAuB,CAAA;AAE1C,MAAM,cAAc,GAAG,aAAa,CAK1B,IAAI,CAAC,CAAA;AA4Bf;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EACxC,EAAE,EACF,OAAO,EACP,mBAAmB,GAAG,GAAG,EACzB,MAAM,GAAG,EAAE,EACX,OAAO,GAAG,EAAE,EACZ,SAAS,GAAG,KAAK,EACjB,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EACR,SAAS,EACT,SAAS,EACT,WAAW,EACX,gBAAgB,GAAG,MAAM,EACzB,gBAAgB,GAAG,IAAI,EACvB,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,IAAI,EACZ,KAAK,GACN,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IACpD,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAEtD,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAE1C,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,CAAA;QAEpC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,gBAAgB,EAAE,CAAA;QAE3B,IAAI,SAAS,KAAK,IAAI,EAAE;YACtB,YAAY,CAAC,SAAS,CAAC,CAAA;SACxB;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb;;;OAGG;IACH,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAA;IAClF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAyB,IAAI,CAAC,CAAA;IAChF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAyB,IAAI,CAAC,CAAA;IAE9E,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,MAAM,GAAoC;YAC9C;gBACE,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE;oBACP,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC;iBACpB;aACF;SACF,CAAA;QAED,IAAI,KAAK,EAAE;YACT,MAAM,CAAC,IAAI,CAAC;gBACV,IAAI,EAAE,OAAO;gBACb,OAAO,EAAE;oBACP,OAAO,EAAE,YAAY;oBACrB,OAAO;iBACR;aACF,CAAC,CAAA;SACH;QAED,OAAO,MAAM,CAAA;IACf,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAC1C,MAAM,MAAM,GAAG,SAAS,CAAC,gBAAgB,EAAE,aAAa,EAAE;QACxD,SAAS;QACT,SAAS;KACV,CAAC,CAAA;IAEF,mBAAmB,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEtD,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,gBAAgB,EAAE,CAAA;QAClB,QAAQ,CAAC,IAAI,CAAC,CAAA;IAChB,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAEtB,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,MAAM,CAAC,GAAG,KAAmB,CAAA;QAC7B,MAAM,EAAE,aAAa,EAAE,GAAG,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,EAAE,CAAA;QAEjC,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACnC,IAAI,aAAa,EAAE;gBACjB,IACE,CAAC,eAAe,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,gBAAgB,EAAE,aAAqB,CAAC;oBAClE,CAAC,eAAe,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,EAAE,aAAqB,CAAC,EAC/D;oBACA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAAE,CAAA;iBAChB;aACF;YACD,QAAQ,CAAC,KAAK,CAAC,CAAA;QACjB,CAAC,EAAE,mBAAmB,CAAC,CAAA;IACzB,CAAC,EACD,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAC/B,CAAA;IAED,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC;QACL,aAAa;QACb,gBAAgB;QAChB,IAAI,EAAE,YAAY;QAClB,gBAAgB;KACjB,CAAC,EACF,CAAC,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,CAAC,CAClE,CAAA;IAED,+DAA+D;IAC/D,MAAM,gBAAgB,GAAG,OAAO,kBAAkB,KAAK,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,OAAO,CAAA;IAE5G,qEAAqE;IACrE,eAAe,CAAC,GAAG,EAAE;;QACnB,IAAI,OAAO,EAAE;YACX,KAAK,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,sDAAI,CAAA,CAAA;SACxB;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC,CAAA;IACnC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,gBAAgB,EAAE,CAAA;QACpB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IACtB,SAAS,CAAC,GAAG,EAAE;QACb,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,gBAAgB,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;QACrE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,gBAAgB,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;QAErE,OAAO,GAAG,EAAE;YACV,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,mBAAmB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;YACjE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,mBAAmB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;QACnE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAA;IAClD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,EAAE;YACpB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,gBAAgB,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;YAClE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,gBAAgB,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;SACnE;QAED,OAAO,GAAG,EAAE;YACV,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,mBAAmB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;YAC9D,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,mBAAmB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;QAChE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAEjE,MAAM,sBAAsB,GAAG,kBAAkB,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAA;IAErF,OAAO,CACL,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY;QACzC,QAAQ,CAAC,mBAAmB,EAAE,YAAY,EAAE,CAAC,CAAU,EAAE,EAAE;YAC1D,YAAY,CAAC,CAAU,CAAC,CAAA;QAC1B,CAAC,CAAC;QAED,OAAO,KAAK,SAAS,IAAI,CACxB;YACE,iCAAU,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,IAAI,EAAC,SAAS,eAAW,YAAY,IACzF,OAAO,CACH;YACN,sBAAsB;gBACrB,QAAQ,CAAC,YAAY,CACnB;oBACE,8BACE,GAAG,EAAE,gBAAgB,EACrB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE;4BAC5B,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,KAAK,MAAM;4BAC/B,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,gBAAgB;yBACnC,CAAC,EACF,KAAK,EAAE,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,eACjF,iBAAiB,0BAEvB,MAAM,CAAC,UAAU,CAAC,MAAM;wBAE3B,OAAO;wBACP,KAAK,IAAI,CACR,8BACE,GAAG,EAAE,eAAe,EACpB,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,eAChB,eAAe,KACrB,MAAM,CAAC,UAAU,CAAC,KAAK,GAC3B,CACH,CACI,CACN,EACH,sBAAsB,CACvB,CACF,CACJ,CACuB,CAC3B,CAAA;AACH,CAAC,CAAA"}
|
package/lib/Tooltip.module.scss
CHANGED
|
@@ -9,65 +9,31 @@
|
|
|
9
9
|
$tooltipArrowSize1-3: math.div(c.$tooltipArrowSize, 3);
|
|
10
10
|
$tooltipArrowSize2-3: math.div(c.$tooltipArrowSize, 3) * 2;
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
@
|
|
14
|
-
|
|
15
|
-
position: relative;
|
|
16
|
-
max-width: c.$tooltipMaxWidth;
|
|
17
|
-
padding: c.$grid * 3;
|
|
18
|
-
background: c.$colorNeutralLighter;
|
|
19
|
-
border: c.$borderWidth solid c.$colorNeutralLight;
|
|
20
|
-
border-radius: c.$borderRadius;
|
|
21
|
-
color: c.$colorText;
|
|
22
|
-
word-break: break-all;
|
|
23
|
-
|
|
24
|
-
&.hidden {
|
|
25
|
-
visibility: hidden;
|
|
26
|
-
|
|
27
|
-
// important is needed to override inline style
|
|
28
|
-
top: -99999px !important;
|
|
29
|
-
left: -99999px !important;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
> .arrow {
|
|
33
|
-
position: absolute;
|
|
34
|
-
z-index: c.$zIndex100;
|
|
35
|
-
display: block;
|
|
36
|
-
width: c.$tooltipArrowSize;
|
|
37
|
-
height: c.$tooltipArrowSize;
|
|
38
|
-
|
|
39
|
-
&::before,
|
|
40
|
-
&::after {
|
|
41
|
-
content: '';
|
|
42
|
-
position: absolute;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
&[data-popper-placement^='top'] {
|
|
12
|
+
@mixin arrow($position, $color, $borderColor) {
|
|
13
|
+
@if $position == bottom {
|
|
47
14
|
> .arrow {
|
|
48
|
-
|
|
15
|
+
top: 0;
|
|
49
16
|
|
|
50
17
|
&::before,
|
|
51
18
|
&::after {
|
|
52
19
|
border-left: c.$tooltipArrowSize solid transparent;
|
|
53
20
|
border-right: c.$tooltipArrowSize solid transparent;
|
|
54
|
-
top:
|
|
21
|
+
top: 0;
|
|
55
22
|
left: 50%;
|
|
56
23
|
margin-left: -(c.$tooltipArrowSize);
|
|
57
24
|
}
|
|
58
25
|
|
|
59
26
|
&::before {
|
|
60
|
-
border-
|
|
27
|
+
border-bottom: c.$tooltipArrowSize solid $color;
|
|
28
|
+
margin-top: -(c.$tooltipArrowSize);
|
|
61
29
|
}
|
|
62
30
|
|
|
63
31
|
&::after {
|
|
64
|
-
border-
|
|
65
|
-
transform: translateY(-($
|
|
32
|
+
border-bottom: c.$tooltipArrowSize solid $borderColor;
|
|
33
|
+
transform: translateY(-($tooltipArrowSize2-3));
|
|
66
34
|
}
|
|
67
35
|
}
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
&[data-popper-placement^='right'] {
|
|
36
|
+
} @else if $position == right {
|
|
71
37
|
> .arrow {
|
|
72
38
|
left: 0;
|
|
73
39
|
|
|
@@ -81,63 +47,121 @@ $tooltipArrowSize2-3: math.div(c.$tooltipArrowSize, 3) * 2;
|
|
|
81
47
|
}
|
|
82
48
|
|
|
83
49
|
&::before {
|
|
84
|
-
border-right: c.$tooltipArrowSize solid
|
|
50
|
+
border-right: c.$tooltipArrowSize solid $color;
|
|
85
51
|
margin-left: -(c.$tooltipArrowSize);
|
|
86
52
|
}
|
|
87
53
|
|
|
88
54
|
&::after {
|
|
89
|
-
border-right: c.$tooltipArrowSize solid
|
|
55
|
+
border-right: c.$tooltipArrowSize solid $borderColor;
|
|
90
56
|
transform: translateX(-($tooltipArrowSize2-3));
|
|
91
57
|
}
|
|
92
58
|
}
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
&[data-popper-placement^='bottom'] {
|
|
59
|
+
} @else if $position == left {
|
|
96
60
|
> .arrow {
|
|
97
|
-
|
|
61
|
+
right: 0;
|
|
98
62
|
|
|
99
63
|
&::before,
|
|
100
64
|
&::after {
|
|
101
|
-
border-
|
|
102
|
-
border-
|
|
103
|
-
top:
|
|
104
|
-
left:
|
|
105
|
-
margin-
|
|
65
|
+
border-top: c.$tooltipArrowSize solid transparent;
|
|
66
|
+
border-bottom: c.$tooltipArrowSize solid transparent;
|
|
67
|
+
top: 50%;
|
|
68
|
+
left: 100%;
|
|
69
|
+
margin-top: -(c.$tooltipArrowSize);
|
|
106
70
|
}
|
|
107
71
|
|
|
108
72
|
&::before {
|
|
109
|
-
border-
|
|
110
|
-
margin-top: -(c.$tooltipArrowSize);
|
|
73
|
+
border-left: c.$tooltipArrowSize solid $color;
|
|
111
74
|
}
|
|
112
75
|
|
|
113
76
|
&::after {
|
|
114
|
-
border-
|
|
115
|
-
transform:
|
|
77
|
+
border-left: c.$tooltipArrowSize solid $borderColor;
|
|
78
|
+
transform: translateX(-($tooltipArrowSize1-3));
|
|
116
79
|
}
|
|
117
80
|
}
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
&[data-popper-placement^='left'] {
|
|
81
|
+
} @else {
|
|
121
82
|
> .arrow {
|
|
122
|
-
|
|
83
|
+
bottom: 0;
|
|
123
84
|
|
|
124
85
|
&::before,
|
|
125
86
|
&::after {
|
|
126
|
-
border-
|
|
127
|
-
border-
|
|
128
|
-
top:
|
|
129
|
-
left:
|
|
130
|
-
margin-
|
|
87
|
+
border-left: c.$tooltipArrowSize solid transparent;
|
|
88
|
+
border-right: c.$tooltipArrowSize solid transparent;
|
|
89
|
+
top: 100%;
|
|
90
|
+
left: 50%;
|
|
91
|
+
margin-left: -(c.$tooltipArrowSize);
|
|
131
92
|
}
|
|
132
93
|
|
|
133
94
|
&::before {
|
|
134
|
-
border-
|
|
95
|
+
border-top: c.$tooltipArrowSize solid $color;
|
|
135
96
|
}
|
|
136
97
|
|
|
137
98
|
&::after {
|
|
138
|
-
border-
|
|
139
|
-
transform:
|
|
99
|
+
border-top: c.$tooltipArrowSize solid $borderColor;
|
|
100
|
+
transform: translateY(-($tooltipArrowSize1-3));
|
|
140
101
|
}
|
|
141
102
|
}
|
|
142
103
|
}
|
|
143
104
|
}
|
|
105
|
+
|
|
106
|
+
@mixin arrowPlacements($color: c.$colorNeutralLight, $borderColor: c.$colorNeutralLighter) {
|
|
107
|
+
&[data-popper-placement^='top'] {
|
|
108
|
+
@include arrow(top, $color, $borderColor);
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
&[data-popper-placement^='right'] {
|
|
112
|
+
@include arrow(right, $color, $borderColor);
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
&[data-popper-placement^='bottom'] {
|
|
116
|
+
@include arrow(bottom, $color, $borderColor);
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
&[data-popper-placement^='left'] {
|
|
120
|
+
@include arrow(left, $color, $borderColor);
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
.overlay {
|
|
125
|
+
@include c.typographyBodySmall;
|
|
126
|
+
|
|
127
|
+
position: relative;
|
|
128
|
+
max-width: c.$tooltipMaxWidth;
|
|
129
|
+
padding: c.$grid * 3;
|
|
130
|
+
background: c.$colorNeutralLighter;
|
|
131
|
+
border: c.$borderWidth solid c.$colorNeutralLight;
|
|
132
|
+
border-radius: c.$borderRadius;
|
|
133
|
+
color: c.$colorText;
|
|
134
|
+
word-break: break-all;
|
|
135
|
+
|
|
136
|
+
&.hidden {
|
|
137
|
+
visibility: hidden;
|
|
138
|
+
|
|
139
|
+
// important is needed to override inline style
|
|
140
|
+
top: -99999px !important;
|
|
141
|
+
left: -99999px !important;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
&.dark {
|
|
145
|
+
border: none;
|
|
146
|
+
color: c.$brandColorText;
|
|
147
|
+
background-color: c.$brandAccent;
|
|
148
|
+
|
|
149
|
+
@include arrowPlacements(c.$brandAccent, transparent);
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
> .arrow {
|
|
153
|
+
position: absolute;
|
|
154
|
+
z-index: c.$zIndex100;
|
|
155
|
+
display: block;
|
|
156
|
+
width: c.$tooltipArrowSize;
|
|
157
|
+
height: c.$tooltipArrowSize;
|
|
158
|
+
|
|
159
|
+
&::before,
|
|
160
|
+
&::after {
|
|
161
|
+
content: '';
|
|
162
|
+
position: absolute;
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
@include arrowPlacements;
|
|
167
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hazelcast/ui",
|
|
3
|
-
"version": "1.3.3-next.
|
|
3
|
+
"version": "1.3.3-next.9+fdd9d27",
|
|
4
4
|
"description": "Hazelcast design system components",
|
|
5
5
|
"author": "",
|
|
6
6
|
"homepage": "https://github.com/hazelcast/frontend-shared#readme",
|
|
@@ -51,6 +51,10 @@
|
|
|
51
51
|
"@headlessui/react": "^1.4.2",
|
|
52
52
|
"@icons-pack/react-simple-icons": "^9.3.0",
|
|
53
53
|
"@popperjs/core": "^2.11.7",
|
|
54
|
+
"@testing-library/dom": "^10.4.0",
|
|
55
|
+
"@testing-library/jest-dom": "^6.5.0",
|
|
56
|
+
"@testing-library/react": "^12.1.5",
|
|
57
|
+
"@testing-library/user-event": "^14.5.2",
|
|
54
58
|
"@types/react-modal": "3.16.0",
|
|
55
59
|
"@types/react-table": "^7.7.14",
|
|
56
60
|
"classnames": "^2.3.2",
|
|
@@ -71,7 +75,8 @@
|
|
|
71
75
|
"react-table": "^7.8.0",
|
|
72
76
|
"react-uid": "^2.3.2",
|
|
73
77
|
"react-use": "^17.4.0",
|
|
74
|
-
"use-deep-compare": "^1.1.0"
|
|
78
|
+
"use-deep-compare": "^1.1.0",
|
|
79
|
+
"use-persisted-state": "^0.3.3"
|
|
75
80
|
},
|
|
76
81
|
"devDependencies": {
|
|
77
82
|
"@hazelcast/test-helpers": "^1.3.2",
|
|
@@ -88,6 +93,7 @@
|
|
|
88
93
|
"@types/react": "^17.0.45",
|
|
89
94
|
"@types/react-datepicker": "^4.3.2",
|
|
90
95
|
"@types/react-dom": "^17.0.17",
|
|
96
|
+
"@types/use-persisted-state": "^0.3.4",
|
|
91
97
|
"@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
|
|
92
98
|
"babel-loader": "^9.1.2",
|
|
93
99
|
"doiuse": "^4.4.1",
|
|
@@ -115,5 +121,5 @@
|
|
|
115
121
|
"react": "^17 || ^18",
|
|
116
122
|
"react-dom": "^17 || ^18"
|
|
117
123
|
},
|
|
118
|
-
"gitHead": "
|
|
124
|
+
"gitHead": "fdd9d27b8956785b3f7c43dd08bdb9076db74f99"
|
|
119
125
|
}
|
|
@@ -21,10 +21,14 @@ $colorErrorDark: darken($colorError, 10%) !default;
|
|
|
21
21
|
$colorText: #061827 !default;
|
|
22
22
|
$colorTextSecondary: #707482 !default;
|
|
23
23
|
$colorTextSubdued: #69707d !default;
|
|
24
|
+
$brandColorText: #10a4b3 !default;
|
|
24
25
|
$colorOverlayBackground: #f0f6ff !default;
|
|
25
26
|
$colorAccessibilityOutline: #74f !default;
|
|
26
27
|
$colorBrand: #00bac6 !default;
|
|
27
28
|
$colorShadow: rgb(53 61 73 / 20%) !default;
|
|
28
29
|
$colorMenuDark: #333 !default;
|
|
29
|
-
$
|
|
30
|
+
$brandPrimary: #c6ff3a !default;
|
|
31
|
+
$authPrimary: $brandPrimary !default;
|
|
30
32
|
$authSecondary: #0b2b39 !default;
|
|
33
|
+
$brandSecondary: #061727 !default;
|
|
34
|
+
$brandAccent: #122d45 !default;
|