contentoh-components-library 21.4.62 → 21.4.63

package/dist/components/molecules/RowItem/index.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RowItem = void 0;
+
+var _styles = require("./styles");
+
+var _ColumnItem = require("./ColumnItem");
+
+var _CheckBox = require("../../atoms/CheckBox");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var RowItem = function RowItem(_ref) {
+  var _ref$productsArray = _ref.productsArray,
+      productsArray = _ref$productsArray === void 0 ? [] : _ref$productsArray,
+      chkOnChange = _ref.chkOnChange,
+      onGridClick = _ref.onGridClick,
+      chkChecked = _ref.chkChecked;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    children: productsArray.map(function (_ref2, i) {
+      var cols = _ref2.cols,
+          product = _ref2.product,
+          id = _ref2.id;
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "row-container",
+        onClick: function onClick(e) {
+          return onGridClick && onGridClick(e, product, i);
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "chk-container",
+          onClick: function onClick(e) {
+            e.stopPropagation();
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckBox.CheckBox, {
+            id: "chk-" + id,
+            name: "chk-" + id,
+            className: "chk-item",
+            onChange: function onChange(e) {
+              return chkOnChange && chkOnChange(e, product);
+            },
+            defaultChecked: chkChecked && chkChecked(product)
+          })
+        }), cols.map(function (col, i) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColumnItem.ColumnItem, {
+            element: col.name,
+            flex: col.flex,
+            minWidth: col.minWidth
+          }, id + "-" + i);
+        })]
+      }, id);
+    })
+  });
+};
+
+exports.RowItem = RowItem;

package/dist/components/molecules/RowItem/styles.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = exports.Column = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _variables = require("../../../global-files/variables");
+
+var _templateObject, _templateObject2;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: calc(100% - 36px);\n  overflow: auto;\n  min-width: fit-content;\n\n  .row-container {\n    display: flex;\n    cursor: pointer;\n    &:hover {\n      background-color: #fafafa;\n    }\n\n    .chk-container {\n      width: 30px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      .chk-item {\n        width: 16px;\n        height: 16px;\n      }\n    }\n  }\n"])));
+
+exports.Container = Container;
+
+var Column = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  flex: ", ";\n  min-width: ", "px;\n  text-align: center;\n  color: #262626;\n  font-family: ", ";\n  font-size: 12px;\n  line-height: 16px;\n  padding: 10px 5px;\n  display: flex;\n  justify-content: center;\n"])), function (_ref) {
+  var flex = _ref.flex;
+  return flex ? flex : 1;
+}, function (_ref2) {
+  var minWidth = _ref2.minWidth;
+  return minWidth ? minWidth : 100;
+}, _variables.FontFamily.Lato);
+
+exports.Column = Column;