@dmsi/wedgekit-react 0.0.411 → 0.0.412
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/components/CalendarRange.cjs +46 -71
- package/dist/components/CalendarRange.js +1 -6
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +4 -29
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +1 -6
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +13 -38
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +1 -6
- package/dist/components/DataGrid/PinnedColumns.cjs +29 -54
- package/dist/components/DataGrid/PinnedColumns.js +1 -6
- package/dist/components/DataGrid/TableBody/LoadingCell.cjs +5 -30
- package/dist/components/DataGrid/TableBody/LoadingCell.js +1 -6
- package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +11 -36
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +1 -6
- package/dist/components/DataGrid/TableBody/index.cjs +26 -51
- package/dist/components/DataGrid/TableBody/index.js +1 -6
- package/dist/components/DataGrid/index.cjs +115 -140
- package/dist/components/DataGrid/index.js +1 -6
- package/dist/components/DataGrid/utils.cjs +5 -30
- package/dist/components/DataGrid/utils.js +1 -6
- package/dist/components/DateInput.cjs +65 -90
- package/dist/components/DateInput.js +1 -6
- package/dist/components/DateRangeInput.cjs +65 -90
- package/dist/components/DateRangeInput.js +1 -6
- package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +12 -37
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +1 -6
- package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +20 -45
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +1 -6
- package/dist/components/MobileDataGrid/index.cjs +499 -524
- package/dist/components/MobileDataGrid/index.js +1 -6
- package/dist/components/PDFViewer/index.js +109 -6
- package/dist/components/index.cjs +0 -286
- package/dist/components/index.js +1 -9
- package/package.json +1 -1
- package/src/components/index.ts +0 -1
- package/dist/chunk-LLZ3SSZJ.js +0 -114
- /package/dist/{chunk-OW3WN3JV.js → chunk-OBY5EH47.js} +0 -0
|
@@ -670,7 +670,7 @@ function Theme({
|
|
|
670
670
|
}
|
|
671
671
|
|
|
672
672
|
// src/components/MobileDataGrid/ColumnSelector/index.tsx
|
|
673
|
-
var
|
|
673
|
+
var import_react32 = require("react");
|
|
674
674
|
|
|
675
675
|
// src/components/DataGridCell.tsx
|
|
676
676
|
var import_sortable = require("@dnd-kit/sortable");
|
|
@@ -4868,37 +4868,12 @@ var import_react31 = require("react");
|
|
|
4868
4868
|
var import_clsx33 = __toESM(require("clsx"), 1);
|
|
4869
4869
|
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
4870
4870
|
|
|
4871
|
-
// src/components/PDFViewer/index.tsx
|
|
4872
|
-
var import_react34 = require("react");
|
|
4873
|
-
|
|
4874
|
-
// src/components/PDFViewer/PDFElement.tsx
|
|
4875
|
-
var import_react_pdf2 = require("@mikecousins/react-pdf");
|
|
4876
|
-
var import_react33 = require("react");
|
|
4877
|
-
|
|
4878
|
-
// src/components/PDFViewer/PDFPage.tsx
|
|
4879
|
-
var import_react_pdf = require("@mikecousins/react-pdf");
|
|
4880
|
-
var import_react32 = require("react");
|
|
4881
|
-
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
4882
|
-
|
|
4883
|
-
// src/components/PDFViewer/PDFElement.tsx
|
|
4884
|
-
var import_clsx34 = __toESM(require("clsx"), 1);
|
|
4885
|
-
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
4886
|
-
|
|
4887
|
-
// src/components/PDFViewer/DownloadIcon.tsx
|
|
4888
|
-
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
4889
|
-
|
|
4890
|
-
// src/components/PDFViewer/PDFNavigation.tsx
|
|
4891
|
-
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
4892
|
-
|
|
4893
|
-
// src/components/PDFViewer/index.tsx
|
|
4894
|
-
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
4895
|
-
|
|
4896
4871
|
// src/components/MobileDataGrid/ColumnSelector/index.tsx
|
|
4897
|
-
var
|
|
4872
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
4898
4873
|
function ColumnSelector() {
|
|
4899
4874
|
const context = useGridContext();
|
|
4900
|
-
const ref = (0,
|
|
4901
|
-
const [show, setShow] = (0,
|
|
4875
|
+
const ref = (0, import_react32.useRef)(null);
|
|
4876
|
+
const [show, setShow] = (0, import_react32.useState)(false);
|
|
4902
4877
|
const {
|
|
4903
4878
|
columns,
|
|
4904
4879
|
id,
|
|
@@ -4909,13 +4884,13 @@ function ColumnSelector() {
|
|
|
4909
4884
|
resetColumnVisibility,
|
|
4910
4885
|
dispatch
|
|
4911
4886
|
} = context;
|
|
4912
|
-
const toggleColumnVisibility = (0,
|
|
4887
|
+
const toggleColumnVisibility = (0, import_react32.useCallback)(
|
|
4913
4888
|
(index, visible) => {
|
|
4914
4889
|
dispatch({ type: "UPDATE", index, payload: { meta: { visible } } });
|
|
4915
4890
|
},
|
|
4916
4891
|
[dispatch]
|
|
4917
4892
|
);
|
|
4918
|
-
return /* @__PURE__ */ (0,
|
|
4893
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
|
|
4919
4894
|
"div",
|
|
4920
4895
|
{
|
|
4921
4896
|
id: id ? `${id}-column-selector` : void 0,
|
|
@@ -4923,7 +4898,7 @@ function ColumnSelector() {
|
|
|
4923
4898
|
className: "text-text-secondary-normal border-l border-brand-200 p-mobile-container-padding",
|
|
4924
4899
|
ref,
|
|
4925
4900
|
children: [
|
|
4926
|
-
/* @__PURE__ */ (0,
|
|
4901
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
4927
4902
|
Button,
|
|
4928
4903
|
{
|
|
4929
4904
|
id: id ? `${id}-button` : void 0,
|
|
@@ -4932,10 +4907,10 @@ function ColumnSelector() {
|
|
|
4932
4907
|
variant: "navigation",
|
|
4933
4908
|
iconOnly: true,
|
|
4934
4909
|
size: 24,
|
|
4935
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
4910
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { name: "tune" })
|
|
4936
4911
|
}
|
|
4937
4912
|
),
|
|
4938
|
-
/* @__PURE__ */ (0,
|
|
4913
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
|
|
4939
4914
|
Menu,
|
|
4940
4915
|
{
|
|
4941
4916
|
id: id ? `${id}-menu` : void 0,
|
|
@@ -4946,7 +4921,7 @@ function ColumnSelector() {
|
|
|
4946
4921
|
setShow,
|
|
4947
4922
|
calculateMinMaxHeight: true,
|
|
4948
4923
|
children: [
|
|
4949
|
-
/* @__PURE__ */ (0,
|
|
4924
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
4950
4925
|
Button,
|
|
4951
4926
|
{
|
|
4952
4927
|
id: id ? `${id}-reset-button` : void 0,
|
|
@@ -4964,11 +4939,11 @@ function ColumnSelector() {
|
|
|
4964
4939
|
return (_a = x.meta) == null ? void 0 : _a.inVisibilityMenu;
|
|
4965
4940
|
}).map((column) => {
|
|
4966
4941
|
var _a, _b, _c;
|
|
4967
|
-
return /* @__PURE__ */ (0,
|
|
4942
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
4968
4943
|
MenuOption,
|
|
4969
4944
|
{
|
|
4970
4945
|
testid: testid ? `${testid}-option-${column.id}` : void 0,
|
|
4971
|
-
children: /* @__PURE__ */ (0,
|
|
4946
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
4972
4947
|
Checkbox,
|
|
4973
4948
|
{
|
|
4974
4949
|
id: id ? `${id}-checkbox-${column.id}` : void 0,
|
|
@@ -4998,7 +4973,7 @@ function ColumnSelector() {
|
|
|
4998
4973
|
}
|
|
4999
4974
|
|
|
5000
4975
|
// src/components/MobileDataGrid/MobileDataGridHeader.tsx
|
|
5001
|
-
var
|
|
4976
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
5002
4977
|
function MobileDataGridHeader({
|
|
5003
4978
|
header: Header,
|
|
5004
4979
|
enableColumnSelector,
|
|
@@ -5016,15 +4991,15 @@ function MobileDataGridHeader({
|
|
|
5016
4991
|
handleRowSelectAll
|
|
5017
4992
|
} = ctx;
|
|
5018
4993
|
if (typeof Header === "undefined" && !primaryKey) return null;
|
|
5019
|
-
if (typeof Header === "function") return /* @__PURE__ */ (0,
|
|
4994
|
+
if (typeof Header === "function") return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Header, __spreadValues({}, ctx));
|
|
5020
4995
|
if (typeof Header === "string" || primaryKey)
|
|
5021
|
-
return /* @__PURE__ */ (0,
|
|
4996
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
5022
4997
|
"div",
|
|
5023
4998
|
{
|
|
5024
4999
|
id: id ? `${id}-header` : void 0,
|
|
5025
5000
|
"data-testid": testid ? `${testid}-header` : void 0,
|
|
5026
5001
|
className: "sticky top-0",
|
|
5027
|
-
children: /* @__PURE__ */ (0,
|
|
5002
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Theme, { theme: "brand", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
5028
5003
|
Stack,
|
|
5029
5004
|
{
|
|
5030
5005
|
horizontal: true,
|
|
@@ -5033,7 +5008,7 @@ function MobileDataGridHeader({
|
|
|
5033
5008
|
justify: "between",
|
|
5034
5009
|
backgroundColor: "background-primary-normal",
|
|
5035
5010
|
children: [
|
|
5036
|
-
enableRowSelection && /* @__PURE__ */ (0,
|
|
5011
|
+
enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "p-mobile-component-padding border-r border-brand-200 max-w-fit h-full", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
5037
5012
|
Checkbox,
|
|
5038
5013
|
{
|
|
5039
5014
|
id: id ? `${id}-select-all-checkbox` : void 0,
|
|
@@ -5043,7 +5018,7 @@ function MobileDataGridHeader({
|
|
|
5043
5018
|
onChange: handleRowSelectAll
|
|
5044
5019
|
}
|
|
5045
5020
|
) }),
|
|
5046
|
-
/* @__PURE__ */ (0,
|
|
5021
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
5047
5022
|
Stack,
|
|
5048
5023
|
{
|
|
5049
5024
|
horizontal: true,
|
|
@@ -5051,10 +5026,10 @@ function MobileDataGridHeader({
|
|
|
5051
5026
|
items: "center",
|
|
5052
5027
|
sizing: "component",
|
|
5053
5028
|
padding: true,
|
|
5054
|
-
children: /* @__PURE__ */ (0,
|
|
5029
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Heading3, { as: "span", color: "text-primary-normal", children: typeof Header === "string" ? Header : (_b = (_a = columns.find((col) => col.id === primaryKey)) == null ? void 0 : _a.header) == null ? void 0 : _b.toString() })
|
|
5055
5030
|
}
|
|
5056
5031
|
),
|
|
5057
|
-
enableColumnSelector && /* @__PURE__ */ (0,
|
|
5032
|
+
enableColumnSelector && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ColumnSelector, {})
|
|
5058
5033
|
]
|
|
5059
5034
|
}
|
|
5060
5035
|
) })
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MobileDataGridHeader
|
|
3
|
-
} from "../../chunk-
|
|
3
|
+
} from "../../chunk-OBY5EH47.js";
|
|
4
4
|
import "../../chunk-M7INAUAJ.js";
|
|
5
5
|
import "../../chunk-6I5LZ2ZC.js";
|
|
6
6
|
import "../../chunk-44TDIHUP.js";
|
|
@@ -8,11 +8,6 @@ import "../../chunk-LZGYABCX.js";
|
|
|
8
8
|
import "../../chunk-G5DEC7H3.js";
|
|
9
9
|
import "../../chunk-3X3Y4TMS.js";
|
|
10
10
|
import "../../chunk-BQNPOGD5.js";
|
|
11
|
-
import "../../chunk-LLZ3SSZJ.js";
|
|
12
|
-
import "../../chunk-EJSPFQCY.js";
|
|
13
|
-
import "../../chunk-ERW5DEIO.js";
|
|
14
|
-
import "../../chunk-2HMCS25C.js";
|
|
15
|
-
import "../../chunk-VJVY6NPF.js";
|
|
16
11
|
import "../../chunk-MBZ55T2D.js";
|
|
17
12
|
import "../../chunk-2IKT6IHB.js";
|
|
18
13
|
import "../../chunk-AA6GE3TH.js";
|