@ballistix.digital/react-components 3.3.2 → 4.0.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/index.d.ts +7 -1
- package/dist/index.esm.js +10 -5
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +9 -4
- package/dist/index.js.map +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -732,18 +732,18 @@ var styles$r = {
|
|
|
732
732
|
};
|
|
733
733
|
|
|
734
734
|
var Container$3 = function (props) {
|
|
735
|
-
var children = props.children, label = props.label, trigger = props.trigger, dataCy = props.dataCy, _a = props.type, type = _a === void 0 ? 'button' : _a, _b = props.direction, direction = _b === void 0 ? 'bottom
|
|
735
|
+
var children = props.children, label = props.label, trigger = props.trigger, dataCy = props.dataCy, _a = props.type, type = _a === void 0 ? 'button' : _a, _b = props.direction, direction = _b === void 0 ? 'bottom end' : _b, _c = props.isEscapingOverflow, isEscapingOverflow = _c === void 0 ? false : _c, stylesOverrides = props.styles;
|
|
736
736
|
var handleGenerateStyle = function () {
|
|
737
737
|
var result = deepCopyObject(styles$q.base);
|
|
738
738
|
var keys = calculateNestedKeys(styles$q.base);
|
|
739
739
|
keys.forEach(function (key) {
|
|
740
|
-
lodash.set(result, key, toClassName(lodash.get(styles$q.base, key), type && lodash.get(styles$q[type], key),
|
|
740
|
+
lodash.set(result, key, toClassName(lodash.get(styles$q.base, key), type && lodash.get(styles$q[type], key), lodash.get(stylesOverrides, key)));
|
|
741
741
|
});
|
|
742
742
|
return result;
|
|
743
743
|
};
|
|
744
744
|
var styles = handleGenerateStyle();
|
|
745
745
|
return (jsxRuntime.jsxs(react$1.Menu, { as: "div", className: toClassName(styles.container, !isEscapingOverflow && 'relative'), children: [jsxRuntime.jsxs("div", { children: [type === 'button' &&
|
|
746
|
-
(!trigger ? (jsxRuntime.jsxs(react$1.
|
|
746
|
+
(!trigger ? (jsxRuntime.jsxs(react$1.MenuButton, { className: styles.button, "data-cy": dataCy, children: [label, jsxRuntime.jsx(solid.ChevronDownIcon, { className: "-mr-1 ml-2 h-5 w-5", "aria-hidden": "true" })] })) : (jsxRuntime.jsx(react$1.MenuButton, { "data-cy": dataCy, children: trigger }))), type === 'compact' && (jsxRuntime.jsxs(react$1.MenuButton, { className: styles.compact, "data-cy": dataCy, children: [jsxRuntime.jsx("span", { className: "sr-only", children: label }), jsxRuntime.jsx(solid.EllipsisVerticalIcon, { className: styles.dots, "aria-hidden": "true" })] }))] }), jsxRuntime.jsx(react$1.Transition, { as: React.Fragment, enter: "transition ease-out duration-100", enterFrom: "transform opacity-0 scale-95", enterTo: "transform opacity-100 scale-100", leave: "transition ease-in duration-75", leaveFrom: "transform opacity-100 scale-100", leaveTo: "transform opacity-0 scale-95", children: jsxRuntime.jsx(react$1.MenuItems, { anchor: direction, className: styles.items, children: children }) })] }));
|
|
747
747
|
};
|
|
748
748
|
var DropdownElement = {
|
|
749
749
|
Container: Container$3,
|
|
@@ -6066,7 +6066,7 @@ var TableList2 = function (props) {
|
|
|
6066
6066
|
: solid.ChevronDownIcon;
|
|
6067
6067
|
}
|
|
6068
6068
|
return (jsxRuntime.jsx("th", { colSpan: header.colSpan, className: toClassName(styles.body.table.head.cell.container, 'border-b', header.column.getCanSort() && 'cursor-pointer', header.column.getIsPinned() &&
|
|
6069
|
-
styles.body.table.
|
|
6069
|
+
styles.body.table.head.column.pinned.cell), onClick: header.column.getToggleSortingHandler(), style: __assign$1({ minWidth: !!header.column.columnDef.size &&
|
|
6070
6070
|
header.column.columnDef.size !== 150
|
|
6071
6071
|
? "".concat(header.column.columnDef.size, "px")
|
|
6072
6072
|
: 'auto' }, getCommonPinningStyles(header.column)), children: jsxRuntime.jsxs("div", { className: "grid gap-x-1 items-center", style: {
|
|
@@ -6113,6 +6113,11 @@ var base$c = {
|
|
|
6113
6113
|
container: '',
|
|
6114
6114
|
row: '',
|
|
6115
6115
|
checkbox: 'absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-primary-600 focus:ring-primary-500 sm:left-6',
|
|
6116
|
+
column: {
|
|
6117
|
+
pinned: {
|
|
6118
|
+
cell: 'bg-white sticky z-10 overflow-hidden text-ellipsis',
|
|
6119
|
+
},
|
|
6120
|
+
},
|
|
6116
6121
|
cell: {
|
|
6117
6122
|
container: ' py-3.5 px-3 text-left text-sm font-semibold text-gray-900 group',
|
|
6118
6123
|
text: 'whitespace-normal break-words',
|