@helpdice/ui 1.2.8 → 1.2.9
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/index.js +10 -12
- package/dist/table/index.js +1483 -356
- package/esm/table/table.js +7 -7
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2,8 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var reactDom = require('react-dom');
|
|
5
|
-
var Select$1 = require('components/select');
|
|
6
|
-
var Input$1 = require('components/input');
|
|
7
5
|
var require$$0 = require('react-is');
|
|
8
6
|
var isEqual = require('react-fast-compare');
|
|
9
7
|
|
|
@@ -42488,20 +42486,20 @@ function TableComponent(tableProps) {
|
|
|
42488
42486
|
},
|
|
42489
42487
|
"data-column": Header,
|
|
42490
42488
|
key: unq_accessor
|
|
42491
|
-
}, accessor === 'fixed' && /*#__PURE__*/React.createElement(Select
|
|
42489
|
+
}, accessor === 'fixed' && /*#__PURE__*/React.createElement(Select, {
|
|
42492
42490
|
key: unq_accessor,
|
|
42493
42491
|
name: filterName,
|
|
42494
42492
|
value: (_filters$filterName = filters[filterName]) !== null && _filters$filterName !== undefined ? _filters$filterName : 'All',
|
|
42495
42493
|
onChange: function onChange(newValue) {
|
|
42496
42494
|
return handleFilterChange(filterName, newValue);
|
|
42497
42495
|
}
|
|
42498
|
-
}, /*#__PURE__*/React.createElement(Select
|
|
42496
|
+
}, /*#__PURE__*/React.createElement(Select.Option, {
|
|
42499
42497
|
value: "All"
|
|
42500
42498
|
}, "All ", Header), options ? options.map(function (option) {
|
|
42501
|
-
return /*#__PURE__*/React.createElement(Select
|
|
42499
|
+
return /*#__PURE__*/React.createElement(Select.Option, {
|
|
42502
42500
|
value: option.value
|
|
42503
42501
|
}, option.name);
|
|
42504
|
-
}) : null), accessor === 'date' && /*#__PURE__*/React.createElement(Input
|
|
42502
|
+
}) : null), accessor === 'date' && /*#__PURE__*/React.createElement(Input, {
|
|
42505
42503
|
id: "filter-date-".concat(filterName),
|
|
42506
42504
|
htmlType: "date",
|
|
42507
42505
|
name: filterName,
|
|
@@ -42509,7 +42507,7 @@ function TableComponent(tableProps) {
|
|
|
42509
42507
|
onChange: function onChange(e) {
|
|
42510
42508
|
return handleFilterChange(filterName, e.target.value);
|
|
42511
42509
|
}
|
|
42512
|
-
}), accessor === 'search' && /*#__PURE__*/React.createElement(Input
|
|
42510
|
+
}), accessor === 'search' && /*#__PURE__*/React.createElement(Input, {
|
|
42513
42511
|
id: "filter-search-".concat(filterName),
|
|
42514
42512
|
htmlType: "text",
|
|
42515
42513
|
autoComplete: "off",
|
|
@@ -42527,14 +42525,14 @@ function TableComponent(tableProps) {
|
|
|
42527
42525
|
}));
|
|
42528
42526
|
});
|
|
42529
42527
|
};
|
|
42530
|
-
return /*#__PURE__*/React.createElement(
|
|
42531
|
-
value: contextValue
|
|
42532
|
-
}, showFilters && /*#__PURE__*/React.createElement("div", {
|
|
42528
|
+
return /*#__PURE__*/React.createElement("div", null, showFilters && /*#__PURE__*/React.createElement("div", {
|
|
42533
42529
|
style: {
|
|
42534
42530
|
display: 'flex',
|
|
42535
42531
|
gap: 6
|
|
42536
42532
|
}
|
|
42537
|
-
}, generateFilterInputs()), /*#__PURE__*/React.createElement(
|
|
42533
|
+
}, generateFilterInputs()), /*#__PURE__*/React.createElement(TableContext.Provider, {
|
|
42534
|
+
value: contextValue
|
|
42535
|
+
}, /*#__PURE__*/React.createElement("table", _extends({
|
|
42538
42536
|
ref: ref
|
|
42539
42537
|
}, props, {
|
|
42540
42538
|
className: _JSXStyle.dynamic([["2132340556", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || className || "")
|
|
@@ -42554,7 +42552,7 @@ function TableComponent(tableProps) {
|
|
|
42554
42552
|
}), children, /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
42555
42553
|
id: "2132340556",
|
|
42556
42554
|
dynamic: [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]
|
|
42557
|
-
}, "table.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;--table-font-size:".concat(SCALES.font(1), ";font-size:var(--table-font-size);width:").concat(SCALES.width(1, '100%'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}"))));
|
|
42555
|
+
}, "table.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;--table-font-size:".concat(SCALES.font(1), ";font-size:var(--table-font-size);width:").concat(SCALES.width(1, '100%'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}")))));
|
|
42558
42556
|
}
|
|
42559
42557
|
TableComponent.displayName = 'Table';
|
|
42560
42558
|
TableComponent.Column = TableColumn;
|