@aivenio/aquarium 1.0.0 → 1.1.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/dist/_variables.scss +1 -1
- package/dist/_variables_timescale.scss +1 -1
- package/dist/atoms.cjs +821 -623
- package/dist/atoms.mjs +820 -623
- package/dist/src/common/Alert/Alert.d.ts +1 -1
- package/dist/src/common/Alert/Alert.js +3 -3
- package/dist/src/common/Banner/Banner.d.ts +5 -1
- package/dist/src/common/Banner/Banner.js +5 -3
- package/dist/src/common/DropdownMenu/DropdownMenu.d.ts +8 -3
- package/dist/src/common/DropdownMenu/DropdownMenu.js +12 -2
- package/dist/src/common/Modal/Modal.js +3 -3
- package/dist/src/common/Timeline/Timeline.d.ts +18 -0
- package/dist/src/common/Timeline/Timeline.js +43 -0
- package/dist/src/common/Typography/Typography.d.ts +2 -1
- package/dist/src/common/Typography/Typography.js +15 -3
- package/dist/src/components/Alert/Alert.js +2 -2
- package/dist/src/components/Banner/Banner.d.ts +3 -1
- package/dist/src/components/Banner/Banner.js +3 -3
- package/dist/src/components/Box/Box.d.ts +5 -1
- package/dist/src/components/Box/Box.js +6 -2
- package/dist/src/components/DataTable/DataTable.d.ts +15 -12
- package/dist/src/components/DataTable/DataTable.js +9 -5
- package/dist/src/components/Dialog/Dialog.js +35 -12
- package/dist/src/components/DropdownMenu/DropdownMenu.d.ts +7 -1
- package/dist/src/components/DropdownMenu/DropdownMenu.js +23 -13
- package/dist/src/components/DropdownMenu/utils.d.ts +4 -0
- package/dist/src/components/DropdownMenu/utils.js +20 -0
- package/dist/src/components/Modal/Modal.js +16 -8
- package/dist/src/components/Section/Section.d.ts +4 -0
- package/dist/src/components/Section/Section.js +14 -13
- package/dist/src/components/Skeleton/Skeleton.d.ts +7 -2
- package/dist/src/components/Skeleton/Skeleton.js +5 -4
- package/dist/src/components/Template/Template.d.ts +18 -0
- package/dist/src/components/Template/Template.js +18 -0
- package/dist/src/components/Timeline/Timeline.d.ts +27 -0
- package/dist/src/components/Timeline/Timeline.js +41 -0
- package/dist/src/components/index.d.ts +2 -0
- package/dist/src/components/index.js +3 -1
- package/dist/src/utils/Blueprint.d.ts +2 -0
- package/dist/src/utils/Blueprint.js +29 -0
- package/dist/styles.css +40 -21
- package/dist/styles_timescaledb.css +40 -21
- package/dist/system.cjs +2566 -1813
- package/dist/system.mjs +2553 -1802
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
package/dist/atoms.cjs
CHANGED
@@ -1,10 +1,39 @@
|
|
1
1
|
"use strict";
|
2
2
|
var __create = Object.create;
|
3
3
|
var __defProp = Object.defineProperty;
|
4
|
+
var __defProps = Object.defineProperties;
|
4
5
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
6
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
5
7
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
8
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
6
9
|
var __getProtoOf = Object.getPrototypeOf;
|
7
10
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
11
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
12
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
13
|
+
var __spreadValues = (a, b) => {
|
14
|
+
for (var prop in b ||= {})
|
15
|
+
if (__hasOwnProp.call(b, prop))
|
16
|
+
__defNormalProp(a, prop, b[prop]);
|
17
|
+
if (__getOwnPropSymbols)
|
18
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
19
|
+
if (__propIsEnum.call(b, prop))
|
20
|
+
__defNormalProp(a, prop, b[prop]);
|
21
|
+
}
|
22
|
+
return a;
|
23
|
+
};
|
24
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
25
|
+
var __objRest = (source, exclude) => {
|
26
|
+
var target = {};
|
27
|
+
for (var prop in source)
|
28
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
29
|
+
target[prop] = source[prop];
|
30
|
+
if (source != null && __getOwnPropSymbols)
|
31
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
32
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
33
|
+
target[prop] = source[prop];
|
34
|
+
}
|
35
|
+
return target;
|
36
|
+
};
|
8
37
|
var __commonJS = (cb, mod) => function __require() {
|
9
38
|
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
|
10
39
|
};
|
@@ -1098,6 +1127,7 @@ __export(common_exports, {
|
|
1098
1127
|
DIALOG_ICONS_AND_COLORS: () => DIALOG_ICONS_AND_COLORS,
|
1099
1128
|
DropdownMenu: () => DropdownMenu,
|
1100
1129
|
InputGroup: () => InputGroup,
|
1130
|
+
List: () => List,
|
1101
1131
|
Modal: () => Modal,
|
1102
1132
|
Popover: () => Popover,
|
1103
1133
|
PopoverDialog: () => PopoverDialog,
|
@@ -1146,23 +1176,23 @@ var import_react10 = __toESM(require("react"));
|
|
1146
1176
|
// src/components/Icon/Icon.tsx
|
1147
1177
|
var import_react = __toESM(require("react"));
|
1148
1178
|
var import_react2 = require("@iconify/react");
|
1149
|
-
var Icon = import_react.default.forwardRef((
|
1179
|
+
var Icon = import_react.default.forwardRef((_a, ref) => {
|
1180
|
+
var _b = _a, { color, className } = _b, rest = __objRest(_b, ["color", "className"]);
|
1150
1181
|
const classes = classNames(className, color && `text-${color}`);
|
1151
|
-
return /* @__PURE__ */ import_react.default.createElement(import_react2.Icon, {
|
1152
|
-
ref: ref
|
1153
|
-
className: classes !== "" ? classes : void 0
|
1154
|
-
|
1155
|
-
});
|
1182
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react2.Icon, __spreadValues({
|
1183
|
+
ref: ref != null ? ref : void 0,
|
1184
|
+
className: classes !== "" ? classes : void 0
|
1185
|
+
}, rest));
|
1156
1186
|
});
|
1157
|
-
var InlineIcon = import_react.default.forwardRef((
|
1187
|
+
var InlineIcon = import_react.default.forwardRef((_a, ref) => {
|
1188
|
+
var _b = _a, { color, className } = _b, rest = __objRest(_b, ["color", "className"]);
|
1158
1189
|
const classes = classNames(color && `text-${color}`);
|
1159
1190
|
return /* @__PURE__ */ import_react.default.createElement("span", {
|
1160
1191
|
className: classNames(tw("children:inline-block inline-flex justify-center items-center"), className)
|
1161
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_react2.InlineIcon, {
|
1162
|
-
ref: ref
|
1163
|
-
className: classes !== "" ? classes : void 0
|
1164
|
-
|
1165
|
-
}));
|
1192
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_react2.InlineIcon, __spreadValues({
|
1193
|
+
ref: ref != null ? ref : void 0,
|
1194
|
+
className: classes !== "" ? classes : void 0
|
1195
|
+
}, rest)));
|
1166
1196
|
});
|
1167
1197
|
|
1168
1198
|
// src/components/Flexbox/Flexbox.tsx
|
@@ -1730,20 +1760,18 @@ function getPxMapping(breakpoints) {
|
|
1730
1760
|
if (!minWidthInPx.endsWith("px")) {
|
1731
1761
|
throw new Error(`Unexpected breakpoint value found: '${minWidthInPx}'. Expecting it to be in px unit.`);
|
1732
1762
|
}
|
1733
|
-
return {
|
1734
|
-
...acc,
|
1763
|
+
return __spreadProps(__spreadValues({}, acc), {
|
1735
1764
|
[key]: parseInt(minWidthInPx, 10)
|
1736
|
-
};
|
1765
|
+
});
|
1737
1766
|
}, {});
|
1738
1767
|
}
|
1739
1768
|
function getMatches(windowSize) {
|
1740
1769
|
const mapping = getPxMapping(allBreakpoints);
|
1741
1770
|
return Object.keys(allBreakpoints).reduce((acc, key) => {
|
1742
1771
|
const isMatch = !(0, import_isUndefined.default)(windowSize) && windowSize.width > 0 ? windowSize.width > mapping[key] : key === "default" ? true : false;
|
1743
|
-
return {
|
1744
|
-
...acc,
|
1772
|
+
return __spreadProps(__spreadValues({}, acc), {
|
1745
1773
|
[key]: isMatch
|
1746
|
-
};
|
1774
|
+
});
|
1747
1775
|
}, {});
|
1748
1776
|
}
|
1749
1777
|
function selectBreakpointValue(value, matches) {
|
@@ -1796,50 +1824,77 @@ function useStyle(styles) {
|
|
1796
1824
|
const isStylesObject = (0, import_isPlainObject2.default)(property) && "value" in property;
|
1797
1825
|
const value = isStylesObject ? property.value : property;
|
1798
1826
|
const resolvedValue = selectBreakpointValue(value, context2.breakpointMatches);
|
1799
|
-
const transformer = (0, import_isUndefined3.default)(property
|
1827
|
+
const transformer = (0, import_isUndefined3.default)(property == null ? void 0 : property.transformer) ? (val) => resolveTailwindThemeValue(key, val) : (val) => resolveTailwindThemeValue(key, property.transformer(val));
|
1800
1828
|
const cssPropertyValue = transformer(resolvedValue);
|
1801
1829
|
if ((0, import_isUndefined3.default)(cssPropertyValue)) {
|
1802
1830
|
return acc;
|
1803
1831
|
}
|
1804
|
-
return {
|
1805
|
-
...acc,
|
1832
|
+
return __spreadProps(__spreadValues({}, acc), {
|
1806
1833
|
[key]: cssPropertyValue
|
1807
|
-
};
|
1834
|
+
});
|
1808
1835
|
}, {});
|
1809
1836
|
}
|
1810
1837
|
|
1811
1838
|
// src/components/Tailwindify/Tailwindify.tsx
|
1812
1839
|
function Tailwindify(Component) {
|
1813
|
-
return ({
|
1814
|
-
|
1815
|
-
|
1816
|
-
|
1817
|
-
|
1818
|
-
|
1819
|
-
|
1820
|
-
|
1821
|
-
|
1822
|
-
|
1823
|
-
|
1824
|
-
|
1825
|
-
|
1826
|
-
|
1827
|
-
|
1828
|
-
|
1829
|
-
|
1830
|
-
|
1831
|
-
|
1832
|
-
|
1833
|
-
|
1834
|
-
|
1835
|
-
|
1836
|
-
|
1837
|
-
|
1838
|
-
|
1839
|
-
|
1840
|
-
|
1841
|
-
|
1842
|
-
|
1840
|
+
return (_a) => {
|
1841
|
+
var _b = _a, {
|
1842
|
+
className,
|
1843
|
+
style,
|
1844
|
+
children,
|
1845
|
+
padding,
|
1846
|
+
paddingX,
|
1847
|
+
paddingY,
|
1848
|
+
paddingTop,
|
1849
|
+
paddingRight,
|
1850
|
+
paddingBottom,
|
1851
|
+
paddingLeft,
|
1852
|
+
margin,
|
1853
|
+
marginX,
|
1854
|
+
marginY,
|
1855
|
+
marginTop,
|
1856
|
+
marginRight,
|
1857
|
+
marginBottom,
|
1858
|
+
marginLeft,
|
1859
|
+
space,
|
1860
|
+
spaceX,
|
1861
|
+
spaceY,
|
1862
|
+
backgroundColor,
|
1863
|
+
width,
|
1864
|
+
height,
|
1865
|
+
maxWidth,
|
1866
|
+
maxHeight,
|
1867
|
+
minWidth,
|
1868
|
+
minHeight
|
1869
|
+
} = _b, otherProps = __objRest(_b, [
|
1870
|
+
"className",
|
1871
|
+
"style",
|
1872
|
+
"children",
|
1873
|
+
"padding",
|
1874
|
+
"paddingX",
|
1875
|
+
"paddingY",
|
1876
|
+
"paddingTop",
|
1877
|
+
"paddingRight",
|
1878
|
+
"paddingBottom",
|
1879
|
+
"paddingLeft",
|
1880
|
+
"margin",
|
1881
|
+
"marginX",
|
1882
|
+
"marginY",
|
1883
|
+
"marginTop",
|
1884
|
+
"marginRight",
|
1885
|
+
"marginBottom",
|
1886
|
+
"marginLeft",
|
1887
|
+
"space",
|
1888
|
+
"spaceX",
|
1889
|
+
"spaceY",
|
1890
|
+
"backgroundColor",
|
1891
|
+
"width",
|
1892
|
+
"height",
|
1893
|
+
"maxWidth",
|
1894
|
+
"maxHeight",
|
1895
|
+
"minWidth",
|
1896
|
+
"minHeight"
|
1897
|
+
]);
|
1843
1898
|
const tailwindifyStyle = useStyle({
|
1844
1899
|
padding,
|
1845
1900
|
paddingTop: (0, import_isUndefined4.default)(paddingY) ? paddingTop : paddingY,
|
@@ -1859,14 +1914,10 @@ function Tailwindify(Component) {
|
|
1859
1914
|
minWidth,
|
1860
1915
|
minHeight
|
1861
1916
|
});
|
1862
|
-
const finalStyle = {
|
1863
|
-
|
1864
|
-
...style
|
1865
|
-
};
|
1866
|
-
const componentProps = {
|
1867
|
-
...otherProps,
|
1917
|
+
const finalStyle = __spreadValues(__spreadValues({}, tailwindifyStyle), style);
|
1918
|
+
const componentProps = __spreadProps(__spreadValues({}, otherProps), {
|
1868
1919
|
style: finalStyle
|
1869
|
-
};
|
1920
|
+
});
|
1870
1921
|
const childrenWithProps = import_react6.default.Children.map(children, (child, index) => {
|
1871
1922
|
if (!import_react6.default.isValidElement(child)) {
|
1872
1923
|
return child;
|
@@ -1888,14 +1939,13 @@ function Tailwindify(Component) {
|
|
1888
1939
|
return child;
|
1889
1940
|
}
|
1890
1941
|
const childStyle = (0, import_get2.default)(child, ["props", "style"], {});
|
1891
|
-
const newProps = {
|
1942
|
+
const newProps = __spreadProps(__spreadValues({}, childProps), { style: __spreadValues(__spreadValues({}, childStyle), additionalStyle) });
|
1892
1943
|
return import_react6.default.cloneElement(child, newProps);
|
1893
1944
|
});
|
1894
|
-
return /* @__PURE__ */ import_react6.default.createElement(Component, {
|
1945
|
+
return /* @__PURE__ */ import_react6.default.createElement(Component, __spreadValues({
|
1895
1946
|
className,
|
1896
|
-
children: childrenWithProps
|
1897
|
-
|
1898
|
-
});
|
1947
|
+
children: childrenWithProps
|
1948
|
+
}, componentProps));
|
1899
1949
|
};
|
1900
1950
|
}
|
1901
1951
|
|
@@ -1929,7 +1979,7 @@ var Flexbox = Tailwindify(
|
|
1929
1979
|
});
|
1930
1980
|
const HtmlElement = htmlTag;
|
1931
1981
|
return /* @__PURE__ */ import_react7.default.createElement(HtmlElement, {
|
1932
|
-
style: {
|
1982
|
+
style: __spreadValues(__spreadValues({}, hookStyle), style),
|
1933
1983
|
className
|
1934
1984
|
}, children);
|
1935
1985
|
}
|
@@ -2059,11 +2109,12 @@ function useTooltipTriggerState(props = {}) {
|
|
2059
2109
|
}
|
2060
2110
|
|
2061
2111
|
// src/components/Tooltip/Tooltip.tsx
|
2062
|
-
var Tooltip = (
|
2112
|
+
var Tooltip = (_a) => {
|
2113
|
+
var _b = _a, { inline = true, delay = 200 } = _b, props = __objRest(_b, ["inline", "delay"]);
|
2063
2114
|
const { placement: _placement = "top", content, disabled: isDisabled, shouldFlip = true } = props;
|
2064
2115
|
const triggerRef = import_react9.default.useRef(null);
|
2065
2116
|
const overlayRef = import_react9.default.useRef(null);
|
2066
|
-
const state = useTooltipTriggerState({ isDisabled, delay,
|
2117
|
+
const state = useTooltipTriggerState(__spreadValues({ isDisabled, delay }, props));
|
2067
2118
|
const { triggerProps, tooltipProps } = (0, import_tooltip.useTooltipTrigger)(props, state, triggerRef);
|
2068
2119
|
const { overlayProps, arrowProps, placement } = (0, import_overlays3.useOverlayPosition)({
|
2069
2120
|
placement: _placement.replace("-", " "),
|
@@ -2074,56 +2125,60 @@ var Tooltip = ({ inline = true, delay = 200, ...props }) => {
|
|
2074
2125
|
offset: ARROW_OFFSET
|
2075
2126
|
});
|
2076
2127
|
const handleClick = (e) => {
|
2077
|
-
|
2078
|
-
|
2128
|
+
var _a2, _b2;
|
2129
|
+
(_a2 = props.onClick) == null ? void 0 : _a2.call(props, e);
|
2130
|
+
(_b2 = triggerProps.onClick) == null ? void 0 : _b2.call(triggerProps, e);
|
2079
2131
|
};
|
2080
2132
|
const handleMouseDown = (e) => {
|
2081
|
-
|
2082
|
-
|
2133
|
+
var _a2, _b2;
|
2134
|
+
(_a2 = props.onMouseDown) == null ? void 0 : _a2.call(props, e);
|
2135
|
+
(_b2 = triggerProps.onMouseDown) == null ? void 0 : _b2.call(triggerProps, e);
|
2083
2136
|
};
|
2084
2137
|
const handleMouseUp = (e) => {
|
2085
|
-
|
2086
|
-
|
2138
|
+
var _a2, _b2;
|
2139
|
+
(_a2 = props.onMouseUp) == null ? void 0 : _a2.call(props, e);
|
2140
|
+
(_b2 = triggerProps.onMouseUp) == null ? void 0 : _b2.call(triggerProps, e);
|
2087
2141
|
};
|
2088
2142
|
const handlePointerDown = (e) => {
|
2089
|
-
|
2090
|
-
|
2143
|
+
var _a2, _b2;
|
2144
|
+
(_a2 = props.onPointerDown) == null ? void 0 : _a2.call(props, e);
|
2145
|
+
(_b2 = triggerProps.onPointerDown) == null ? void 0 : _b2.call(triggerProps, e);
|
2091
2146
|
};
|
2092
2147
|
const handlePointerUp = (e) => {
|
2093
|
-
|
2094
|
-
|
2148
|
+
var _a2, _b2;
|
2149
|
+
(_a2 = props.onPointerUp) == null ? void 0 : _a2.call(props, e);
|
2150
|
+
(_b2 = triggerProps.onPointerUp) == null ? void 0 : _b2.call(triggerProps, e);
|
2095
2151
|
};
|
2096
|
-
return /* @__PURE__ */ import_react9.default.createElement("div", {
|
2097
|
-
className: tw(`${inline ? "inline-block" : "block"}`)
|
2098
|
-
|
2152
|
+
return /* @__PURE__ */ import_react9.default.createElement("div", __spreadProps(__spreadValues({
|
2153
|
+
className: tw(`${inline ? "inline-block" : "block"}`)
|
2154
|
+
}, triggerProps), {
|
2099
2155
|
onClick: handleClick,
|
2100
2156
|
onMouseDown: handleMouseDown,
|
2101
2157
|
onMouseUp: handleMouseUp,
|
2102
2158
|
onPointerDown: handlePointerDown,
|
2103
2159
|
onPointerUp: handlePointerUp,
|
2104
2160
|
ref: triggerRef
|
2105
|
-
}, props.children, state.isOpen && /* @__PURE__ */ import_react9.default.createElement(TooltipWrapper, {
|
2161
|
+
}), props.children, state.isOpen && /* @__PURE__ */ import_react9.default.createElement(TooltipWrapper, __spreadValues({
|
2106
2162
|
ref: overlayRef,
|
2107
2163
|
state,
|
2108
2164
|
placement,
|
2109
|
-
arrowProps
|
2110
|
-
|
2111
|
-
}, content));
|
2165
|
+
arrowProps
|
2166
|
+
}, (0, import_utils.mergeProps)(tooltipProps, overlayProps)), content));
|
2112
2167
|
};
|
2113
2168
|
var TooltipWrapper = import_react9.default.forwardRef(
|
2114
|
-
(
|
2169
|
+
(_a, forwardedRef) => {
|
2170
|
+
var _b = _a, { state, placement, arrowProps } = _b, props = __objRest(_b, ["state", "placement", "arrowProps"]);
|
2171
|
+
var _a2;
|
2115
2172
|
const ref = import_react9.default.useRef(null);
|
2116
2173
|
import_react9.default.useImperativeHandle(forwardedRef, () => ref.current);
|
2117
2174
|
const { tooltipProps } = (0, import_tooltip.useTooltip)(props, state);
|
2118
|
-
const arrowStyle = getArrowStyle(ref.current, placement, arrowProps.style
|
2119
|
-
return /* @__PURE__ */ import_react9.default.createElement(import_overlays3.OverlayContainer, null, /* @__PURE__ */ import_react9.default.createElement("div", {
|
2175
|
+
const arrowStyle = getArrowStyle(ref.current, placement, (_a2 = arrowProps.style) != null ? _a2 : {});
|
2176
|
+
return /* @__PURE__ */ import_react9.default.createElement(import_overlays3.OverlayContainer, null, /* @__PURE__ */ import_react9.default.createElement("div", __spreadValues({
|
2120
2177
|
ref,
|
2121
|
-
className: tw("p-3 rounded-sm typography-caption-default max-w-[320px] bg-grey-90 text-white")
|
2122
|
-
|
2123
|
-
}, props.children, /* @__PURE__ */ import_react9.default.createElement(Arrow, {
|
2124
|
-
...arrowProps,
|
2178
|
+
className: tw("p-3 rounded-sm typography-caption-default max-w-[320px] bg-grey-90 text-white")
|
2179
|
+
}, (0, import_utils.mergeProps)(props, tooltipProps)), props.children, /* @__PURE__ */ import_react9.default.createElement(Arrow, __spreadProps(__spreadValues({}, arrowProps), {
|
2125
2180
|
style: arrowStyle
|
2126
|
-
})));
|
2181
|
+
}))));
|
2127
2182
|
}
|
2128
2183
|
);
|
2129
2184
|
var isNotNumberProperty = (p) => typeof p === "string";
|
@@ -2143,25 +2198,24 @@ var getArrowStyle = (element, position, { left, top }) => {
|
|
2143
2198
|
};
|
2144
2199
|
switch (position) {
|
2145
2200
|
case "top": {
|
2146
|
-
return { left: Math.min(limits.right, Math.max((left
|
2201
|
+
return { left: Math.min(limits.right, Math.max((left != null ? left : 0) - ARROW_SIZE, limits.left)), bottom: -ARROW_SIZE };
|
2147
2202
|
}
|
2148
2203
|
case "bottom": {
|
2149
|
-
return { left: Math.min(limits.right, Math.max((left
|
2204
|
+
return { left: Math.min(limits.right, Math.max((left != null ? left : 0) - ARROW_SIZE, limits.left)), top: -ARROW_SIZE };
|
2150
2205
|
}
|
2151
2206
|
case "left": {
|
2152
|
-
return { right: -ARROW_SIZE, top: Math.min(limits.bottom, Math.max((top
|
2207
|
+
return { right: -ARROW_SIZE, top: Math.min(limits.bottom, Math.max((top != null ? top : 0) - ARROW_SIZE, limits.top)) };
|
2153
2208
|
}
|
2154
2209
|
case "right": {
|
2155
|
-
return { left: -ARROW_SIZE, top: Math.min(limits.bottom, Math.max((top
|
2210
|
+
return { left: -ARROW_SIZE, top: Math.min(limits.bottom, Math.max((top != null ? top : 0) - ARROW_SIZE, limits.top)) };
|
2156
2211
|
}
|
2157
2212
|
}
|
2158
2213
|
return { left, top };
|
2159
2214
|
};
|
2160
2215
|
var Arrow = (props) => {
|
2161
|
-
return /* @__PURE__ */ import_react9.default.createElement("div", {
|
2162
|
-
className: tw("absolute w-3 h-3 bg-grey-90 rotate-45")
|
2163
|
-
|
2164
|
-
});
|
2216
|
+
return /* @__PURE__ */ import_react9.default.createElement("div", __spreadValues({
|
2217
|
+
className: tw("absolute w-3 h-3 bg-grey-90 rotate-45")
|
2218
|
+
}, props));
|
2165
2219
|
};
|
2166
2220
|
|
2167
2221
|
// src/components/Button/Button.tsx
|
@@ -2197,21 +2251,34 @@ var LoadingSpinner = ({
|
|
2197
2251
|
};
|
2198
2252
|
var asButton = (Component, isDropdownButton) => {
|
2199
2253
|
return import_react10.default.forwardRef(
|
2200
|
-
({
|
2201
|
-
|
2202
|
-
|
2203
|
-
|
2204
|
-
|
2205
|
-
|
2206
|
-
|
2207
|
-
|
2208
|
-
|
2209
|
-
|
2210
|
-
|
2211
|
-
|
2212
|
-
|
2213
|
-
|
2214
|
-
|
2254
|
+
(_a, ref) => {
|
2255
|
+
var _b = _a, {
|
2256
|
+
kind = "primary",
|
2257
|
+
icon,
|
2258
|
+
iconPlacement = "left",
|
2259
|
+
tooltip,
|
2260
|
+
tooltipPlacement,
|
2261
|
+
disabled,
|
2262
|
+
loading: loading2 = false,
|
2263
|
+
fullWidth = false,
|
2264
|
+
dense = false,
|
2265
|
+
UNSAFE_className,
|
2266
|
+
"aria-label": ariaLabel,
|
2267
|
+
children
|
2268
|
+
} = _b, props = __objRest(_b, [
|
2269
|
+
"kind",
|
2270
|
+
"icon",
|
2271
|
+
"iconPlacement",
|
2272
|
+
"tooltip",
|
2273
|
+
"tooltipPlacement",
|
2274
|
+
"disabled",
|
2275
|
+
"loading",
|
2276
|
+
"fullWidth",
|
2277
|
+
"dense",
|
2278
|
+
"UNSAFE_className",
|
2279
|
+
"aria-label",
|
2280
|
+
"children"
|
2281
|
+
]);
|
2215
2282
|
const hasChildren = import_react10.default.Children.count(children) > 0;
|
2216
2283
|
const isIconOnlyButton = !hasChildren && !!icon;
|
2217
2284
|
const isGhost = !isIconOnlyButton && (kind === "ghost" || kind === "secondary-ghost");
|
@@ -2257,9 +2324,9 @@ var asButton = (Component, isDropdownButton) => {
|
|
2257
2324
|
return children;
|
2258
2325
|
}
|
2259
2326
|
};
|
2260
|
-
const buttonComponent = /* @__PURE__ */ import_react10.default.createElement(Component, {
|
2261
|
-
ref
|
2262
|
-
|
2327
|
+
const buttonComponent = /* @__PURE__ */ import_react10.default.createElement(Component, __spreadProps(__spreadValues({
|
2328
|
+
ref
|
2329
|
+
}, props), {
|
2263
2330
|
className: classNames(
|
2264
2331
|
UNSAFE_className,
|
2265
2332
|
!isIconOnlyButton && COLOR_CLASSNAMES[kind],
|
@@ -2275,9 +2342,9 @@ var asButton = (Component, isDropdownButton) => {
|
|
2275
2342
|
"cursor-not-allowed": !!disabled || !!loading2
|
2276
2343
|
})
|
2277
2344
|
),
|
2278
|
-
"aria-label": isIconOnlyButton ? ariaLabel
|
2345
|
+
"aria-label": isIconOnlyButton ? ariaLabel != null ? ariaLabel : tooltip : ariaLabel,
|
2279
2346
|
disabled: disabled || loading2
|
2280
|
-
}, loading2 && !isGhost ? /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, /* @__PURE__ */ import_react10.default.createElement("div", {
|
2347
|
+
}), loading2 && !isGhost ? /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, /* @__PURE__ */ import_react10.default.createElement("div", {
|
2281
2348
|
className: tw("absolute left-1/2 top-0 bottom-0 flex"),
|
2282
2349
|
style: { transform: "translate(-50%)" }
|
2283
2350
|
}, /* @__PURE__ */ import_react10.default.createElement(LoadingSpinner, {
|
@@ -2295,59 +2362,59 @@ var asButton = (Component, isDropdownButton) => {
|
|
2295
2362
|
};
|
2296
2363
|
var Button = asButton("button");
|
2297
2364
|
Button.displayName = "Button";
|
2298
|
-
var PrimaryButton = import_react10.default.forwardRef((props, ref) => /* @__PURE__ */ import_react10.default.createElement(Button, {
|
2299
|
-
ref
|
2300
|
-
|
2365
|
+
var PrimaryButton = import_react10.default.forwardRef((props, ref) => /* @__PURE__ */ import_react10.default.createElement(Button, __spreadProps(__spreadValues({
|
2366
|
+
ref
|
2367
|
+
}, props), {
|
2301
2368
|
kind: "primary"
|
2302
|
-
}));
|
2369
|
+
})));
|
2303
2370
|
PrimaryButton.displayName = "PrimaryButton";
|
2304
|
-
var SecondaryButton = import_react10.default.forwardRef((props, ref) => /* @__PURE__ */ import_react10.default.createElement(Button, {
|
2305
|
-
ref
|
2306
|
-
|
2371
|
+
var SecondaryButton = import_react10.default.forwardRef((props, ref) => /* @__PURE__ */ import_react10.default.createElement(Button, __spreadProps(__spreadValues({
|
2372
|
+
ref
|
2373
|
+
}, props), {
|
2307
2374
|
kind: "secondary"
|
2308
|
-
}));
|
2375
|
+
})));
|
2309
2376
|
SecondaryButton.displayName = "SecondaryButton";
|
2310
|
-
var GhostButton = import_react10.default.forwardRef((props, ref) => /* @__PURE__ */ import_react10.default.createElement(Button, {
|
2311
|
-
ref
|
2312
|
-
|
2377
|
+
var GhostButton = import_react10.default.forwardRef((props, ref) => /* @__PURE__ */ import_react10.default.createElement(Button, __spreadProps(__spreadValues({
|
2378
|
+
ref
|
2379
|
+
}, props), {
|
2313
2380
|
kind: "ghost"
|
2314
|
-
}));
|
2381
|
+
})));
|
2315
2382
|
GhostButton.displayName = "GhostButton";
|
2316
|
-
var SecondaryGhostButton = import_react10.default.forwardRef((props, ref) => /* @__PURE__ */ import_react10.default.createElement(Button, {
|
2317
|
-
ref
|
2318
|
-
|
2383
|
+
var SecondaryGhostButton = import_react10.default.forwardRef((props, ref) => /* @__PURE__ */ import_react10.default.createElement(Button, __spreadProps(__spreadValues({
|
2384
|
+
ref
|
2385
|
+
}, props), {
|
2319
2386
|
kind: "secondary-ghost"
|
2320
|
-
}));
|
2387
|
+
})));
|
2321
2388
|
SecondaryGhostButton.displayName = "SecondaryGhostButton";
|
2322
|
-
var IconButton = import_react10.default.forwardRef((props, ref) => /* @__PURE__ */ import_react10.default.createElement(Button, {
|
2323
|
-
ref
|
2324
|
-
|
2389
|
+
var IconButton = import_react10.default.forwardRef((props, ref) => /* @__PURE__ */ import_react10.default.createElement(Button, __spreadProps(__spreadValues({
|
2390
|
+
ref
|
2391
|
+
}, props), {
|
2325
2392
|
kind: "ghost",
|
2326
2393
|
loading: false,
|
2327
2394
|
fullWidth: false
|
2328
|
-
}));
|
2395
|
+
})));
|
2329
2396
|
IconButton.displayName = "IconButton";
|
2330
2397
|
var ExternalLinkButton = asButton("a");
|
2331
|
-
var IconExternalLinkButton = import_react10.default.forwardRef((props, ref) => /* @__PURE__ */ import_react10.default.createElement(ExternalLinkButton, {
|
2332
|
-
ref
|
2333
|
-
|
2398
|
+
var IconExternalLinkButton = import_react10.default.forwardRef((props, ref) => /* @__PURE__ */ import_react10.default.createElement(ExternalLinkButton, __spreadProps(__spreadValues({
|
2399
|
+
ref
|
2400
|
+
}, props), {
|
2334
2401
|
kind: "ghost",
|
2335
2402
|
loading: false,
|
2336
2403
|
fullWidth: false
|
2337
|
-
}));
|
2404
|
+
})));
|
2338
2405
|
IconExternalLinkButton.displayName = "IconExternalLink";
|
2339
2406
|
var DropdownButton = asButton("button", true);
|
2340
|
-
var PrimaryDropdownButton = import_react10.default.forwardRef((props, ref) => /* @__PURE__ */ import_react10.default.createElement(DropdownButton, {
|
2341
|
-
ref
|
2342
|
-
|
2407
|
+
var PrimaryDropdownButton = import_react10.default.forwardRef((props, ref) => /* @__PURE__ */ import_react10.default.createElement(DropdownButton, __spreadProps(__spreadValues({
|
2408
|
+
ref
|
2409
|
+
}, props), {
|
2343
2410
|
kind: "primary"
|
2344
|
-
}));
|
2411
|
+
})));
|
2345
2412
|
PrimaryDropdownButton.displayName = "PrimaryDropdownButton";
|
2346
|
-
var SecondaryDropdownButton = import_react10.default.forwardRef((props, ref) => /* @__PURE__ */ import_react10.default.createElement(DropdownButton, {
|
2347
|
-
ref
|
2348
|
-
|
2413
|
+
var SecondaryDropdownButton = import_react10.default.forwardRef((props, ref) => /* @__PURE__ */ import_react10.default.createElement(DropdownButton, __spreadProps(__spreadValues({
|
2414
|
+
ref
|
2415
|
+
}, props), {
|
2349
2416
|
kind: "secondary"
|
2350
|
-
}));
|
2417
|
+
})));
|
2351
2418
|
SecondaryDropdownButton.displayName = "SecondaryDropdownButton";
|
2352
2419
|
|
2353
2420
|
// src/common/Typography/Typography.tsx
|
@@ -2355,24 +2422,32 @@ var import_react11 = __toESM(require("react"));
|
|
2355
2422
|
var import_isUndefined5 = __toESM(require("lodash/isUndefined"));
|
2356
2423
|
var import_resolveTheme = __toESM(require_resolveTheme());
|
2357
2424
|
var typographies = import_resolveTheme.theme.typography.sizes.reduce(
|
2358
|
-
(acc, { name, className }) => ({
|
2425
|
+
(acc, { name, className }) => __spreadProps(__spreadValues({}, acc), { [name]: className }),
|
2359
2426
|
{}
|
2360
2427
|
);
|
2361
|
-
var Typography = ({
|
2362
|
-
|
2363
|
-
|
2364
|
-
|
2365
|
-
|
2366
|
-
|
2367
|
-
|
2368
|
-
|
2428
|
+
var Typography = (_a) => {
|
2429
|
+
var _b = _a, {
|
2430
|
+
children,
|
2431
|
+
variant = "body-default",
|
2432
|
+
color,
|
2433
|
+
htmlTag = "div",
|
2434
|
+
className,
|
2435
|
+
fontWeight
|
2436
|
+
} = _b, rest = __objRest(_b, [
|
2437
|
+
"children",
|
2438
|
+
"variant",
|
2439
|
+
"color",
|
2440
|
+
"htmlTag",
|
2441
|
+
"className",
|
2442
|
+
"fontWeight"
|
2443
|
+
]);
|
2369
2444
|
const HtmlElement = htmlTag;
|
2370
2445
|
const resolvedColorName = (0, import_isUndefined5.default)(color) || color === "current" ? "grey-80" : color;
|
2371
2446
|
const style = useStyle({ fontWeight });
|
2372
|
-
return /* @__PURE__ */ import_react11.default.createElement(HtmlElement, {
|
2447
|
+
return /* @__PURE__ */ import_react11.default.createElement(HtmlElement, __spreadValues({
|
2373
2448
|
className: classNames(typographies[variant], `text-${resolvedColorName}`, className),
|
2374
2449
|
style
|
2375
|
-
}, children);
|
2450
|
+
}, rest), children);
|
2376
2451
|
};
|
2377
2452
|
|
2378
2453
|
// src/common/Alert/Alert.tsx
|
@@ -2399,116 +2474,137 @@ var alertTypes = {
|
|
2399
2474
|
color: "success-40"
|
2400
2475
|
}
|
2401
2476
|
};
|
2402
|
-
var Alert = ({
|
2403
|
-
|
2404
|
-
|
2405
|
-
|
2406
|
-
|
2407
|
-
|
2408
|
-
}
|
2409
|
-
|
2410
|
-
|
2411
|
-
|
2412
|
-
|
2413
|
-
|
2414
|
-
|
2415
|
-
|
2416
|
-
"
|
2417
|
-
|
2418
|
-
|
2419
|
-
|
2420
|
-
|
2421
|
-
|
2422
|
-
|
2423
|
-
|
2424
|
-
|
2425
|
-
|
2426
|
-
|
2427
|
-
|
2428
|
-
|
2429
|
-
|
2430
|
-
|
2431
|
-
|
2432
|
-
|
2433
|
-
|
2434
|
-
|
2435
|
-
|
2436
|
-
|
2437
|
-
|
2438
|
-
}, children);
|
2439
|
-
|
2440
|
-
|
2441
|
-
|
2442
|
-
|
2443
|
-
|
2444
|
-
|
2445
|
-
|
2446
|
-
})
|
2447
|
-
|
2448
|
-
|
2449
|
-
},
|
2450
|
-
|
2451
|
-
|
2452
|
-
|
2453
|
-
|
2454
|
-
})
|
2477
|
+
var Alert = (_a) => {
|
2478
|
+
var _b = _a, {
|
2479
|
+
children,
|
2480
|
+
className,
|
2481
|
+
type,
|
2482
|
+
dense
|
2483
|
+
} = _b, rest = __objRest(_b, [
|
2484
|
+
"children",
|
2485
|
+
"className",
|
2486
|
+
"type",
|
2487
|
+
"dense"
|
2488
|
+
]);
|
2489
|
+
return /* @__PURE__ */ import_react12.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
2490
|
+
className: classNames(
|
2491
|
+
tw("rounded grid grid-cols-[auto_1fr_auto] items-center gap-x-3 gap-y-2", {
|
2492
|
+
"bg-error-5": type === "error",
|
2493
|
+
"bg-info-5": type === "information",
|
2494
|
+
"bg-success-5": type === "success",
|
2495
|
+
"bg-warning-5": type === "warning",
|
2496
|
+
"p-4": Boolean(dense),
|
2497
|
+
"p-5": !dense
|
2498
|
+
}),
|
2499
|
+
className
|
2500
|
+
)
|
2501
|
+
}), children);
|
2502
|
+
};
|
2503
|
+
Alert.Title = (_a) => {
|
2504
|
+
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
2505
|
+
return /* @__PURE__ */ import_react12.default.createElement(Typography, __spreadProps(__spreadValues({}, rest), {
|
2506
|
+
variant: "body-default",
|
2507
|
+
color: "grey-80",
|
2508
|
+
fontWeight: 500,
|
2509
|
+
className: classNames(tw("col-start-2"), className)
|
2510
|
+
}), children);
|
2511
|
+
};
|
2512
|
+
Alert.Description = (_a) => {
|
2513
|
+
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
2514
|
+
return /* @__PURE__ */ import_react12.default.createElement(Typography, __spreadProps(__spreadValues({}, rest), {
|
2515
|
+
variant: "body-small",
|
2516
|
+
color: "grey-60",
|
2517
|
+
className: classNames(tw("col-start-2"), className)
|
2518
|
+
}), children);
|
2519
|
+
};
|
2520
|
+
Alert.Actions = (_a) => {
|
2521
|
+
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
2522
|
+
return /* @__PURE__ */ import_react12.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
2523
|
+
className: classNames(tw("flex gap-4 col-start-2"), className)
|
2524
|
+
}), children);
|
2525
|
+
};
|
2526
|
+
Alert.Icon = (_a) => {
|
2527
|
+
var _b = _a, { type, dense } = _b, rest = __objRest(_b, ["type", "dense"]);
|
2528
|
+
return /* @__PURE__ */ import_react12.default.createElement("div", {
|
2529
|
+
className: tw("h-[20px] col-start-1 row-start-1", { "self-start": !dense })
|
2530
|
+
}, /* @__PURE__ */ import_react12.default.createElement(Icon, __spreadProps(__spreadValues({}, rest), {
|
2531
|
+
icon: alertTypes[type].icon,
|
2532
|
+
color: alertTypes[type].color,
|
2533
|
+
fontSize: 20
|
2534
|
+
})));
|
2535
|
+
};
|
2536
|
+
Alert.Dismiss = (_a) => {
|
2537
|
+
var _b = _a, { type } = _b, rest = __objRest(_b, ["type"]);
|
2538
|
+
return /* @__PURE__ */ import_react12.default.createElement("div", {
|
2539
|
+
className: tw("h-[20px] col-start-3 row-start-1")
|
2540
|
+
}, /* @__PURE__ */ import_react12.default.createElement(IconButton, __spreadProps(__spreadValues({}, rest), {
|
2541
|
+
UNSAFE_className: tw("-m-2"),
|
2542
|
+
tooltip: "Dismiss",
|
2543
|
+
icon: import_cross.default
|
2544
|
+
})));
|
2545
|
+
};
|
2455
2546
|
|
2456
2547
|
// src/common/Checkbox/Checkbox.tsx
|
2457
2548
|
var import_react13 = __toESM(require("react"));
|
2458
2549
|
var import_tick = __toESM(require_tick());
|
2459
2550
|
var import_minus = __toESM(require_minus());
|
2460
2551
|
var Checkbox = import_react13.default.forwardRef(
|
2461
|
-
(
|
2462
|
-
|
2463
|
-
|
2464
|
-
|
2465
|
-
"
|
2466
|
-
|
2467
|
-
|
2468
|
-
|
2469
|
-
|
2470
|
-
|
2471
|
-
|
2472
|
-
|
2473
|
-
|
2474
|
-
|
2475
|
-
|
2476
|
-
|
2477
|
-
|
2478
|
-
"
|
2479
|
-
|
2480
|
-
|
2481
|
-
|
2482
|
-
|
2483
|
-
|
2484
|
-
|
2485
|
-
|
2486
|
-
|
2487
|
-
|
2488
|
-
|
2489
|
-
|
2490
|
-
|
2491
|
-
|
2492
|
-
"
|
2493
|
-
|
2494
|
-
|
2495
|
-
|
2552
|
+
(_a, ref) => {
|
2553
|
+
var _b = _a, { id, children, name, checked, disabled = false, readOnly = false, indeterminate = false } = _b, props = __objRest(_b, ["id", "children", "name", "checked", "disabled", "readOnly", "indeterminate"]);
|
2554
|
+
return /* @__PURE__ */ import_react13.default.createElement("span", {
|
2555
|
+
className: classNames(
|
2556
|
+
tw("inline-flex justify-center items-center relative self-center", {
|
2557
|
+
"text-grey-30": disabled,
|
2558
|
+
"text-grey-100 cursor-pointer": !disabled
|
2559
|
+
})
|
2560
|
+
)
|
2561
|
+
}, /* @__PURE__ */ import_react13.default.createElement("input", __spreadProps(__spreadValues({
|
2562
|
+
id,
|
2563
|
+
ref,
|
2564
|
+
type: "checkbox",
|
2565
|
+
name
|
2566
|
+
}, props), {
|
2567
|
+
checked,
|
2568
|
+
className: classNames(
|
2569
|
+
tw("appearance-none rounded-sm border"),
|
2570
|
+
{
|
2571
|
+
"cursor-pointer": !disabled,
|
2572
|
+
"border-grey-20 hover:border-grey-50 focus:border-info-70": !disabled && !checked,
|
2573
|
+
"border-navyBlue-100 bg-navyBlue-100": !disabled && checked,
|
2574
|
+
"border-grey-5 cursor-not-allowed": disabled,
|
2575
|
+
"bg-grey-0": disabled && checked
|
2576
|
+
},
|
2577
|
+
props.className
|
2578
|
+
),
|
2579
|
+
style: __spreadValues({ width: 16, height: 16 }, props.style),
|
2580
|
+
readOnly,
|
2581
|
+
disabled
|
2582
|
+
})), (checked || indeterminate) && /* @__PURE__ */ import_react13.default.createElement(Icon, {
|
2583
|
+
className: tw("absolute top-2 left-2 w-3 h-3 pointer-events-none [&>path]:stroke-2", {
|
2584
|
+
"text-white [&>path]:stroke-white": !disabled,
|
2585
|
+
"text-grey-30 [&>path]:stroke-grey-30": disabled
|
2586
|
+
}),
|
2587
|
+
icon: indeterminate ? import_minus.default : import_tick.default
|
2588
|
+
}));
|
2589
|
+
}
|
2496
2590
|
);
|
2497
2591
|
|
2498
2592
|
// src/common/Chip/Chip.tsx
|
2499
2593
|
var import_react14 = __toESM(require("react"));
|
2500
2594
|
var Container = import_react14.default.forwardRef(
|
2501
|
-
(
|
2502
|
-
|
2503
|
-
|
2504
|
-
|
2505
|
-
|
2506
|
-
"
|
2507
|
-
|
2508
|
-
|
2509
|
-
|
2510
|
-
|
2511
|
-
|
2595
|
+
(_a, ref) => {
|
2596
|
+
var _b = _a, { dense = false, className, children } = _b, rest = __objRest(_b, ["dense", "className", "children"]);
|
2597
|
+
return /* @__PURE__ */ import_react14.default.createElement("span", __spreadValues({
|
2598
|
+
ref,
|
2599
|
+
className: classNames(
|
2600
|
+
tw("inline-flex items-center rounded-sm transition whitespace-nowrap", {
|
2601
|
+
"typography-body-small py-2 px-3 gap-x-3": !dense,
|
2602
|
+
"typography-caption-default py-1 px-2 gap-x-2": dense
|
2603
|
+
}),
|
2604
|
+
className
|
2605
|
+
)
|
2606
|
+
}, rest), children);
|
2607
|
+
}
|
2512
2608
|
);
|
2513
2609
|
var Chip = {
|
2514
2610
|
Container
|
@@ -2538,111 +2634,146 @@ var import_react16 = __toESM(require("react"));
|
|
2538
2634
|
|
2539
2635
|
// src/components/Typography/Typography.tsx
|
2540
2636
|
var import_react15 = __toESM(require("react"));
|
2541
|
-
var Typography2 = (props) => /* @__PURE__ */ import_react15.default.createElement(Typography, {
|
2542
|
-
|
2543
|
-
});
|
2544
|
-
|
2545
|
-
|
2546
|
-
|
2547
|
-
|
2548
|
-
}
|
2549
|
-
Typography2.Subheading = (
|
2550
|
-
|
2551
|
-
|
2552
|
-
|
2553
|
-
|
2554
|
-
|
2555
|
-
|
2556
|
-
|
2557
|
-
|
2558
|
-
})
|
2559
|
-
|
2560
|
-
|
2561
|
-
|
2562
|
-
|
2563
|
-
|
2564
|
-
|
2565
|
-
|
2566
|
-
|
2567
|
-
|
2568
|
-
});
|
2637
|
+
var Typography2 = (props) => /* @__PURE__ */ import_react15.default.createElement(Typography, __spreadValues({}, props));
|
2638
|
+
Typography2.Heading = (_a) => {
|
2639
|
+
var _b = _a, { htmlTag = "h1" } = _b, props = __objRest(_b, ["htmlTag"]);
|
2640
|
+
return /* @__PURE__ */ import_react15.default.createElement(Typography, __spreadProps(__spreadValues({}, props), {
|
2641
|
+
htmlTag,
|
2642
|
+
variant: "heading-xl"
|
2643
|
+
}));
|
2644
|
+
};
|
2645
|
+
Typography2.Subheading = (_a) => {
|
2646
|
+
var _b = _a, { htmlTag = "h2" } = _b, props = __objRest(_b, ["htmlTag"]);
|
2647
|
+
return /* @__PURE__ */ import_react15.default.createElement(Typography, __spreadProps(__spreadValues({}, props), {
|
2648
|
+
htmlTag,
|
2649
|
+
variant: "heading-large"
|
2650
|
+
}));
|
2651
|
+
};
|
2652
|
+
Typography2.LargeText = (_a) => {
|
2653
|
+
var _b = _a, { htmlTag = "p" } = _b, props = __objRest(_b, ["htmlTag"]);
|
2654
|
+
return /* @__PURE__ */ import_react15.default.createElement(Typography, __spreadProps(__spreadValues({}, props), {
|
2655
|
+
htmlTag,
|
2656
|
+
variant: "body-large"
|
2657
|
+
}));
|
2658
|
+
};
|
2659
|
+
Typography2.MediumText = (_a) => {
|
2660
|
+
var _b = _a, { htmlTag = "p" } = _b, props = __objRest(_b, ["htmlTag"]);
|
2661
|
+
return /* @__PURE__ */ import_react15.default.createElement(Typography, __spreadProps(__spreadValues({}, props), {
|
2662
|
+
htmlTag,
|
2663
|
+
variant: "body-default-medium"
|
2664
|
+
}));
|
2665
|
+
};
|
2666
|
+
Typography2.Text = (_a) => {
|
2667
|
+
var _b = _a, { htmlTag = "p" } = _b, props = __objRest(_b, ["htmlTag"]);
|
2668
|
+
return /* @__PURE__ */ import_react15.default.createElement(Typography, __spreadProps(__spreadValues({}, props), {
|
2669
|
+
htmlTag,
|
2670
|
+
variant: "body-default"
|
2671
|
+
}));
|
2672
|
+
};
|
2569
2673
|
Typography2.Paragraph = Typography2.Text;
|
2570
2674
|
Typography2.P = Typography2.Text;
|
2571
|
-
Typography2.SmallText = (
|
2572
|
-
|
2573
|
-
|
2574
|
-
|
2575
|
-
|
2576
|
-
|
2577
|
-
|
2578
|
-
|
2579
|
-
|
2580
|
-
})
|
2581
|
-
|
2582
|
-
|
2583
|
-
|
2584
|
-
|
2585
|
-
|
2675
|
+
Typography2.SmallText = (_a) => {
|
2676
|
+
var _b = _a, { htmlTag = "p" } = _b, props = __objRest(_b, ["htmlTag"]);
|
2677
|
+
return /* @__PURE__ */ import_react15.default.createElement(Typography, __spreadProps(__spreadValues({}, props), {
|
2678
|
+
htmlTag,
|
2679
|
+
variant: "body-small"
|
2680
|
+
}));
|
2681
|
+
};
|
2682
|
+
Typography2.SmallTextBold = (_a) => {
|
2683
|
+
var _b = _a, { htmlTag = "p" } = _b, props = __objRest(_b, ["htmlTag"]);
|
2684
|
+
return /* @__PURE__ */ import_react15.default.createElement(Typography, __spreadProps(__spreadValues({}, props), {
|
2685
|
+
htmlTag,
|
2686
|
+
variant: "body-small-medium"
|
2687
|
+
}));
|
2688
|
+
};
|
2689
|
+
Typography2.Caption = (_a) => {
|
2690
|
+
var _b = _a, { htmlTag = "p" } = _b, props = __objRest(_b, ["htmlTag"]);
|
2691
|
+
return /* @__PURE__ */ import_react15.default.createElement(Typography, __spreadProps(__spreadValues({}, props), {
|
2692
|
+
htmlTag,
|
2693
|
+
variant: "caption-default"
|
2694
|
+
}));
|
2695
|
+
};
|
2586
2696
|
|
2587
2697
|
// src/common/DropdownMenu/DropdownMenu.tsx
|
2588
2698
|
var import_tick2 = __toESM(require_tick());
|
2589
2699
|
var DropdownMenu = import_react16.default.forwardRef(
|
2590
|
-
(
|
2591
|
-
|
2592
|
-
|
2593
|
-
|
2594
|
-
|
2595
|
-
|
2596
|
-
|
2597
|
-
|
2598
|
-
|
2700
|
+
(_a, ref) => {
|
2701
|
+
var _b = _a, { maxHeight = "450px", minWidth = "125px", maxWidth, className, children } = _b, props = __objRest(_b, ["maxHeight", "minWidth", "maxWidth", "className", "children"]);
|
2702
|
+
return /* @__PURE__ */ import_react16.default.createElement("div", __spreadValues({
|
2703
|
+
ref,
|
2704
|
+
style: { maxHeight, minWidth, maxWidth },
|
2705
|
+
className: classNames(
|
2706
|
+
className,
|
2707
|
+
"p-3 bg-white w-full overflow-y-auto overflow-x-hidden typography-body-small-medium text-grey-70"
|
2708
|
+
)
|
2709
|
+
}, props), children);
|
2710
|
+
}
|
2711
|
+
);
|
2712
|
+
var List = import_react16.default.forwardRef(
|
2713
|
+
(_a, ref) => {
|
2714
|
+
var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
|
2715
|
+
return /* @__PURE__ */ import_react16.default.createElement("ul", __spreadValues({
|
2716
|
+
ref
|
2717
|
+
}, props), children);
|
2718
|
+
}
|
2599
2719
|
);
|
2720
|
+
DropdownMenu.List = List;
|
2600
2721
|
var Group = import_react16.default.forwardRef(
|
2601
|
-
(
|
2602
|
-
|
2603
|
-
|
2604
|
-
|
2605
|
-
|
2606
|
-
className
|
2607
|
-
|
2608
|
-
|
2609
|
-
|
2610
|
-
|
2611
|
-
|
2612
|
-
|
2613
|
-
|
2722
|
+
(_a, ref) => {
|
2723
|
+
var _b = _a, { className, title, titleProps, children } = _b, props = __objRest(_b, ["className", "title", "titleProps", "children"]);
|
2724
|
+
return /* @__PURE__ */ import_react16.default.createElement("li", __spreadValues({
|
2725
|
+
ref
|
2726
|
+
}, props), title && /* @__PURE__ */ import_react16.default.createElement("div", __spreadValues({
|
2727
|
+
className: classNames(
|
2728
|
+
className,
|
2729
|
+
"p-3 text-grey-40 uppercase cursor-default typography-caption-default font-medium",
|
2730
|
+
{
|
2731
|
+
"text-grey-20": props.disabled
|
2732
|
+
}
|
2733
|
+
)
|
2734
|
+
}, titleProps), title), children);
|
2735
|
+
}
|
2614
2736
|
);
|
2615
2737
|
DropdownMenu.Group = Group;
|
2616
2738
|
var Item = import_react16.default.forwardRef(
|
2617
|
-
(
|
2618
|
-
|
2619
|
-
|
2620
|
-
|
2621
|
-
"
|
2622
|
-
|
2623
|
-
|
2624
|
-
|
2625
|
-
|
2626
|
-
|
2627
|
-
icon
|
2628
|
-
|
2629
|
-
|
2630
|
-
|
2631
|
-
|
2632
|
-
|
2739
|
+
(_a, ref) => {
|
2740
|
+
var _b = _a, { kind, highlighted, selected, className, icon, children } = _b, props = __objRest(_b, ["kind", "highlighted", "selected", "className", "icon", "children"]);
|
2741
|
+
return /* @__PURE__ */ import_react16.default.createElement("li", __spreadValues({
|
2742
|
+
ref,
|
2743
|
+
className: classNames(className, "flex items-center gap-x-3 p-3 outline-none", {
|
2744
|
+
"cursor-pointer hover:bg-grey-0": !props.disabled,
|
2745
|
+
"bg-grey-0": highlighted,
|
2746
|
+
"text-primary-80": kind === "action",
|
2747
|
+
"text-grey-20 cursor-not-allowed": props.disabled
|
2748
|
+
})
|
2749
|
+
}, props), icon && /* @__PURE__ */ import_react16.default.createElement(InlineIcon, {
|
2750
|
+
icon
|
2751
|
+
}), /* @__PURE__ */ import_react16.default.createElement("span", {
|
2752
|
+
className: tw("grow")
|
2753
|
+
}, children), selected && /* @__PURE__ */ import_react16.default.createElement(InlineIcon, {
|
2754
|
+
icon: import_tick2.default
|
2755
|
+
}));
|
2756
|
+
}
|
2633
2757
|
);
|
2634
2758
|
DropdownMenu.Item = Item;
|
2635
2759
|
var Description = ({ disabled, children }) => /* @__PURE__ */ import_react16.default.createElement(Typography2.Caption, {
|
2636
2760
|
color: disabled ? "grey-20" : "grey-40"
|
2637
2761
|
}, children);
|
2638
2762
|
DropdownMenu.Description = Description;
|
2639
|
-
var Separator = (
|
2640
|
-
|
2641
|
-
|
2763
|
+
var Separator = (_a) => {
|
2764
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
2765
|
+
return /* @__PURE__ */ import_react16.default.createElement("li", __spreadProps(__spreadValues({}, props), {
|
2642
2766
|
className: classNames(className, tw("m-3 block bg-grey-5 h-[1px]"))
|
2643
|
-
});
|
2767
|
+
}));
|
2644
2768
|
};
|
2645
2769
|
DropdownMenu.Separator = Separator;
|
2770
|
+
var EmptyStateContainer = (_a) => {
|
2771
|
+
var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
|
2772
|
+
return /* @__PURE__ */ import_react16.default.createElement("div", __spreadValues({
|
2773
|
+
className: classNames(tw("border border-dashed border-grey-10 p-3"), className)
|
2774
|
+
}, props), children);
|
2775
|
+
};
|
2776
|
+
DropdownMenu.EmptyStateContainer = EmptyStateContainer;
|
2646
2777
|
|
2647
2778
|
// src/common/InputGroup/InputGroup.tsx
|
2648
2779
|
var import_react18 = __toESM(require("react"));
|
@@ -2702,7 +2833,7 @@ var Grid = Tailwindify(
|
|
2702
2833
|
});
|
2703
2834
|
const HtmlElement = htmlTag;
|
2704
2835
|
return /* @__PURE__ */ import_react17.default.createElement(HtmlElement, {
|
2705
|
-
style: {
|
2836
|
+
style: __spreadValues(__spreadValues({}, hookStyle), style),
|
2706
2837
|
className
|
2707
2838
|
}, children);
|
2708
2839
|
}
|
@@ -2715,104 +2846,136 @@ var gridColumnStyles = {
|
|
2715
2846
|
"3": "grid-cols-3",
|
2716
2847
|
"auto": "auto-cols-fr"
|
2717
2848
|
};
|
2718
|
-
var InputGroup = (
|
2719
|
-
|
2720
|
-
|
2849
|
+
var InputGroup = (_a) => {
|
2850
|
+
var _b = _a, { cols = "1", children } = _b, rest = __objRest(_b, ["cols", "children"]);
|
2851
|
+
return /* @__PURE__ */ import_react18.default.createElement(Grid, __spreadProps(__spreadValues({}, rest), {
|
2721
2852
|
display: "inline-grid",
|
2722
2853
|
colGap: "l4",
|
2723
2854
|
rowGap: "3",
|
2724
2855
|
cols: cols !== "auto" ? cols : void 0,
|
2725
2856
|
className: gridColumnStyles[cols]
|
2726
|
-
}, children);
|
2857
|
+
}), children);
|
2727
2858
|
};
|
2728
2859
|
|
2729
2860
|
// src/common/Modal/Modal.tsx
|
2730
2861
|
var import_react19 = __toESM(require("react"));
|
2731
|
-
var Modal = (
|
2732
|
-
|
2733
|
-
|
2734
|
-
tw("fixed inset-0 overflow-y-auto z-modal flex justify-center items-center fixed py-7"),
|
2735
|
-
className
|
2736
|
-
)
|
2737
|
-
}, children) : null;
|
2738
|
-
Modal.BackDrop = ({ className, ...rest }) => /* @__PURE__ */ import_react19.default.createElement("div", {
|
2739
|
-
...rest,
|
2740
|
-
className: classNames(tw("-z-10 fixed min-w-full min-h-full bg-navyBlue-100 opacity-70"), className)
|
2741
|
-
});
|
2742
|
-
Modal.Dialog = import_react19.default.forwardRef(
|
2743
|
-
({ children, className, size = "sm", ...rest }, ref) => /* @__PURE__ */ import_react19.default.createElement("div", {
|
2744
|
-
ref,
|
2745
|
-
...rest,
|
2862
|
+
var Modal = (_a) => {
|
2863
|
+
var _b = _a, { children, className, open } = _b, rest = __objRest(_b, ["children", "className", "open"]);
|
2864
|
+
return open ? /* @__PURE__ */ import_react19.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
2746
2865
|
className: classNames(
|
2747
|
-
tw("
|
2748
|
-
{
|
2749
|
-
"max-w-[600px]": size === "sm",
|
2750
|
-
"max-w-[940px]": size === "md",
|
2751
|
-
"min-h-full": size === "full"
|
2752
|
-
},
|
2866
|
+
tw("inset-0 overflow-y-auto z-modal flex justify-center items-center fixed py-7"),
|
2753
2867
|
className
|
2754
2868
|
)
|
2755
|
-
}, children)
|
2869
|
+
}), children) : null;
|
2870
|
+
};
|
2871
|
+
Modal.BackDrop = (_a) => {
|
2872
|
+
var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
|
2873
|
+
return /* @__PURE__ */ import_react19.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
2874
|
+
className: classNames(tw("-z-10 fixed min-w-full min-h-full bg-navyBlue-100 opacity-70"), className)
|
2875
|
+
}));
|
2876
|
+
};
|
2877
|
+
Modal.Dialog = import_react19.default.forwardRef(
|
2878
|
+
(_a, ref) => {
|
2879
|
+
var _b = _a, { children, className, size = "sm" } = _b, rest = __objRest(_b, ["children", "className", "size"]);
|
2880
|
+
return /* @__PURE__ */ import_react19.default.createElement("div", __spreadProps(__spreadValues({
|
2881
|
+
ref,
|
2882
|
+
"aria-modal": "true"
|
2883
|
+
}, rest), {
|
2884
|
+
className: classNames(
|
2885
|
+
tw("bg-white rounded mx-7 w-full max-h-full flex flex-col"),
|
2886
|
+
{
|
2887
|
+
"max-w-[600px]": size === "sm",
|
2888
|
+
"max-w-[940px]": size === "md",
|
2889
|
+
"min-h-full": size === "full"
|
2890
|
+
},
|
2891
|
+
className
|
2892
|
+
)
|
2893
|
+
}), children);
|
2894
|
+
}
|
2756
2895
|
);
|
2757
|
-
Modal.Header = (
|
2758
|
-
|
2759
|
-
|
2760
|
-
|
2761
|
-
|
2762
|
-
|
2763
|
-
|
2764
|
-
|
2765
|
-
|
2766
|
-
|
2767
|
-
|
2768
|
-
|
2769
|
-
|
2770
|
-
|
2771
|
-
|
2772
|
-
|
2773
|
-
|
2774
|
-
|
2775
|
-
|
2776
|
-
|
2777
|
-
|
2778
|
-
|
2779
|
-
|
2780
|
-
|
2781
|
-
},
|
2782
|
-
|
2783
|
-
|
2784
|
-
|
2785
|
-
|
2786
|
-
|
2787
|
-
|
2788
|
-
|
2789
|
-
},
|
2896
|
+
Modal.Header = (_a) => {
|
2897
|
+
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
2898
|
+
return /* @__PURE__ */ import_react19.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
2899
|
+
className: classNames(tw("px-7 py-6 gap-3 flex items-center"), className)
|
2900
|
+
}), children);
|
2901
|
+
};
|
2902
|
+
Modal.Title = (_a) => {
|
2903
|
+
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
2904
|
+
return /* @__PURE__ */ import_react19.default.createElement(Typography, __spreadValues({
|
2905
|
+
htmlTag: "h2",
|
2906
|
+
variant: "heading-large",
|
2907
|
+
color: "grey-90",
|
2908
|
+
className: classNames(tw("leading-none"), className)
|
2909
|
+
}, rest), children);
|
2910
|
+
};
|
2911
|
+
Modal.Subtitle = (_a) => {
|
2912
|
+
var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
|
2913
|
+
return /* @__PURE__ */ import_react19.default.createElement(Typography, __spreadValues({
|
2914
|
+
variant: "body-small",
|
2915
|
+
color: "grey-60"
|
2916
|
+
}, rest), children);
|
2917
|
+
};
|
2918
|
+
Modal.TitleContainer = (_a) => {
|
2919
|
+
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
2920
|
+
return /* @__PURE__ */ import_react19.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
2921
|
+
className: classNames(tw("flex flex-col grow gap-2"), className)
|
2922
|
+
}), children);
|
2923
|
+
};
|
2924
|
+
Modal.Body = (_a) => {
|
2925
|
+
var _b = _a, { children, className, noFooter = false, maxHeight, style } = _b, rest = __objRest(_b, ["children", "className", "noFooter", "maxHeight", "style"]);
|
2926
|
+
return /* @__PURE__ */ import_react19.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
2927
|
+
className: classNames(tw("px-7 grow overflow-y-auto", { "pb-6": noFooter }), className),
|
2928
|
+
style: __spreadValues({ maxHeight }, style)
|
2929
|
+
}), children);
|
2930
|
+
};
|
2931
|
+
Modal.Footer = (_a) => {
|
2932
|
+
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
2933
|
+
return /* @__PURE__ */ import_react19.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
2934
|
+
className: classNames(tw("px-7 py-6"), className)
|
2935
|
+
}), children);
|
2936
|
+
};
|
2937
|
+
Modal.Actions = (_a) => {
|
2938
|
+
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
2939
|
+
return /* @__PURE__ */ import_react19.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
2940
|
+
className: classNames(tw("flex gap-4 justify-end"), className)
|
2941
|
+
}), children);
|
2942
|
+
};
|
2790
2943
|
|
2791
2944
|
// src/common/PopoverDialog/PopoverDialog.tsx
|
2792
2945
|
var import_react20 = __toESM(require("react"));
|
2793
|
-
var Header = (
|
2794
|
-
|
2795
|
-
|
2796
|
-
|
2797
|
-
|
2798
|
-
|
2799
|
-
|
2800
|
-
|
2801
|
-
},
|
2802
|
-
|
2803
|
-
|
2804
|
-
|
2805
|
-
|
2806
|
-
|
2807
|
-
}, children);
|
2808
|
-
|
2809
|
-
|
2810
|
-
|
2811
|
-
|
2812
|
-
|
2813
|
-
|
2814
|
-
|
2815
|
-
}, children);
|
2946
|
+
var Header = (_a) => {
|
2947
|
+
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
2948
|
+
return /* @__PURE__ */ import_react20.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
2949
|
+
className: classNames(tw("p-5 gap-3 flex items-center"), className)
|
2950
|
+
}), children);
|
2951
|
+
};
|
2952
|
+
var Title = (_a) => {
|
2953
|
+
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
2954
|
+
return /* @__PURE__ */ import_react20.default.createElement(Typography, __spreadProps(__spreadValues({}, rest), {
|
2955
|
+
htmlTag: "h1",
|
2956
|
+
variant: "body-small-medium"
|
2957
|
+
}), children);
|
2958
|
+
};
|
2959
|
+
var Body = (_a) => {
|
2960
|
+
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
2961
|
+
return /* @__PURE__ */ import_react20.default.createElement(Typography, __spreadProps(__spreadValues({}, rest), {
|
2962
|
+
htmlTag: "div",
|
2963
|
+
variant: "caption-default",
|
2964
|
+
className: classNames(tw("px-5 overflow-y-auto"), className)
|
2965
|
+
}), children);
|
2966
|
+
};
|
2967
|
+
var Footer = (_a) => {
|
2968
|
+
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
2969
|
+
return /* @__PURE__ */ import_react20.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
2970
|
+
className: classNames(tw("p-5"), className)
|
2971
|
+
}), children);
|
2972
|
+
};
|
2973
|
+
var Actions = (_a) => {
|
2974
|
+
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
2975
|
+
return /* @__PURE__ */ import_react20.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
|
2976
|
+
className: classNames(tw("flex gap-4"), className)
|
2977
|
+
}), children);
|
2978
|
+
};
|
2816
2979
|
var PopoverDialog = {
|
2817
2980
|
Header,
|
2818
2981
|
Title,
|
@@ -2823,16 +2986,18 @@ var PopoverDialog = {
|
|
2823
2986
|
|
2824
2987
|
// src/common/Popover/Popover.tsx
|
2825
2988
|
var import_react21 = __toESM(require("react"));
|
2826
|
-
var PopoverPanel = import_react21.default.forwardRef((
|
2827
|
-
|
2828
|
-
|
2829
|
-
|
2830
|
-
|
2831
|
-
|
2989
|
+
var PopoverPanel = import_react21.default.forwardRef((_a, ref) => {
|
2990
|
+
var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
|
2991
|
+
return /* @__PURE__ */ import_react21.default.createElement("div", __spreadValues({
|
2992
|
+
ref,
|
2993
|
+
className: classNames(
|
2994
|
+
className,
|
2995
|
+
tw(
|
2996
|
+
"rounded-sm shadow-16dp bg-white mt-1 focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20"
|
2997
|
+
)
|
2832
2998
|
)
|
2833
|
-
),
|
2834
|
-
|
2835
|
-
}, children));
|
2999
|
+
}, props), children);
|
3000
|
+
});
|
2836
3001
|
var Popover = {
|
2837
3002
|
Panel: PopoverPanel
|
2838
3003
|
};
|
@@ -2840,39 +3005,42 @@ var Popover = {
|
|
2840
3005
|
// src/common/RadioButton/RadioButton.tsx
|
2841
3006
|
var import_react22 = __toESM(require("react"));
|
2842
3007
|
var RadioButton = import_react22.default.forwardRef(
|
2843
|
-
(
|
2844
|
-
|
2845
|
-
|
2846
|
-
|
2847
|
-
"
|
3008
|
+
(_a, ref) => {
|
3009
|
+
var _b = _a, { id, children, name, checked = false, disabled = false, readOnly = false } = _b, props = __objRest(_b, ["id", "children", "name", "checked", "disabled", "readOnly"]);
|
3010
|
+
return /* @__PURE__ */ import_react22.default.createElement("span", {
|
3011
|
+
className: classNames(
|
3012
|
+
tw("inline-flex justify-center items-center relative self-center", {
|
3013
|
+
"text-grey-30": disabled,
|
3014
|
+
"text-grey-100": !disabled
|
3015
|
+
})
|
3016
|
+
)
|
3017
|
+
}, /* @__PURE__ */ import_react22.default.createElement("input", __spreadProps(__spreadValues({
|
3018
|
+
id,
|
3019
|
+
ref,
|
3020
|
+
type: "radio",
|
3021
|
+
name
|
3022
|
+
}, props), {
|
3023
|
+
checked,
|
3024
|
+
className: classNames(
|
3025
|
+
tw("appearance-none rounded-full border cursor-pointer"),
|
3026
|
+
{
|
3027
|
+
"border-grey-20 hover:border-grey-50 focus:border-info-70": !disabled && !checked,
|
3028
|
+
"border-navyBlue-100": !disabled && checked,
|
3029
|
+
"border-grey-5": disabled
|
3030
|
+
},
|
3031
|
+
props.className
|
3032
|
+
),
|
3033
|
+
style: __spreadValues({ width: 16, height: 16 }, props.style),
|
3034
|
+
readOnly,
|
3035
|
+
disabled
|
3036
|
+
})), /* @__PURE__ */ import_react22.default.createElement("span", {
|
3037
|
+
style: { backgroundColor: "currentcolor" },
|
3038
|
+
className: tw("absolute w-3 h-3 rounded-full bg-navyBlue-100 pointer-events-none", {
|
3039
|
+
"opacity-0": !checked,
|
3040
|
+
"opacity-40": disabled && checked
|
2848
3041
|
})
|
2849
|
-
)
|
2850
|
-
}
|
2851
|
-
id,
|
2852
|
-
ref,
|
2853
|
-
type: "radio",
|
2854
|
-
name,
|
2855
|
-
...props,
|
2856
|
-
checked,
|
2857
|
-
className: classNames(
|
2858
|
-
tw("appearance-none rounded-full border cursor-pointer"),
|
2859
|
-
{
|
2860
|
-
"border-grey-20 hover:border-grey-50 focus:border-info-70": !disabled && !checked,
|
2861
|
-
"border-navyBlue-100": !disabled && checked,
|
2862
|
-
"border-grey-5": disabled
|
2863
|
-
},
|
2864
|
-
props.className
|
2865
|
-
),
|
2866
|
-
style: { width: 16, height: 16, ...props.style },
|
2867
|
-
readOnly,
|
2868
|
-
disabled
|
2869
|
-
}), /* @__PURE__ */ import_react22.default.createElement("span", {
|
2870
|
-
style: { backgroundColor: "currentcolor" },
|
2871
|
-
className: tw("absolute w-3 h-3 rounded-full bg-navyBlue-100 pointer-events-none", {
|
2872
|
-
"opacity-0": !checked,
|
2873
|
-
"opacity-40": disabled && checked
|
2874
|
-
})
|
2875
|
-
}))
|
3042
|
+
}));
|
3043
|
+
}
|
2876
3044
|
);
|
2877
3045
|
|
2878
3046
|
// src/common/Select/Select.tsx
|
@@ -2882,138 +3050,163 @@ var import_chevronUp = __toESM(require_chevronUp());
|
|
2882
3050
|
var import_search = __toESM(require_search());
|
2883
3051
|
var import_tick3 = __toESM(require_tick());
|
2884
3052
|
function getOptionLabelBuiltin(option) {
|
3053
|
+
var _a;
|
2885
3054
|
if (option === null) {
|
2886
3055
|
return "";
|
2887
3056
|
}
|
2888
3057
|
if (typeof option === "string") {
|
2889
3058
|
return option;
|
2890
3059
|
}
|
2891
|
-
return option.label
|
3060
|
+
return (_a = option.label) != null ? _a : "";
|
2892
3061
|
}
|
2893
3062
|
function isOptionDisabledBuiltin(option) {
|
2894
3063
|
return !!option.disabled;
|
2895
3064
|
}
|
2896
3065
|
var getValues = (children) => {
|
2897
|
-
|
2898
|
-
|
3066
|
+
var _a;
|
3067
|
+
const values = import_react23.default.Children.map(children, (c) => {
|
3068
|
+
var _a2;
|
3069
|
+
return (_a2 = c == null ? void 0 : c.props) == null ? void 0 : _a2.value;
|
3070
|
+
});
|
3071
|
+
return (_a = values == null ? void 0 : values.filter((v) => v !== void 0 && v !== null)) != null ? _a : [];
|
2899
3072
|
};
|
2900
3073
|
var InputContainer = import_react23.default.forwardRef(
|
2901
|
-
(
|
3074
|
+
(_a, ref) => {
|
3075
|
+
var _b = _a, { variant = "default", className } = _b, props = __objRest(_b, ["variant", "className"]);
|
3076
|
+
return /* @__PURE__ */ import_react23.default.createElement("div", __spreadValues({
|
3077
|
+
ref,
|
3078
|
+
className: classNames(
|
3079
|
+
className,
|
3080
|
+
"relative rounded-sm typography-body-default-medium w-full flex flex-row items-center focus-visible:outline-0 focus-visible:border-info-70",
|
3081
|
+
{
|
3082
|
+
"border px-3 py-[6px]": variant !== "readOnly",
|
3083
|
+
"cursor-default": variant === "readOnly",
|
3084
|
+
"border-grey-20": variant !== "error" && variant !== "readOnly",
|
3085
|
+
"border-error-50": variant === "error",
|
3086
|
+
"hover:border-grey-50": variant !== "error" && variant !== "disabled" && variant !== "focused",
|
3087
|
+
"border-info-70": variant === "focused",
|
3088
|
+
"bg-white": variant !== "disabled",
|
3089
|
+
"cursor-not-allowed border-grey-20 bg-grey-5": variant === "disabled"
|
3090
|
+
}
|
3091
|
+
)
|
3092
|
+
}, props));
|
3093
|
+
}
|
3094
|
+
);
|
3095
|
+
var Input = import_react23.default.forwardRef((_a, ref) => {
|
3096
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
3097
|
+
return /* @__PURE__ */ import_react23.default.createElement("input", __spreadValues({
|
2902
3098
|
ref,
|
3099
|
+
type: "text",
|
2903
3100
|
className: classNames(
|
2904
3101
|
className,
|
2905
|
-
"
|
3102
|
+
"grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-body-small disabled:cursor-not-allowed disabled:bg-grey-5 placeholder:text-grey-40",
|
2906
3103
|
{
|
2907
|
-
"
|
2908
|
-
"
|
2909
|
-
"
|
2910
|
-
"border-error-50": variant === "error",
|
2911
|
-
"hover:border-grey-50": variant !== "error" && variant !== "disabled" && variant !== "focused",
|
2912
|
-
"border-info-70": variant === "focused",
|
2913
|
-
"bg-white": variant !== "disabled",
|
2914
|
-
"cursor-not-allowed border-grey-20 bg-grey-5": variant === "disabled"
|
3104
|
+
"text-grey-70": !props.disabled,
|
3105
|
+
"text-grey-30": props.disabled,
|
3106
|
+
"cursor-default": props.readOnly
|
2915
3107
|
}
|
2916
|
-
)
|
2917
|
-
|
2918
|
-
|
2919
|
-
);
|
2920
|
-
var Input = import_react23.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react23.default.createElement("input", {
|
2921
|
-
ref,
|
2922
|
-
type: "text",
|
2923
|
-
className: classNames(
|
2924
|
-
className,
|
2925
|
-
"grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-body-small disabled:cursor-not-allowed disabled:bg-grey-5 placeholder:text-grey-40",
|
2926
|
-
{
|
2927
|
-
"text-grey-70": !props.disabled,
|
2928
|
-
"text-grey-30": props.disabled,
|
2929
|
-
"cursor-default": props.readOnly
|
2930
|
-
}
|
2931
|
-
),
|
2932
|
-
...props
|
2933
|
-
}));
|
3108
|
+
)
|
3109
|
+
}, props));
|
3110
|
+
});
|
2934
3111
|
var Menu = import_react23.default.forwardRef(
|
2935
|
-
(
|
2936
|
-
|
2937
|
-
|
2938
|
-
|
2939
|
-
|
2940
|
-
|
3112
|
+
(_a, ref) => {
|
3113
|
+
var _b = _a, { maxHeight = "450px", className, children } = _b, props = __objRest(_b, ["maxHeight", "className", "children"]);
|
3114
|
+
return /* @__PURE__ */ import_react23.default.createElement("ul", __spreadValues({
|
3115
|
+
ref,
|
3116
|
+
style: { maxHeight },
|
3117
|
+
className: classNames(className, tw("overflow-y-auto"))
|
3118
|
+
}, props), children);
|
3119
|
+
}
|
2941
3120
|
);
|
2942
3121
|
var NoResults = import_react23.default.forwardRef(
|
2943
|
-
(
|
2944
|
-
|
2945
|
-
|
2946
|
-
|
2947
|
-
|
3122
|
+
(_a, ref) => {
|
3123
|
+
var _b = _a, { className, children } = _b, rest = __objRest(_b, ["className", "children"]);
|
3124
|
+
return /* @__PURE__ */ import_react23.default.createElement("li", __spreadProps(__spreadValues({
|
3125
|
+
ref
|
3126
|
+
}, rest), {
|
3127
|
+
className: classNames(tw("p-3 text-grey-40 italic"), className)
|
3128
|
+
}), children);
|
3129
|
+
}
|
2948
3130
|
);
|
2949
|
-
var
|
2950
|
-
|
2951
|
-
|
2952
|
-
|
2953
|
-
|
2954
|
-
|
2955
|
-
className: tw("border-b-[1px] border-grey-5 mx-3 my-4"),
|
2956
|
-
...props
|
3131
|
+
var EmptyStateContainer2 = import_react23.default.forwardRef((_a, ref) => {
|
3132
|
+
var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
|
3133
|
+
return /* @__PURE__ */ import_react23.default.createElement("li", __spreadValues({
|
3134
|
+
ref,
|
3135
|
+
className: tw("border border-dashed border-grey-10 m-4 p-6")
|
3136
|
+
}, props), children);
|
2957
3137
|
});
|
2958
|
-
var
|
2959
|
-
|
2960
|
-
|
2961
|
-
|
2962
|
-
|
2963
|
-
|
2964
|
-
"text-grey-20": props.disabled
|
2965
|
-
}
|
2966
|
-
),
|
2967
|
-
...props
|
2968
|
-
}, children));
|
2969
|
-
var Item2 = import_react23.default.forwardRef(
|
2970
|
-
({ highlighted, selected, className, children, ...props }, ref) => /* @__PURE__ */ import_react23.default.createElement("li", {
|
3138
|
+
var Divider = (props) => /* @__PURE__ */ import_react23.default.createElement("div", __spreadValues({
|
3139
|
+
className: tw("border-b-[1px] border-grey-5 mx-3 my-4")
|
3140
|
+
}, props));
|
3141
|
+
var Group2 = import_react23.default.forwardRef((_a, ref) => {
|
3142
|
+
var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
|
3143
|
+
return /* @__PURE__ */ import_react23.default.createElement("li", __spreadValues({
|
2971
3144
|
ref,
|
2972
|
-
className: classNames(
|
2973
|
-
|
2974
|
-
"
|
2975
|
-
|
2976
|
-
|
2977
|
-
|
2978
|
-
|
2979
|
-
},
|
2980
|
-
|
2981
|
-
|
2982
|
-
|
2983
|
-
|
3145
|
+
className: classNames(
|
3146
|
+
className,
|
3147
|
+
"flex items-center gap-x-3 p-3 text-grey-40 uppercase cursor-default typography-caption-default mt-4 first:mt-0 font-medium",
|
3148
|
+
{
|
3149
|
+
"text-grey-20": props.disabled
|
3150
|
+
}
|
3151
|
+
)
|
3152
|
+
}, props), children);
|
3153
|
+
});
|
3154
|
+
var Item2 = import_react23.default.forwardRef(
|
3155
|
+
(_a, ref) => {
|
3156
|
+
var _b = _a, { highlighted, selected, className, children } = _b, props = __objRest(_b, ["highlighted", "selected", "className", "children"]);
|
3157
|
+
return /* @__PURE__ */ import_react23.default.createElement("li", __spreadValues({
|
3158
|
+
ref,
|
3159
|
+
className: classNames(className, "flex items-center gap-x-3 p-3", {
|
3160
|
+
"cursor-pointer": !props.disabled,
|
3161
|
+
"bg-grey-0": highlighted,
|
3162
|
+
"text-grey-20": props.disabled,
|
3163
|
+
"hover:bg-grey-0": !props.disabled
|
3164
|
+
})
|
3165
|
+
}, props), /* @__PURE__ */ import_react23.default.createElement("span", {
|
3166
|
+
className: tw("grow flex gap-x-3")
|
3167
|
+
}, children), selected && /* @__PURE__ */ import_react23.default.createElement(InlineIcon, {
|
3168
|
+
icon: import_tick3.default
|
3169
|
+
}));
|
3170
|
+
}
|
2984
3171
|
);
|
2985
3172
|
var ActionItem = import_react23.default.forwardRef(
|
2986
|
-
(
|
2987
|
-
|
2988
|
-
|
2989
|
-
|
2990
|
-
|
2991
|
-
|
2992
|
-
"
|
2993
|
-
|
2994
|
-
|
2995
|
-
|
2996
|
-
|
2997
|
-
|
2998
|
-
|
2999
|
-
icon
|
3000
|
-
|
3173
|
+
(_a, ref) => {
|
3174
|
+
var _b = _a, { className, dense, icon, onClick, children } = _b, props = __objRest(_b, ["className", "dense", "icon", "onClick", "children"]);
|
3175
|
+
return /* @__PURE__ */ import_react23.default.createElement("li", __spreadValues({
|
3176
|
+
ref,
|
3177
|
+
role: "button",
|
3178
|
+
onClick: () => !props.disabled && (onClick == null ? void 0 : onClick()),
|
3179
|
+
className: classNames(className, "flex items-center gap-x-3 text-primary-80", {
|
3180
|
+
"p-3": !dense,
|
3181
|
+
"px-3 py-2": dense,
|
3182
|
+
"cursor-pointer": !props.disabled,
|
3183
|
+
"text-grey-20": props.disabled,
|
3184
|
+
"hover:text-primary-70": !props.disabled
|
3185
|
+
})
|
3186
|
+
}, props), icon && /* @__PURE__ */ import_react23.default.createElement(InlineIcon, {
|
3187
|
+
icon
|
3188
|
+
}), children);
|
3189
|
+
}
|
3001
3190
|
);
|
3002
|
-
var Toggle = import_react23.default.forwardRef((
|
3003
|
-
|
3004
|
-
|
3005
|
-
|
3006
|
-
|
3007
|
-
|
3008
|
-
|
3009
|
-
|
3010
|
-
|
3011
|
-
})
|
3191
|
+
var Toggle = import_react23.default.forwardRef((_a, ref) => {
|
3192
|
+
var _b = _a, { hasFocus, isOpen } = _b, props = __objRest(_b, ["hasFocus", "isOpen"]);
|
3193
|
+
var _a2;
|
3194
|
+
return /* @__PURE__ */ import_react23.default.createElement("button", __spreadProps(__spreadValues({
|
3195
|
+
ref,
|
3196
|
+
type: "button",
|
3197
|
+
"aria-label": "Toggle"
|
3198
|
+
}, props), {
|
3199
|
+
className: tw("grow-0 leading-none", { "cursor-not-allowed": (_a2 = props.disabled) != null ? _a2 : false })
|
3200
|
+
}), /* @__PURE__ */ import_react23.default.createElement(InlineIcon, {
|
3201
|
+
color: props.disabled ? "grey-40" : "grey-70",
|
3202
|
+
icon: hasFocus ? import_search.default : isOpen ? import_chevronUp.default : import_chevronDown2.default
|
3203
|
+
}));
|
3204
|
+
});
|
3012
3205
|
var Select = {
|
3013
3206
|
InputContainer,
|
3014
3207
|
Input,
|
3015
3208
|
Menu,
|
3016
|
-
EmptyStateContainer,
|
3209
|
+
EmptyStateContainer: EmptyStateContainer2,
|
3017
3210
|
NoResults,
|
3018
3211
|
Divider,
|
3019
3212
|
Group: Group2,
|
@@ -3028,26 +3221,30 @@ var import_chevronUp2 = __toESM(require_chevronUp());
|
|
3028
3221
|
var import_chevronDown3 = __toESM(require_chevronDown());
|
3029
3222
|
var HeadContext = import_react24.default.createContext(null);
|
3030
3223
|
var tableClassNames = tw("w-full relative typography-body-default border-spacing-0");
|
3031
|
-
var Table = (
|
3032
|
-
|
3033
|
-
|
3224
|
+
var Table = (_a) => {
|
3225
|
+
var _b = _a, { children, ariaLabel, className } = _b, rest = __objRest(_b, ["children", "ariaLabel", "className"]);
|
3226
|
+
return /* @__PURE__ */ import_react24.default.createElement("table", __spreadProps(__spreadValues({}, rest), {
|
3034
3227
|
className: classNames(tableClassNames, className),
|
3035
3228
|
"aria-label": ariaLabel
|
3036
|
-
}, children);
|
3037
|
-
};
|
3038
|
-
var TableHead = (
|
3039
|
-
|
3040
|
-
}, /* @__PURE__ */ import_react24.default.createElement("tr", null, /* @__PURE__ */ import_react24.default.createElement(HeadContext.Provider, {
|
3041
|
-
|
3042
|
-
}, children)));
|
3043
|
-
|
3044
|
-
|
3045
|
-
}, children);
|
3229
|
+
}), children);
|
3230
|
+
};
|
3231
|
+
var TableHead = (_a) => {
|
3232
|
+
var _b = _a, { children, sticky } = _b, rest = __objRest(_b, ["children", "sticky"]);
|
3233
|
+
return /* @__PURE__ */ import_react24.default.createElement("thead", __spreadValues({}, rest), /* @__PURE__ */ import_react24.default.createElement("tr", null, /* @__PURE__ */ import_react24.default.createElement(HeadContext.Provider, {
|
3234
|
+
value: { children, sticky }
|
3235
|
+
}, children)));
|
3236
|
+
};
|
3237
|
+
var TableBody = (_a) => {
|
3238
|
+
var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
|
3239
|
+
return /* @__PURE__ */ import_react24.default.createElement("tbody", __spreadValues({}, rest), children);
|
3240
|
+
};
|
3046
3241
|
var rowClassNames = tw("children:border-grey-10 children:last:border-b-0 hover:bg-grey-0");
|
3047
|
-
var TableRow = (
|
3048
|
-
|
3049
|
-
|
3050
|
-
|
3242
|
+
var TableRow = (_a) => {
|
3243
|
+
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
3244
|
+
return /* @__PURE__ */ import_react24.default.createElement("tr", __spreadProps(__spreadValues({}, rest), {
|
3245
|
+
className: classNames(rowClassNames, className)
|
3246
|
+
}), children);
|
3247
|
+
};
|
3051
3248
|
var cellClassNames = tw("px-4 border-b typography-body-small-medium leading-[18px]");
|
3052
3249
|
var bodyCellClassNames = tw("text-grey-70 py-3 h-[50px]");
|
3053
3250
|
var getAlignClassNames = (align) => tw({ "text-right": align === "right", "text-center": align === "center" });
|
@@ -3055,56 +3252,56 @@ var getHeadCellClassNames = (sticky = true) => {
|
|
3055
3252
|
const common = tw("py-[14px] text-left bg-white border-grey-40 text-grey-50 font-normal");
|
3056
3253
|
return sticky ? classNames(common, tw("sticky top-0")) : common;
|
3057
3254
|
};
|
3058
|
-
var TableCell = (
|
3255
|
+
var TableCell = (_a) => {
|
3256
|
+
var _b = _a, { children, className, align = "left" } = _b, rest = __objRest(_b, ["children", "className", "align"]);
|
3059
3257
|
const headContext = import_react24.default.useContext(HeadContext);
|
3060
|
-
return headContext ? /* @__PURE__ */ import_react24.default.createElement("th", {
|
3061
|
-
...rest,
|
3258
|
+
return headContext ? /* @__PURE__ */ import_react24.default.createElement("th", __spreadProps(__spreadValues({}, rest), {
|
3062
3259
|
className: classNames(
|
3063
3260
|
cellClassNames,
|
3064
3261
|
getHeadCellClassNames(headContext.sticky),
|
3065
3262
|
getAlignClassNames(align),
|
3066
3263
|
className
|
3067
3264
|
)
|
3068
|
-
}, children) : /* @__PURE__ */ import_react24.default.createElement("td", {
|
3069
|
-
...rest,
|
3265
|
+
}), children) : /* @__PURE__ */ import_react24.default.createElement("td", __spreadProps(__spreadValues({}, rest), {
|
3070
3266
|
className: classNames(cellClassNames, bodyCellClassNames, getAlignClassNames(align), className)
|
3071
|
-
}, children);
|
3267
|
+
}), children);
|
3072
3268
|
};
|
3073
|
-
var TableSelectCell = (
|
3269
|
+
var TableSelectCell = (_a) => {
|
3270
|
+
var _b = _a, { ariaLabel } = _b, props = __objRest(_b, ["ariaLabel"]);
|
3074
3271
|
return /* @__PURE__ */ import_react24.default.createElement(Table.Cell, {
|
3075
3272
|
className: tw("leading-[0px]")
|
3076
|
-
}, props.type === "radio" ? /* @__PURE__ */ import_react24.default.createElement(RadioButton, {
|
3077
|
-
"aria-label": ariaLabel
|
3078
|
-
|
3079
|
-
|
3080
|
-
|
3081
|
-
...props
|
3082
|
-
}));
|
3273
|
+
}, props.type === "radio" ? /* @__PURE__ */ import_react24.default.createElement(RadioButton, __spreadValues({
|
3274
|
+
"aria-label": ariaLabel
|
3275
|
+
}, props)) : /* @__PURE__ */ import_react24.default.createElement(Checkbox, __spreadValues({
|
3276
|
+
"aria-label": ariaLabel
|
3277
|
+
}, props)));
|
3083
3278
|
};
|
3084
3279
|
var sortCellButtonClassNames = tw("group inline-flex items-center text-grey-50");
|
3085
3280
|
var getSortCellIconClassNames = (active) => {
|
3086
3281
|
return tw("text-[9px]", active ? "text-grey-70" : "text-grey-30");
|
3087
3282
|
};
|
3088
|
-
var TableSortCell = (
|
3089
|
-
|
3090
|
-
|
3091
|
-
|
3092
|
-
|
3093
|
-
|
3094
|
-
|
3095
|
-
|
3096
|
-
|
3097
|
-
"
|
3098
|
-
|
3099
|
-
"
|
3100
|
-
|
3101
|
-
}
|
3102
|
-
|
3103
|
-
|
3104
|
-
|
3105
|
-
|
3106
|
-
|
3107
|
-
|
3283
|
+
var TableSortCell = (_a) => {
|
3284
|
+
var _b = _a, { children, direction = "none", onClick } = _b, rest = __objRest(_b, ["children", "direction", "onClick"]);
|
3285
|
+
return /* @__PURE__ */ import_react24.default.createElement(Table.Cell, __spreadProps(__spreadValues({}, rest), {
|
3286
|
+
"aria-sort": direction
|
3287
|
+
}), /* @__PURE__ */ import_react24.default.createElement("span", {
|
3288
|
+
className: sortCellButtonClassNames,
|
3289
|
+
role: "button",
|
3290
|
+
tabIndex: -1,
|
3291
|
+
onClick
|
3292
|
+
}, children, /* @__PURE__ */ import_react24.default.createElement("div", {
|
3293
|
+
"data-sort-icons": true,
|
3294
|
+
className: tw("flex flex-col ml-4", {
|
3295
|
+
"invisible group-hover:visible": direction === "none"
|
3296
|
+
})
|
3297
|
+
}, /* @__PURE__ */ import_react24.default.createElement(InlineIcon, {
|
3298
|
+
icon: import_chevronUp2.default,
|
3299
|
+
className: getSortCellIconClassNames(direction === "descending")
|
3300
|
+
}), /* @__PURE__ */ import_react24.default.createElement(InlineIcon, {
|
3301
|
+
icon: import_chevronDown3.default,
|
3302
|
+
className: getSortCellIconClassNames(direction === "ascending")
|
3303
|
+
}))));
|
3304
|
+
};
|
3108
3305
|
Table.Head = import_react24.default.memo(TableHead);
|
3109
3306
|
Table.Body = import_react24.default.memo(TableBody);
|
3110
3307
|
Table.Row = import_react24.default.memo(TableRow);
|
@@ -3119,6 +3316,7 @@ Table.SelectCell = import_react24.default.memo(TableSelectCell);
|
|
3119
3316
|
DIALOG_ICONS_AND_COLORS,
|
3120
3317
|
DropdownMenu,
|
3121
3318
|
InputGroup,
|
3319
|
+
List,
|
3122
3320
|
Modal,
|
3123
3321
|
Popover,
|
3124
3322
|
PopoverDialog,
|