@geotab/zenith 1.20.0-beta.0 → 1.20.0-beta.2

package/README.md

@@ -42,12 +42,18 @@ Zenith library provides components defined in Zenith Design System. It includes
 
 ## 1.20.0
 
+ * New component `Chart`
  * Add feature to detect range value in DateRange
  * Add possibility to prevent unchecking selection in SelectField
  * Add icon IconLaptop and deprecated duplicated
  * Audit: Feedback (Modal and Banner)
  * Fix GroupsButton positioning
  * Fix sort indicator in Table
+ * Collect all Zenith documentation in one file
+
+## 1.19.1
+
+ * Fix stepper issue with decimal values
 
 ## 1.19.0
 

package/dist/chart/lineChart.js

@@ -59,6 +59,7 @@ const LineChart = (_a) => {
     const tooltipId = (0, react_1.useMemo)(() => (0, generateId_1.generateId)(), []);
     const { isHidden, toggleHidden } = (0, useHidden_1.useHidden)();
     const { toLocalDateTime } = (0, react_1.useContext)(userFormatContext_1.userFormatContext);
+    const isTimedData = (0, react_1.useMemo)(() => (0, isDateRange_1.isDateRange)(data, true), [data]);
     const chartData = (0, react_1.useMemo)(() => {
         const chData = Object.assign({}, data);
         chData.datasets = chData.datasets.map((ds, i) => (0, getDefaultDatasetStyle_1.getDefaultDatasetStyle)(ds, i));
@@ -72,7 +73,6 @@ const LineChart = (_a) => {
         chData.datasets = chData.datasets.map((ds, i) => isHidden(ds.parentIndex !== undefined ? ds.parentIndex : i) ? Object.assign(Object.assign({}, ds), { hidden: true }) : ds);
         return (0, convertDates_1.convertDates)(chData, toLocalDateTime);
     }, [data, isHidden, toLocalDateTime]);
-    const isTimedData = (0, react_1.useMemo)(() => (0, isDateRange_1.isDateRange)(chartData, true), [chartData]);
     const yAxisMeta = (0, react_1.useMemo)(() => (0, getYAxisMeta_1.getYAxisMeta)(chartData), [chartData]);
     const xAxisMeta = (0, react_1.useMemo)(() => (0, getXAxisMeta_1.getXAxisMeta)(chartData, isTimedData), [chartData, isTimedData]);
     const { chartRef, ticks } = (0, useChartTicks_1.useChartTicks)();

package/dist/dataGrid/withSortableColumns/columns/sortableColumnWrapper.js

@@ -47,7 +47,7 @@ const SortableHeaderCell = ({ columnName, isSortedBy, sortDirection, title, tool
                 sortDirection === columnSortDirection_1.ColumnSortDirection.Ascending
                     ? "zen-sortable-column-button--dir-asc"
                     : "zen-sortable-column-button--dir-desc"
-            ]), title: iconTitle, "aria-label": iconTitle, onClick: () => {
+            ]), title: iconTitle, "aria-label": iconTitle, onMouseDown: () => {
                 onSortChange({
                     sortColumn: columnName,
                     sortDirection: sortDirection === columnSortDirection_1.ColumnSortDirection.Ascending

package/dist/filtersBar/components/filtersBarPeriodPicker/filtersBarPeriodPicker.d.ts

@@ -49,7 +49,7 @@ export interface IFiltersBarPeriodPicker extends Omit<IFiltersBarPeriodPickerImp
 export type IPeriodPickerUnsetValue = IDateRangeValueOptionalLabel | IDateRangeValue | undefined;
 interface IFiltersBarPeriodPickerUnsetValueImp extends IFiltersBarItem<IPeriodPickerUnsetValue, IFiltersBarDateRangePickerUnsetValue> {
     props: IFiltersBarDateRangePickerUnsetValue;
-    defaultState: IPeriodPickerUnsetValue;
+    defaultState: IDateRangeValue | undefined;
     className?: string;
     checkError?: (isError: boolean) => void;
     sidePanelMaxGroupedItemsLength?: number;

package/dist/lineChart/lineChart.d.ts

@@ -14,5 +14,8 @@ export interface ILineChart extends IZenComponentProps {
     options?: ILineChartOptions;
     plugins?: Plugin<"line">[];
 }
+/**
+ * @deprecated - will be removed in the next releases.
+ */
 export declare const LineChart: React.FC<ILineChart>;
 export {};

package/dist/lineChart/lineChart.js

@@ -70,6 +70,9 @@ const getDefaultOptions = (fontSize) => {
         }
     };
 };
+/**
+ * @deprecated - will be removed in the next releases.
+ */
 const LineChart = (_a) => {
     var { data, options = {}, plugins, className } = _a, rest = __rest(_a, ["data", "options", "plugins", "className"]);
     const isDrive = (0, useDrive_1.useDrive)();

package/dist/stepperRaw/utils/onBeforeInput.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.onBeforeInput = void 0;
 const onBeforeInput = (e) => {
-    var _a, _b;
     switch (e.nativeEvent.data.toLowerCase()) {
         // prevent using some special characters
         case "e":
@@ -10,14 +9,6 @@ const onBeforeInput = (e) => {
             e.preventDefault();
             break;
         }
-        // prevent using separator if "step" is not decimal
-        case ".":
-        case ",": {
-            if (!((_a = e.target.getAttribute("step")) === null || _a === void 0 ? void 0 : _a.includes(".")) && !((_b = e.target.getAttribute("step")) === null || _b === void 0 ? void 0 : _b.includes(","))) {
-                e.preventDefault();
-            }
-            break;
-        }
         // prevent multiple minus signs
         case "-": {
             if (e.target.value.includes("-")) {

package/dist/table/sortable/sortableHeader.js

@@ -80,6 +80,6 @@ const SortableHeaderCell = ({ columnName, isSortedBy, sortDirection, title, tool
                 sortDirection === interfaces_1.ColumnSortDirection.Ascending
                     ? "zen-sortable-column-button--dir-asc"
                     : "zen-sortable-column-button--dir-desc"
-            ]), title: iconTitle, "aria-label": iconTitle, onClick: onHeaderClick, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isMobile ? iconButton : null, (0, jsx_runtime_1.jsx)("div", { className: "zen-sortable-column-button__content zen-caption__content", children: title }), isMobile ? null : iconButton] }) }) }));
+            ]), title: iconTitle, "aria-label": iconTitle, onMouseDown: onHeaderClick, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isMobile ? iconButton : null, (0, jsx_runtime_1.jsx)("div", { className: "zen-sortable-column-button__content zen-caption__content", children: title }), isMobile ? null : iconButton] }) }) }));
 };
 exports.SortableHeaderCell = SortableHeaderCell;

package/package.json

@@ -1,9 +1,6 @@
 {
   "name": "@geotab/zenith",
-  "publishConfig": {
-   "access": "public"
-  },
-  "version": "1.20.0-beta.0",
+  "version": "1.20.0-beta.2",
   "description": "Zenith components library on React",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -12,6 +9,7 @@
     "start": "npm run storybook --loglevel verbose",
     "lint": "npx eslint -c \".eslintrc.js\" --ext \".ts\" --ext \".tsx\" \"**/*.tsx\" \"**/*.ts\" --ignore-path \".eslintignore\"",
     "new": "node newComponent.mjs",
+    "build-ai-mdx": "node collectmdx.js",
     "build-ts": "npx tsc -b tsconfig.build.json && node less-transformer.js",
     "build-less": "node less-compile.js",
     "build-copy": "node build-copy.js",
@@ -26,7 +24,7 @@
     "test-coverage": "npm run clean && npm run test-build && jest --collectCoverage=true --coverage --collectCoverageFrom=./**/*.js --json --outputFile=jest-result.json --coverageReporters=html --coverageReporters=text-summary --coverageReporters=cobertura --noStackTrace && node testHelpers/cobertura/cobertura.js",
     "coverage": "npm run test-coverage && google-chrome ./jest-coverage/index.html",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
+    "build-storybook": "storybook build && npm run build-ai-mdx",
     "clean": "rm -rf ./dist && rm -rf ./jest-coverage"
   },
   "author": "",
@@ -93,5 +91,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
-  }
+  },
+  "publishConfig": {
+   "access": "public"
+ }
 }