@geotab/zenith 1.23.0-beta.0 → 1.23.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/README.md
CHANGED
|
@@ -43,9 +43,9 @@ Zenith library provides components defined in Zenith Design System. It includes
|
|
|
43
43
|
### 1.23.0
|
|
44
44
|
|
|
45
45
|
* Add the property `target` to `Modal` buttons
|
|
46
|
-
* Add possibility to use separator in `Table`
|
|
46
|
+
* Add possibility to use separator in `Menu` and `Table` actions
|
|
47
47
|
* Make specific `Table` columns non-draggable
|
|
48
|
-
* Fix
|
|
48
|
+
* Fix truncation in lists
|
|
49
49
|
* Allow tooltip in `LineChart` to appear only on data points
|
|
50
50
|
* Add `BannerUpsell`
|
|
51
51
|
* Audit `SidePanel`
|
|
@@ -118,7 +118,7 @@ const FiltersBarSidePanel = ({ isOpen, className, children, triggerRef, parentEl
|
|
|
118
118
|
}
|
|
119
119
|
return () => { handleClose(); };
|
|
120
120
|
}, [isOpen, setScrollHidden, resetScroll]);
|
|
121
|
-
return (0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(shield_1.Shield, { className: "zen-high-level-shield", dataShieldId: dataShieldId, isVisible: isOpen }), (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(sidePanel_1.SidePanel, { triggerRef: triggerRef, isOpen: isOpen, label: translate("All Filters"), onHidePanel: onCloseAction, className: (0, classNames_1.classNames)(["zen-side-panel-filters-bar", dark ? "zen-dark" : "", className !== null && className !== void 0 ? className : ""]), onTransitionEnd: handleReadyForFocus, children: (0, jsx_runtime_1.jsxs)("div", { className: "zen-side-panel-filters-bar-wrapper", children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-side-panel-filters-bar__header", children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-side-panel-filters-bar__title-wrapper", children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-side-panel-filters-bar__title zen-ellipsis", children: translate("All Filters") }), pillName ? (0, jsx_runtime_1.jsx)("div", { className: "zen-side-panel-filters-bar__title-pill", children: (0, jsx_runtime_1.jsx)(pill_1.Pill, { type: pillType, icon: pillIcon, children: pillName }) }) : null] }), (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { type: "tertiary-black", className: "zen-side-panel-filters-bar__close-button", icon: iconClose_1.IconClose, iconSize: "large", onClick: onClosePanel, iconPosition: textIconButton_2.ButtonIconPosition.Start, title: translate("Close") })] }), (0, jsx_runtime_1.jsx)("div", { className: "zen-side-panel-filters-bar__content", children: newChildren }), (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-side-panel-filters-bar__footer", isMobile ? "zen-side-panel-filters-bar__footer--mobile" : ""]), children: isMobile ? (0, jsx_runtime_1.jsxs)(footerButtons_1.FooterButtons, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: "", disabled: applyDisabled, onClick: onApplyFilters, type: "primary", children: translate("Apply") }), (0, jsx_runtime_1.jsx)(button_1.Button, { type: "secondary", onClick: onClosePanel, children: translate("Cancel") }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "", onClick: onResetFilters, type: "tertiary", children: translate("Reset All") })] }) : (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-side-panel-filters-bar__footer-section", children: (0, jsx_runtime_1.jsx)(button_1.Button, { type: "tertiary", className: "zen-side-panel-filters-bar__clear-button", onClick: onResetFilters, children: translate("Reset All") }) }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-side-panel-filters-bar__footer-section", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-side-panel-filters-bar__cancel-button", type: "secondary", onClick: onClosePanel, children: translate("Cancel") }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-side-panel-filters-bar__apply-button", disabled: applyDisabled, onClick: onApplyFilters, type: "primary", children: translate("Apply") })] })] }) })] }) }), (_a = parentElement !== null && parentElement !== void 0 ? parentElement : document.fullscreenElement) !== null && _a !== void 0 ? _a : document.body)] });
|
|
121
|
+
return (0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(shield_1.Shield, { className: "zen-high-level-shield", dataShieldId: dataShieldId, isVisible: isOpen }), (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(sidePanel_1.SidePanel, { triggerRef: triggerRef, isOpen: isOpen, label: translate("All Filters"), onHidePanel: onCloseAction, className: (0, classNames_1.classNames)(["zen-side-panel-filters-bar", dark ? "zen-dark" : "", className !== null && className !== void 0 ? className : ""]), onTransitionEnd: handleReadyForFocus, children: (0, jsx_runtime_1.jsxs)("div", { className: "zen-side-panel-filters-bar-wrapper", children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-side-panel-filters-bar__header", children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-side-panel-filters-bar__title-wrapper", children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-side-panel-filters-bar__title zen-ellipsis", children: translate("All Filters") }), pillName ? (0, jsx_runtime_1.jsx)("div", { className: "zen-side-panel-filters-bar__title-pill", children: (0, jsx_runtime_1.jsx)(pill_1.Pill, { type: pillType, icon: pillIcon, children: pillName }) }) : null] }), (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { type: "tertiary-black", className: "zen-side-panel-filters-bar__close-button", icon: iconClose_1.IconClose, iconSize: "large", onClick: onClosePanel, iconPosition: textIconButton_2.ButtonIconPosition.Start, title: translate("Close") })] }), (0, jsx_runtime_1.jsx)("div", { className: "zen-side-panel-filters-bar__content", children: newChildren }), (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-side-panel-filters-bar__footer", isMobile ? "zen-side-panel-filters-bar__footer--mobile" : ""]), children: isMobile ? (0, jsx_runtime_1.jsxs)(footerButtons_1.FooterButtons, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-side-panel-filters-bar__apply-button", disabled: applyDisabled, onClick: onApplyFilters, type: "primary", children: translate("Apply") }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-side-panel-filters-bar__cancel-button", type: "secondary", onClick: onClosePanel, children: translate("Cancel") }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-side-panel-filters-bar__clear-button", onClick: onResetFilters, type: "tertiary", children: translate("Reset All") })] }) : (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-side-panel-filters-bar__footer-section", children: (0, jsx_runtime_1.jsx)(button_1.Button, { type: "tertiary", className: "zen-side-panel-filters-bar__clear-button", onClick: onResetFilters, children: translate("Reset All") }) }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-side-panel-filters-bar__footer-section", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-side-panel-filters-bar__cancel-button", type: "secondary", onClick: onClosePanel, children: translate("Cancel") }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "zen-side-panel-filters-bar__apply-button zen-side-panel-filters-bar__apply-button--desktop", disabled: applyDisabled, onClick: onApplyFilters, type: "primary", children: translate("Apply") })] })] }) })] }) }), (_a = parentElement !== null && parentElement !== void 0 ? parentElement : document.fullscreenElement) !== null && _a !== void 0 ? _a : document.body)] });
|
|
122
122
|
};
|
|
123
123
|
exports.FiltersBarSidePanel = FiltersBarSidePanel;
|
|
124
124
|
const FiltersBarSidePanelContainer = (_) => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
package/dist/index.css
CHANGED