@geotab/zenith 2.0.0-beta.1 → 2.0.0-beta.2
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/cards/cardsRow.d.ts +1 -2
- package/dist/cards/cardsRow.js +2 -16
- package/esm/cards/cardsRow.d.ts +1 -2
- package/esm/cards/cardsRow.js +2 -16
- package/package.json +3 -3
package/dist/cards/cardsRow.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
2
1
|
import { ICards } from "./cards";
|
|
3
2
|
export interface ICardsRow extends Omit<ICards, "direction"> {
|
|
4
3
|
}
|
|
5
|
-
export declare const CardsRow:
|
|
4
|
+
export declare const CardsRow: ({ children, wrap, gap, className, paddingX, paddingY, fullHeight }: Omit<ICards, "direction">) => import("react/jsx-runtime").JSX.Element;
|
package/dist/cards/cardsRow.js
CHANGED
|
@@ -1,21 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
3
|
exports.CardsRow = void 0;
|
|
15
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
-
const
|
|
17
|
-
const CardsRow = (
|
|
18
|
-
var { children } = _a, args = __rest(_a, ["children"]);
|
|
19
|
-
return (0, jsx_runtime_1.jsx)(cards_1.Cards, Object.assign({}, args, { direction: "row", children: children }));
|
|
20
|
-
};
|
|
5
|
+
const classNames_1 = require("../commonHelpers/classNames/classNames");
|
|
6
|
+
const CardsRow = ({ children, wrap = true, gap = 16, className = "", paddingX = 0, paddingY = 0, fullHeight = false }) => (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-cards", className, fullHeight ? "zen-cards--full-height" : ""]), style: { flexWrap: wrap ? "wrap" : "nowrap", flexDirection: "row", gap, padding: `${paddingY}px ${paddingX}px` }, children: children });
|
|
21
7
|
exports.CardsRow = CardsRow;
|
package/esm/cards/cardsRow.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
2
1
|
import { ICards } from "./cards";
|
|
3
2
|
export interface ICardsRow extends Omit<ICards, "direction"> {
|
|
4
3
|
}
|
|
5
|
-
export declare const CardsRow:
|
|
4
|
+
export declare const CardsRow: ({ children, wrap, gap, className, paddingX, paddingY, fullHeight }: Omit<ICards, "direction">) => import("react/jsx-runtime").JSX.Element;
|
package/esm/cards/cardsRow.js
CHANGED
|
@@ -1,17 +1,3 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
import {
|
|
14
|
-
export const CardsRow = (
|
|
15
|
-
var { children } = _a, args = __rest(_a, ["children"]);
|
|
16
|
-
return _jsx(Cards, Object.assign({}, args, { direction: "row", children: children }));
|
|
17
|
-
};
|
|
2
|
+
import { classNames } from "../commonHelpers/classNames/classNames";
|
|
3
|
+
export const CardsRow = ({ children, wrap = true, gap = 16, className = "", paddingX = 0, paddingY = 0, fullHeight = false }) => _jsx("div", { className: classNames(["zen-cards", className, fullHeight ? "zen-cards--full-height" : ""]), style: { flexWrap: wrap ? "wrap" : "nowrap", flexDirection: "row", gap, padding: `${paddingY}px ${paddingX}px` }, children: children });
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@geotab/zenith",
|
|
3
|
-
"version": "2.0.0-beta.
|
|
3
|
+
"version": "2.0.0-beta.2",
|
|
4
4
|
"description": "Zenith components library on React",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "esm/index.d.ts",
|
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
"**/react-chartjs/dateAdapter.js"
|
|
13
13
|
],
|
|
14
14
|
"publishConfig": {
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
"access": "public"
|
|
16
|
+
},
|
|
17
17
|
"scripts": {
|
|
18
18
|
"test": "npm run clean && npm run test-build && jest",
|
|
19
19
|
"start": "npm run storybook --loglevel verbose",
|