@geotab/zenith 1.22.1 → 1.22.2-beta.1

package/README.md

@@ -40,6 +40,13 @@ Zenith library provides components defined in Zenith Design System. It includes
 
 ## Change log
 
+### 1.22.2
+
+ * Add component `List`
+ * Reset 'site-wide` in `GroupsFilter` on reset
+ * `DateInput` associates id with html element
+ * Fix the `Dropdown` width constraint
+
 ### 1.22.1
 
  * Add Korean translation

package/dist/commonStyles/common.less

@@ -22,6 +22,7 @@
     --border-radius-default: 4px;
     --padding-top-bottom: 8px;
     --padding-left-right: 8px;
+    --mobile: 640px;
 }
 
 .zen-visually-hidden {

package/dist/dateInput/dateInput.js

@@ -87,7 +87,7 @@ const DateInput = ({ className, classNamePopup, defaultValue, value, onChange, i
         }
         prevIsOpenRef.current = isOpen;
     }, [isOpen]);
-    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { htmlType: "button", icon: iconCalendar_1.IconCalendar, iconPosition: textIconButton_1.ButtonIconPosition.Start, className: cssClass, disabled: disabled, onClick: toggleVisibility, ref: triggerRef, children: getButtonLabel() }), isMobile ? memoizedMobileView : memoizedDesktopView, (0, jsx_runtime_1.jsx)(formFieldError_1.FormFieldError, { error: error })] });
+    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { id: id || undefined, htmlType: "button", icon: iconCalendar_1.IconCalendar, iconPosition: textIconButton_1.ButtonIconPosition.Start, className: cssClass, disabled: disabled, onClick: toggleVisibility, ref: triggerRef, children: getButtonLabel() }), isMobile ? memoizedMobileView : memoizedDesktopView, (0, jsx_runtime_1.jsx)(formFieldError_1.FormFieldError, { error: error })] });
 };
 exports.DateInput = DateInput;
 exports.TRANSLATIONS = [

package/dist/dropdown/dropdown.js

@@ -345,7 +345,8 @@ const Dropdown = ({ className, classNamePopup, getData, errorHandler, dataItems,
     // eslint-disable-next-line complexity
     const getPopupContent = (0, react_1.useMemo)(() => {
         var _a, _b, _c;
-        let currentWidth = (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width;
+        const triggerRefWidth = (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width;
+        let currentWidth = triggerRefWidth ? Math.round(triggerRefWidth) : undefined;
         if (currentWidth && currentWidth > 420) {
             currentWidth = 420;
         }

package/dist/groupsFilter/groupsFilter.js

@@ -55,6 +55,7 @@ const GroupsFilter = ({ fullSize, className, dataLoader, errorHandler, isWithCol
     const handleCancel = () => {
         dispatchUiState({ type: uiStateActionType_1.UiStateActionType.SetIsOpen, payload: false });
         dispatchState({ type: stateActionType_1.StateActionType.SetState, payload: state.frozenState });
+        dispatchState({ type: stateActionType_1.StateActionType.SideWide, payload: state.frozenSideWideState });
         handleSetStep(groupsFilterInterfaces_1.FilterMenuStep.Initial);
     };
     const handleApply = () => {

package/dist/groupsFilter/stateReducer/stateReducer.js

@@ -92,7 +92,7 @@ function stateReducer(state, action) {
             return Object.assign(Object.assign({}, state), { selectedIds: Array.from(currentSelectedIds) });
         }
         case stateActionType_1.StateActionType.ResetSelection:
-            return Object.assign(Object.assign({}, state), { selectedIds: [], advancedFilterState: (0, groupsHelper_1.getDefaultFilterState)(), relation: groupsHelper_1.DEFAULT_RELATION_OPERATOR });
+            return Object.assign(Object.assign({}, state), { selectedIds: [], advancedFilterState: (0, groupsHelper_1.getDefaultFilterState)(), relation: groupsHelper_1.DEFAULT_RELATION_OPERATOR, sideWideState: false });
         case stateActionType_1.StateActionType.SelectAllChildren: {
             const currentEl = state.groupsMap[payload];
             const newSelected = new Set(state.selectedIds);

package/dist/icons/iconStarFilled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconStarFilled: React.FC<IIcon>;

package/dist/icons/iconStarFilled.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconStarFilled = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classNames_1 = require("../commonHelpers/classNames/classNames");
+const useUniqueId_1 = require("../commonHelpers/useUniqueId");
+const IconStarFilled = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = (0, useUniqueId_1.useUniqueId)();
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconStarFilled", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M12 1a1 1 0 0 1 .902.568l2.643 5.517 6.085.799a1 1 0 0 1 .557 1.718l-4.45 4.207 1.118 6.008a1 1 0 0 1-1.46 1.063L12 17.962 6.604 20.88a1 1 0 0 1-1.458-1.063l1.116-6.008-4.449-4.207a1 1 0 0 1 .557-1.718l6.085-.8 2.643-5.516A1 1 0 0 1 12 1", clipRule: "evenodd" })] });
+};
+exports.IconStarFilled = IconStarFilled;