@helpdice/ui 2.1.9 → 2.2.2

package/dist/table/index.js

@@ -22707,6 +22707,7 @@ var TableCell = function TableCell(_ref) {
     onCellClick = _ref.onCellClick;
   /* eslint-disable react/jsx-no-useless-fragment */
   return /*#__PURE__*/React.createElement(React.Fragment, null, columns.map(function (column, index) {
+    var _row$_id;
     var currentRowValue = row[column.prop];
     var cellValue = currentRowValue || emptyText;
     var shouldBeRenderElement = column.renderHandler(currentRowValue, row, rowIndex);
@@ -22721,7 +22722,7 @@ var TableCell = function TableCell(_ref) {
         whiteSpace: column !== null && column !== void 0 && column.noWrap ? 'nowrap' : 'normal'
       }, currentRowValue === null || currentRowValue === void 0 ? void 0 : currentRowValue.style),
       "data-column": column.prop,
-      key: "row-td-".concat(currentRowValue.id, "-").concat(column.prop.toString()),
+      key: "row-td-".concat((_row$_id = row === null || row === void 0 ? void 0 : row._id) !== null && _row$_id !== void 0 ? _row$_id : 'col', "-").concat(column.prop.toString()),
       onClick: function onClick() {
         return onCellClick && onCellClick(currentRowValue, rowIndex, index);
       },

package/esm/container/box.d.ts

@@ -1,12 +1,17 @@
+import React from "react";
 declare const wrap: ["nowrap", "wrap", "wrap-reverse"];
 export type Wrap = typeof wrap[number];
 type ContainerProps = {
     gap?: number;
+    direction?: string;
     children?: React.ReactNode;
+    justify?: string;
+    alignItems?: string;
+    alignContent?: string;
     wrap?: Wrap;
     className?: string;
 };
-declare const _default: import("react").ForwardRefExoticComponent<ContainerProps & {
+declare const _default: React.ForwardRefExoticComponent<ContainerProps & {
     width?: string | number;
     height?: string | number;
     padding?: string | number;
@@ -38,5 +43,5 @@ declare const _default: import("react").ForwardRefExoticComponent<ContainerProps
     scale?: number;
     children?: any;
     className?: string;
-} & import("react").InputHTMLAttributes<any> & import("react").RefAttributes<unknown>>;
+} & React.InputHTMLAttributes<any> & React.RefAttributes<unknown>>;
 export default _default;

package/esm/container/box.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["gap", "children", "className"];
+var _excluded = ["gap", "children", "direction", "justify", "alignItems", "alignContent", "className"];
 import _JSXStyle from "../styled-jsx.es.js";
+import React, { useMemo } from "react";
 import GridBasicItem from "../grid/basic-item";
 import useScale, { withScale } from '../use-scale';
-import { useMemo } from "react";
 import { useClasses } from '@helpdice/theme';
 import { tuple } from '../utils/prop-types';
 var wrap = tuple('nowrap', 'wrap', 'wrap-reverse');
@@ -12,6 +12,10 @@ var Container = function Container(_ref) {
   var _ref$gap = _ref.gap,
     gap = _ref$gap === void 0 ? 0 : _ref$gap,
     children = _ref.children,
+    direction = _ref.direction,
+    justify = _ref.justify,
+    alignItems = _ref.alignItems,
+    alignContent = _ref.alignContent,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -23,10 +27,10 @@ var Container = function Container(_ref) {
   }, [gap, unit]);
   var _styles$className = {
       styles: /*#__PURE__*/React.createElement(_JSXStyle, {
-        id: "2955470113",
-        dynamic: [gapUnit, wrap, SCALES.width(1, 'var(--container-width)')]
-      }, "div.__jsx-style-dynamic-selector{--gap-unit:".concat(gapUnit, ";--container-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:").concat(wrap, ";-ms-flex-wrap:").concat(wrap, ";flex-wrap:").concat(wrap, ";box-sizing:border-box;gap:var(--gap-unit);width:").concat(SCALES.width(1, 'var(--container-width)'), ";}")),
-      className: _JSXStyle.dynamic([["2955470113", [gapUnit, wrap, SCALES.width(1, 'var(--container-width)')]]])
+        id: "635877754",
+        dynamic: [gapUnit, direction, wrap, justify, alignContent, alignItems, SCALES.width(1, 'var(--container-width)')]
+      }, "div.__jsx-style-dynamic-selector{--gap-unit:".concat(gapUnit, ";--container-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:").concat(direction, ";-ms-flex-direction:").concat(direction, ";flex-direction:").concat(direction, ";-webkit-flex-wrap:").concat(wrap, ";-ms-flex-wrap:").concat(wrap, ";flex-wrap:").concat(wrap, ";-webkit-box-pack:").concat(justify, ";-webkit-justify-content:").concat(justify, ";-ms-flex-pack:").concat(justify, ";justify-content:").concat(justify, ";-webkit-align-content:").concat(alignContent, ";-ms-flex-line-pack:").concat(alignContent, ";align-content:").concat(alignContent, ";-webkit-align-items:").concat(alignItems, ";-webkit-box-align:").concat(alignItems, ";-ms-flex-align:").concat(alignItems, ";align-items:").concat(alignItems, ";box-sizing:border-box;gap:var(--gap-unit);width:").concat(SCALES.width(1, 'var(--container-width)'), ";}")),
+      className: _JSXStyle.dynamic([["635877754", [gapUnit, direction, wrap, justify, alignContent, alignItems, SCALES.width(1, 'var(--container-width)')]]])
     },
     resolveClassName = _styles$className.className,
     styles = _styles$className.styles;

package/esm/table/table-cell.js

@@ -8,6 +8,7 @@ var TableCell = function TableCell(_ref) {
     onCellClick = _ref.onCellClick;
   /* eslint-disable react/jsx-no-useless-fragment */
   return /*#__PURE__*/React.createElement(React.Fragment, null, columns.map(function (column, index) {
+    var _row$_id;
     var currentRowValue = row[column.prop];
     var cellValue = currentRowValue || emptyText;
     var shouldBeRenderElement = column.renderHandler(currentRowValue, row, rowIndex);
@@ -22,7 +23,7 @@ var TableCell = function TableCell(_ref) {
         whiteSpace: column !== null && column !== void 0 && column.noWrap ? 'nowrap' : 'normal'
       }, currentRowValue === null || currentRowValue === void 0 ? void 0 : currentRowValue.style),
       "data-column": column.prop,
-      key: "row-td-".concat(currentRowValue.id, "-").concat(column.prop.toString()),
+      key: "row-td-".concat((_row$_id = row === null || row === void 0 ? void 0 : row._id) !== null && _row$_id !== void 0 ? _row$_id : 'col', "-").concat(column.prop.toString()),
       onClick: function onClick() {
         return onCellClick && onCellClick(currentRowValue, rowIndex, index);
       },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@helpdice/ui",
-  "version": "2.1.9",
+  "version": "2.2.2",
   "main": "dist/index.js",
   "types": "esm/index.d.ts",
   "unpkg": "dist/index.min.js",