@dmsi/wedgekit-react 0.0.884 → 0.0.886
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/{chunk-E7XBOMT4.js → chunk-ZXP2GIWZ.js} +81 -22
- package/dist/components/CalendarRange.cjs +133 -77
- package/dist/components/CalendarRange.css +0 -3
- package/dist/components/CalendarRange.js +3 -3
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +119 -63
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +0 -3
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +3 -3
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +119 -63
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +0 -3
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +3 -3
- package/dist/components/DataGrid/PinnedColumns.cjs +122 -66
- package/dist/components/DataGrid/PinnedColumns.css +0 -3
- package/dist/components/DataGrid/PinnedColumns.js +3 -3
- package/dist/components/DataGrid/TableBody/LoadingCell.cjs +119 -63
- package/dist/components/DataGrid/TableBody/LoadingCell.css +0 -3
- package/dist/components/DataGrid/TableBody/LoadingCell.js +3 -3
- package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +122 -66
- package/dist/components/DataGrid/TableBody/TableBodyRow.css +0 -3
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +3 -3
- package/dist/components/DataGrid/TableBody/index.cjs +124 -68
- package/dist/components/DataGrid/TableBody/index.css +0 -3
- package/dist/components/DataGrid/TableBody/index.js +3 -3
- package/dist/components/DataGrid/index.cjs +133 -77
- package/dist/components/DataGrid/index.css +0 -3
- package/dist/components/DataGrid/index.js +3 -3
- package/dist/components/DataGrid/utils.cjs +121 -65
- package/dist/components/DataGrid/utils.css +0 -3
- package/dist/components/DataGrid/utils.js +3 -3
- package/dist/components/DateInput.cjs +73 -17
- package/dist/components/DateInput.css +0 -3
- package/dist/components/DateInput.js +3 -3
- package/dist/components/DateRangeInput.cjs +133 -77
- package/dist/components/DateRangeInput.css +0 -3
- package/dist/components/DateRangeInput.js +3 -3
- package/dist/components/MobileDataGrid/ColumnList.css +0 -3
- package/dist/components/MobileDataGrid/ColumnList.js +1 -1
- package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +119 -63
- package/dist/components/MobileDataGrid/ColumnSelector/index.css +0 -3
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +3 -3
- package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +1 -1
- package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +116 -60
- package/dist/components/MobileDataGrid/MobileDataGridHeader.css +0 -3
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +3 -3
- package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +1 -1
- package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +1 -1
- package/dist/components/MobileDataGrid/index.cjs +120 -64
- package/dist/components/MobileDataGrid/index.css +0 -3
- package/dist/components/MobileDataGrid/index.js +3 -3
- package/dist/components/index.cjs +152 -96
- package/dist/components/index.css +0 -3
- package/dist/components/index.js +3 -3
- package/dist/index.css +0 -3
- package/package.json +1 -1
|
@@ -4362,6 +4362,7 @@ Tooltip.displayName = "Tooltip";
|
|
|
4362
4362
|
// src/components/DateInput.tsx
|
|
4363
4363
|
var import_react21 = require("react");
|
|
4364
4364
|
var import_react_dom3 = require("react-dom");
|
|
4365
|
+
var import_clsx21 = __toESM(require("clsx"), 1);
|
|
4365
4366
|
|
|
4366
4367
|
// src/components/CalendarRange.tsx
|
|
4367
4368
|
var import_clsx20 = __toESM(require("clsx"), 1);
|
|
@@ -4916,10 +4917,12 @@ var DateInput = (_a) => {
|
|
|
4916
4917
|
const popoverRef = (0, import_react21.useRef)(null);
|
|
4917
4918
|
const triggerRef = (0, import_react21.useRef)(null);
|
|
4918
4919
|
const rootRef = (0, import_react21.useRef)(null);
|
|
4920
|
+
const isMobile = useMatchesMobile();
|
|
4919
4921
|
const [calendarPosition, setCalendarPosition] = (0, import_react21.useState)({
|
|
4920
4922
|
top: 0,
|
|
4921
4923
|
left: 0,
|
|
4922
|
-
width: 0
|
|
4924
|
+
width: 0,
|
|
4925
|
+
openAbove: false
|
|
4923
4926
|
});
|
|
4924
4927
|
const [from, to] = [value, ""];
|
|
4925
4928
|
(0, import_react21.useEffect)(() => {
|
|
@@ -4935,11 +4938,28 @@ var DateInput = (_a) => {
|
|
|
4935
4938
|
const updatePosition = () => {
|
|
4936
4939
|
if (rootRef.current) {
|
|
4937
4940
|
const rect = rootRef.current.getBoundingClientRect();
|
|
4938
|
-
|
|
4939
|
-
|
|
4940
|
-
|
|
4941
|
-
|
|
4942
|
-
|
|
4941
|
+
const viewportWidth = window.innerWidth;
|
|
4942
|
+
const viewportHeight = window.innerHeight;
|
|
4943
|
+
const calendarWidth = 340;
|
|
4944
|
+
const calendarHeight = 400;
|
|
4945
|
+
let viewportLeft = rect.left;
|
|
4946
|
+
if (viewportLeft + calendarWidth > viewportWidth) {
|
|
4947
|
+
viewportLeft = rect.right - calendarWidth;
|
|
4948
|
+
if (viewportLeft < 0) {
|
|
4949
|
+
viewportLeft = Math.max(0, (viewportWidth - calendarWidth) / 2);
|
|
4950
|
+
}
|
|
4951
|
+
}
|
|
4952
|
+
const left = viewportLeft + window.scrollX;
|
|
4953
|
+
const spaceBelow = viewportHeight - rect.bottom;
|
|
4954
|
+
const spaceAbove = rect.top;
|
|
4955
|
+
const openAbove = spaceBelow < calendarHeight && spaceAbove > spaceBelow;
|
|
4956
|
+
let top;
|
|
4957
|
+
if (openAbove) {
|
|
4958
|
+
top = rect.top + window.scrollY - calendarHeight - 4;
|
|
4959
|
+
} else {
|
|
4960
|
+
top = rect.bottom + window.scrollY + 4;
|
|
4961
|
+
}
|
|
4962
|
+
setCalendarPosition({ top, left, width: rect.width, openAbove });
|
|
4943
4963
|
}
|
|
4944
4964
|
};
|
|
4945
4965
|
(0, import_react21.useEffect)(() => {
|
|
@@ -5022,7 +5042,10 @@ var DateInput = (_a) => {
|
|
|
5022
5042
|
if (cursorPosition > 0 && value2[cursorPosition - 1] === sep) {
|
|
5023
5043
|
event.preventDefault();
|
|
5024
5044
|
const newValue = value2.slice(0, cursorPosition - 2) + value2.slice(cursorPosition);
|
|
5025
|
-
const formattedValue = formatInputValueWithDashes(
|
|
5045
|
+
const formattedValue = formatInputValueWithDashes(
|
|
5046
|
+
newValue,
|
|
5047
|
+
dateInDashes
|
|
5048
|
+
);
|
|
5026
5049
|
setInputValue(formattedValue);
|
|
5027
5050
|
requestAnimationFrame(() => {
|
|
5028
5051
|
if (triggerRef.current) {
|
|
@@ -5073,25 +5096,58 @@ var DateInput = (_a) => {
|
|
|
5073
5096
|
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
5074
5097
|
"div",
|
|
5075
5098
|
{
|
|
5076
|
-
className:
|
|
5099
|
+
className: (0, import_clsx21.default)(
|
|
5100
|
+
"fixed inset-0 z-50",
|
|
5101
|
+
isMobile && "overflow-y-auto bg-neutral-600/50"
|
|
5102
|
+
),
|
|
5077
5103
|
onClick: () => setVisible(false),
|
|
5078
5104
|
onMouseDown: (e) => {
|
|
5079
|
-
|
|
5105
|
+
if (!isMobile) {
|
|
5106
|
+
e.preventDefault();
|
|
5107
|
+
}
|
|
5080
5108
|
},
|
|
5081
5109
|
onWheel: (e) => {
|
|
5082
5110
|
var _a2;
|
|
5083
|
-
|
|
5084
|
-
|
|
5085
|
-
|
|
5111
|
+
if (!isMobile) {
|
|
5112
|
+
const scrollableParent = (_a2 = document.scrollingElement) != null ? _a2 : document.documentElement;
|
|
5113
|
+
scrollableParent.scrollTop += e.deltaY;
|
|
5114
|
+
scrollableParent.scrollLeft += e.deltaX;
|
|
5115
|
+
}
|
|
5086
5116
|
},
|
|
5087
5117
|
onTouchMove: (e) => {
|
|
5088
|
-
|
|
5118
|
+
if (!isMobile) {
|
|
5119
|
+
e.stopPropagation();
|
|
5120
|
+
}
|
|
5089
5121
|
},
|
|
5090
|
-
style: { touchAction: "pan-y pan-x" },
|
|
5091
|
-
"aria-hidden": "true"
|
|
5122
|
+
style: { touchAction: isMobile ? "auto" : "pan-y pan-x" },
|
|
5123
|
+
"aria-hidden": "true",
|
|
5124
|
+
children: isMobile && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "min-h-full flex items-start justify-center py-4 px-2", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
5125
|
+
"div",
|
|
5126
|
+
{
|
|
5127
|
+
ref: (el) => {
|
|
5128
|
+
popoverRef.current = el;
|
|
5129
|
+
},
|
|
5130
|
+
className: "bg-white rounded-base shadow-4 max-w-full",
|
|
5131
|
+
onClick: (e) => e.stopPropagation(),
|
|
5132
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
5133
|
+
CalendarRange,
|
|
5134
|
+
{
|
|
5135
|
+
id: id ? `${id}-calendar` : void 0,
|
|
5136
|
+
testid: testid ? `${testid}-calendar` : void 0,
|
|
5137
|
+
from,
|
|
5138
|
+
to: to || from,
|
|
5139
|
+
onChange: handleDateChange,
|
|
5140
|
+
cardStyle: true,
|
|
5141
|
+
mode: "single",
|
|
5142
|
+
disableRange: true,
|
|
5143
|
+
isDateAvailable
|
|
5144
|
+
}
|
|
5145
|
+
)
|
|
5146
|
+
}
|
|
5147
|
+
) })
|
|
5092
5148
|
}
|
|
5093
5149
|
),
|
|
5094
|
-
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
5150
|
+
!isMobile && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
5095
5151
|
"div",
|
|
5096
5152
|
{
|
|
5097
5153
|
ref: (el) => {
|
|
@@ -5099,7 +5155,7 @@ var DateInput = (_a) => {
|
|
|
5099
5155
|
},
|
|
5100
5156
|
className: "absolute z-50 bg-white",
|
|
5101
5157
|
style: {
|
|
5102
|
-
top: `${calendarPosition.top
|
|
5158
|
+
top: `${calendarPosition.top}px`,
|
|
5103
5159
|
left: `${calendarPosition.left}px`
|
|
5104
5160
|
},
|
|
5105
5161
|
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
@@ -5135,21 +5191,21 @@ function formatDisplayValue(from, dateInDashes) {
|
|
|
5135
5191
|
}
|
|
5136
5192
|
|
|
5137
5193
|
// src/components/Accordion.tsx
|
|
5138
|
-
var
|
|
5194
|
+
var import_clsx24 = __toESM(require("clsx"), 1);
|
|
5139
5195
|
|
|
5140
5196
|
// src/components/Card.tsx
|
|
5141
|
-
var
|
|
5197
|
+
var import_clsx22 = __toESM(require("clsx"), 1);
|
|
5142
5198
|
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
5143
5199
|
|
|
5144
5200
|
// src/components/Stack.tsx
|
|
5145
|
-
var
|
|
5201
|
+
var import_clsx23 = __toESM(require("clsx"), 1);
|
|
5146
5202
|
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
5147
5203
|
|
|
5148
5204
|
// src/components/Accordion.tsx
|
|
5149
5205
|
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
5150
5206
|
|
|
5151
5207
|
// src/components/Heading.tsx
|
|
5152
|
-
var
|
|
5208
|
+
var import_clsx25 = __toESM(require("clsx"), 1);
|
|
5153
5209
|
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
5154
5210
|
var Heading = (_a) => {
|
|
5155
5211
|
var _b = _a, {
|
|
@@ -5178,7 +5234,7 @@ var Heading = (_a) => {
|
|
|
5178
5234
|
__spreadProps(__spreadValues({
|
|
5179
5235
|
id,
|
|
5180
5236
|
"data-testid": testid,
|
|
5181
|
-
className: (0,
|
|
5237
|
+
className: (0, import_clsx25.default)(
|
|
5182
5238
|
typography[variant],
|
|
5183
5239
|
className,
|
|
5184
5240
|
align === "left" && "text-left",
|
|
@@ -5225,11 +5281,11 @@ var import_react25 = require("react");
|
|
|
5225
5281
|
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
5226
5282
|
|
|
5227
5283
|
// src/components/Modal.tsx
|
|
5228
|
-
var
|
|
5284
|
+
var import_clsx30 = __toESM(require("clsx"), 1);
|
|
5229
5285
|
var import_react27 = require("react");
|
|
5230
5286
|
|
|
5231
5287
|
// src/components/ModalHeader.tsx
|
|
5232
|
-
var
|
|
5288
|
+
var import_clsx26 = __toESM(require("clsx"), 1);
|
|
5233
5289
|
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
5234
5290
|
var ModalHeader = ({
|
|
5235
5291
|
title,
|
|
@@ -5249,7 +5305,7 @@ var ModalHeader = ({
|
|
|
5249
5305
|
{
|
|
5250
5306
|
id,
|
|
5251
5307
|
"data-testid": testid,
|
|
5252
|
-
className: (0,
|
|
5308
|
+
className: (0, import_clsx26.default)(
|
|
5253
5309
|
"flex justify-between items-center",
|
|
5254
5310
|
headerIconAlign === "center" && "justify-center",
|
|
5255
5311
|
headerIconAlign === "right" && "justify-end",
|
|
@@ -5259,7 +5315,7 @@ var ModalHeader = ({
|
|
|
5259
5315
|
headerClassname
|
|
5260
5316
|
),
|
|
5261
5317
|
children: [
|
|
5262
|
-
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: (0,
|
|
5318
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: (0, import_clsx26.default)("flex items-center flex-1", layoutGroupGap), children: [
|
|
5263
5319
|
headerIcon,
|
|
5264
5320
|
title && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
5265
5321
|
Title,
|
|
@@ -5282,7 +5338,7 @@ var ModalHeader = ({
|
|
|
5282
5338
|
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
5283
5339
|
"span",
|
|
5284
5340
|
{
|
|
5285
|
-
className: (0,
|
|
5341
|
+
className: (0, import_clsx26.default)(
|
|
5286
5342
|
"contents",
|
|
5287
5343
|
headerIconClassname != null ? headerIconClassname : "text-icon-primary-normal"
|
|
5288
5344
|
),
|
|
@@ -5298,7 +5354,7 @@ var ModalHeader = ({
|
|
|
5298
5354
|
ModalHeader.displayName = "ModalHeader";
|
|
5299
5355
|
|
|
5300
5356
|
// src/components/ModalContent.tsx
|
|
5301
|
-
var
|
|
5357
|
+
var import_clsx27 = __toESM(require("clsx"), 1);
|
|
5302
5358
|
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
5303
5359
|
function ModalContent({
|
|
5304
5360
|
fixedHeightScrolling,
|
|
@@ -5311,7 +5367,7 @@ function ModalContent({
|
|
|
5311
5367
|
{
|
|
5312
5368
|
id,
|
|
5313
5369
|
"data-testid": testid,
|
|
5314
|
-
className: (0,
|
|
5370
|
+
className: (0, import_clsx27.default)(
|
|
5315
5371
|
"flex-grow desktop:flex-grow-0",
|
|
5316
5372
|
layoutPaddding,
|
|
5317
5373
|
fixedHeightScrolling && "overflow-auto"
|
|
@@ -5323,7 +5379,7 @@ function ModalContent({
|
|
|
5323
5379
|
ModalContent.displayName = "ModalContent";
|
|
5324
5380
|
|
|
5325
5381
|
// src/components/ModalButtons.tsx
|
|
5326
|
-
var
|
|
5382
|
+
var import_clsx28 = __toESM(require("clsx"), 1);
|
|
5327
5383
|
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
5328
5384
|
var ModalButtons = ({
|
|
5329
5385
|
onClose,
|
|
@@ -5338,7 +5394,7 @@ var ModalButtons = ({
|
|
|
5338
5394
|
{
|
|
5339
5395
|
id,
|
|
5340
5396
|
"data-testid": testid,
|
|
5341
|
-
className: (0,
|
|
5397
|
+
className: (0, import_clsx28.default)(
|
|
5342
5398
|
"border-t border-neutral-300 flex justify-end",
|
|
5343
5399
|
mobileButtonStack && "flex-col ",
|
|
5344
5400
|
layoutPaddding,
|
|
@@ -5376,7 +5432,7 @@ var ModalButtons = ({
|
|
|
5376
5432
|
ModalButtons.displayName = "ModalButtons";
|
|
5377
5433
|
|
|
5378
5434
|
// src/components/ModalScrim.tsx
|
|
5379
|
-
var
|
|
5435
|
+
var import_clsx29 = __toESM(require("clsx"), 1);
|
|
5380
5436
|
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
5381
5437
|
var ModalScrim = ({
|
|
5382
5438
|
show = false,
|
|
@@ -5392,7 +5448,7 @@ var ModalScrim = ({
|
|
|
5392
5448
|
{
|
|
5393
5449
|
id,
|
|
5394
5450
|
"data-testid": testid,
|
|
5395
|
-
className: (0,
|
|
5451
|
+
className: (0, import_clsx29.default)(
|
|
5396
5452
|
"overflow-y-auto h-dvh transition-[visibility,opacity,background] ease-in-out duration-100 grid place-content-center group bg-neutral-600/50 fixed opacity-0",
|
|
5397
5453
|
!show && " pointer-events-none",
|
|
5398
5454
|
size === "small" && "p-4",
|
|
@@ -5613,7 +5669,7 @@ var Modal = ({
|
|
|
5613
5669
|
id,
|
|
5614
5670
|
"data-testid": testid,
|
|
5615
5671
|
ref: modalRef,
|
|
5616
|
-
className: (0,
|
|
5672
|
+
className: (0, import_clsx30.default)(
|
|
5617
5673
|
"shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0",
|
|
5618
5674
|
computedFixedHeightScrolling && size !== "screen" && "desktop:max-h-[calc(100vh-32px)] desktop:h-auto",
|
|
5619
5675
|
className,
|
|
@@ -5677,10 +5733,10 @@ var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
|
5677
5733
|
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
5678
5734
|
|
|
5679
5735
|
// src/components/MobileDataGrid/ColumnList.tsx
|
|
5680
|
-
var
|
|
5736
|
+
var import_clsx32 = __toESM(require("clsx"), 1);
|
|
5681
5737
|
|
|
5682
5738
|
// src/components/MobileDataGrid/MobileDataGridCard/index.tsx
|
|
5683
|
-
var
|
|
5739
|
+
var import_clsx31 = __toESM(require("clsx"), 1);
|
|
5684
5740
|
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
5685
5741
|
|
|
5686
5742
|
// src/components/MobileDataGrid/ColumnList.tsx
|
|
@@ -5700,7 +5756,7 @@ var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
|
5700
5756
|
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
5701
5757
|
|
|
5702
5758
|
// src/components/Grid.tsx
|
|
5703
|
-
var
|
|
5759
|
+
var import_clsx33 = __toESM(require("clsx"), 1);
|
|
5704
5760
|
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
5705
5761
|
|
|
5706
5762
|
// src/components/ProductImagePreview/ProductPrimaryImage.tsx
|
|
@@ -5711,7 +5767,7 @@ var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
|
5711
5767
|
var import_react31 = require("react");
|
|
5712
5768
|
|
|
5713
5769
|
// src/components/Surface.tsx
|
|
5714
|
-
var
|
|
5770
|
+
var import_clsx34 = __toESM(require("clsx"), 1);
|
|
5715
5771
|
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
5716
5772
|
var Surface = (_a) => {
|
|
5717
5773
|
var _b = _a, {
|
|
@@ -5729,7 +5785,7 @@ var Surface = (_a) => {
|
|
|
5729
5785
|
"div",
|
|
5730
5786
|
__spreadProps(__spreadValues({
|
|
5731
5787
|
id,
|
|
5732
|
-
className: (0,
|
|
5788
|
+
className: (0, import_clsx34.default)(
|
|
5733
5789
|
"rounded-base",
|
|
5734
5790
|
{
|
|
5735
5791
|
"shadow-2": elevation === 2,
|
|
@@ -5749,7 +5805,7 @@ Surface.displayName = "Surface";
|
|
|
5749
5805
|
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
5750
5806
|
|
|
5751
5807
|
// src/components/ProductImagePreview/CarouselPagination.tsx
|
|
5752
|
-
var
|
|
5808
|
+
var import_clsx35 = require("clsx");
|
|
5753
5809
|
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
5754
5810
|
|
|
5755
5811
|
// src/components/ProductImagePreview/MobileImageCarousel.tsx
|
|
@@ -5764,21 +5820,21 @@ var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
|
5764
5820
|
|
|
5765
5821
|
// src/components/CompactImagesPreview.tsx
|
|
5766
5822
|
var import_react34 = require("react");
|
|
5767
|
-
var
|
|
5823
|
+
var import_clsx36 = __toESM(require("clsx"), 1);
|
|
5768
5824
|
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
5769
5825
|
|
|
5770
5826
|
// src/components/SimpleTable.tsx
|
|
5771
|
-
var
|
|
5827
|
+
var import_clsx37 = __toESM(require("clsx"), 1);
|
|
5772
5828
|
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
5773
5829
|
|
|
5774
5830
|
// src/components/ListGroup.tsx
|
|
5775
5831
|
var import_react35 = require("react");
|
|
5776
|
-
var
|
|
5832
|
+
var import_clsx38 = __toESM(require("clsx"), 1);
|
|
5777
5833
|
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
5778
5834
|
|
|
5779
5835
|
// src/components/Pagination.tsx
|
|
5780
5836
|
var import_react36 = require("react");
|
|
5781
|
-
var
|
|
5837
|
+
var import_clsx39 = __toESM(require("clsx"), 1);
|
|
5782
5838
|
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
5783
5839
|
var Pagination = ({
|
|
5784
5840
|
totalPages,
|
|
@@ -5843,7 +5899,7 @@ var Pagination = ({
|
|
|
5843
5899
|
return tokens;
|
|
5844
5900
|
}, [totalPages, currentPage]);
|
|
5845
5901
|
if (totalPages <= 1) return null;
|
|
5846
|
-
const buttonClass = (0,
|
|
5902
|
+
const buttonClass = (0, import_clsx39.default)(
|
|
5847
5903
|
"cursor-pointer disabled:cursor-default",
|
|
5848
5904
|
paddingUsingComponentGap,
|
|
5849
5905
|
"w-8 h-8",
|
|
@@ -5861,7 +5917,7 @@ var Pagination = ({
|
|
|
5861
5917
|
"data-testid": testid,
|
|
5862
5918
|
"aria-label": "Pagination",
|
|
5863
5919
|
onKeyDown: handleKey,
|
|
5864
|
-
className: (0,
|
|
5920
|
+
className: (0, import_clsx39.default)(
|
|
5865
5921
|
"flex items-center",
|
|
5866
5922
|
"border border-border-primary-normal",
|
|
5867
5923
|
"bg-background-grouped-primary-normal",
|
|
@@ -5875,11 +5931,11 @@ var Pagination = ({
|
|
|
5875
5931
|
disabled: disabled || currentPage <= 1,
|
|
5876
5932
|
"aria-label": "Previous page",
|
|
5877
5933
|
onClick: () => goTo(currentPage - 1),
|
|
5878
|
-
className: (0,
|
|
5934
|
+
className: (0, import_clsx39.default)(buttonClass, "border-r-1 border-border-primary-normal"),
|
|
5879
5935
|
children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { name: "keyboard_arrow_left" })
|
|
5880
5936
|
}
|
|
5881
5937
|
),
|
|
5882
|
-
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("ul", { className: (0,
|
|
5938
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("ul", { className: (0, import_clsx39.default)("flex items-center"), children: pageTokens.map((token, index) => {
|
|
5883
5939
|
if (token === "ellipsis") {
|
|
5884
5940
|
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
5885
5941
|
"li",
|
|
@@ -5898,7 +5954,7 @@ var Pagination = ({
|
|
|
5898
5954
|
"aria-current": selected ? "page" : void 0,
|
|
5899
5955
|
disabled,
|
|
5900
5956
|
onClick: () => goTo(token),
|
|
5901
|
-
className: (0,
|
|
5957
|
+
className: (0, import_clsx39.default)(
|
|
5902
5958
|
buttonClass,
|
|
5903
5959
|
selected && "border-x-1 bg-background-grouped-secondary-normal border-border-primary-normal"
|
|
5904
5960
|
),
|
|
@@ -5912,7 +5968,7 @@ var Pagination = ({
|
|
|
5912
5968
|
disabled: disabled || currentPage >= totalPages,
|
|
5913
5969
|
"aria-label": "Next page",
|
|
5914
5970
|
onClick: () => goTo(currentPage + 1),
|
|
5915
|
-
className: (0,
|
|
5971
|
+
className: (0, import_clsx39.default)(buttonClass, "border-l-1 border-border-primary-normal"),
|
|
5916
5972
|
children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { name: "keyboard_arrow_right" })
|
|
5917
5973
|
}
|
|
5918
5974
|
)
|
|
@@ -5933,7 +5989,7 @@ var import_react37 = require("react");
|
|
|
5933
5989
|
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
5934
5990
|
|
|
5935
5991
|
// src/components/Alert.tsx
|
|
5936
|
-
var
|
|
5992
|
+
var import_clsx40 = __toESM(require("clsx"), 1);
|
|
5937
5993
|
var import_react38 = require("react");
|
|
5938
5994
|
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
5939
5995
|
|
|
@@ -5946,10 +6002,10 @@ var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
|
5946
6002
|
var EditingContext = (0, import_react39.createContext)(null);
|
|
5947
6003
|
|
|
5948
6004
|
// src/components/AccessCard.tsx
|
|
5949
|
-
var
|
|
6005
|
+
var import_clsx42 = __toESM(require("clsx"), 1);
|
|
5950
6006
|
|
|
5951
6007
|
// src/components/Radio.tsx
|
|
5952
|
-
var
|
|
6008
|
+
var import_clsx41 = __toESM(require("clsx"), 1);
|
|
5953
6009
|
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
5954
6010
|
var Radio = (_a) => {
|
|
5955
6011
|
var _b = _a, {
|
|
@@ -5973,16 +6029,16 @@ var Radio = (_a) => {
|
|
|
5973
6029
|
]);
|
|
5974
6030
|
const radioId = id;
|
|
5975
6031
|
const paragraphColor = disabled ? "text-primary-disabled" : error ? "text-primary-error" : "text-primary-normal";
|
|
5976
|
-
const defaultClassName = (0,
|
|
6032
|
+
const defaultClassName = (0, import_clsx41.default)(
|
|
5977
6033
|
!error && !disabled && "border-border-primary-normal peer-hover:border-border-action-hover peer-hover:bg-background-action-secondary-hover peer-focus:border-border-action-hover peer-focus:bg-background-action-secondary-hover peer-active:border-border-action-active peer-active:bg-background-action-secondary-active peer-checked:border-0 peer-checked:bg-background-action-secondary-hover"
|
|
5978
6034
|
);
|
|
5979
|
-
const errorClassName = (0,
|
|
6035
|
+
const errorClassName = (0, import_clsx41.default)(
|
|
5980
6036
|
error && !disabled && "border-border-action-critical-normal peer-hover:border-border-action-critical-hover peer-hover:bg-background-action-critical-secondary-hover peer-focus:border-border-action-critical-hover peer-focus:bg-background-action-critical-secondary-hover peer-active:border-border-action-critical-active peer-active:bg-background-action-secondary-active peer-checked:bg-background-action-critical-secondary-hover peer-checked:border-0 "
|
|
5981
6037
|
);
|
|
5982
|
-
const disabledClassName = (0,
|
|
6038
|
+
const disabledClassName = (0, import_clsx41.default)(
|
|
5983
6039
|
disabled && "peer-disabled:bg-background-action-secondary-disabled peer-disabled:border-border-primary-normal peer-checked:border-0"
|
|
5984
6040
|
);
|
|
5985
|
-
const readonlyClassName = (0,
|
|
6041
|
+
const readonlyClassName = (0, import_clsx41.default)(
|
|
5986
6042
|
readOnly && "peer-read-only:bg-background-action-secondary-disabled peer-read-only:border-border-primary-normal peer-checked:border-0"
|
|
5987
6043
|
);
|
|
5988
6044
|
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
@@ -5990,7 +6046,7 @@ var Radio = (_a) => {
|
|
|
5990
6046
|
{
|
|
5991
6047
|
htmlFor: radioId,
|
|
5992
6048
|
"data-testid": testid,
|
|
5993
|
-
className: (0,
|
|
6049
|
+
className: (0, import_clsx41.default)(
|
|
5994
6050
|
"flex items-center",
|
|
5995
6051
|
componentGap,
|
|
5996
6052
|
disabled ? "cursor-default" : "cursor-pointer",
|
|
@@ -6013,7 +6069,7 @@ var Radio = (_a) => {
|
|
|
6013
6069
|
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
6014
6070
|
"div",
|
|
6015
6071
|
{
|
|
6016
|
-
className: (0,
|
|
6072
|
+
className: (0, import_clsx41.default)(
|
|
6017
6073
|
"size-6 rounded-full border flex items-center justify-center",
|
|
6018
6074
|
baseTransition,
|
|
6019
6075
|
defaultClassName,
|
|
@@ -6024,7 +6080,7 @@ var Radio = (_a) => {
|
|
|
6024
6080
|
children: checked && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
6025
6081
|
RadioIcon,
|
|
6026
6082
|
{
|
|
6027
|
-
className: (0,
|
|
6083
|
+
className: (0, import_clsx41.default)(
|
|
6028
6084
|
"transition-colors",
|
|
6029
6085
|
!error && !disabled && "text-icon-on-action-secondary-normal hover:text-icon-on-action-secondary-hover active:text-icon-on-action-secondary-active peer-hover:text-icon-on-action-secondary-hover peer-focus:text-icon-on-action-secondary-hover peer-active:text-icon-on-action-secondary-active",
|
|
6030
6086
|
error && !disabled && "text-icon-action-critical-secondary-normal hover:text-icon-action-critical-secondary-hover active:text-icon-action-critical-secondary-active peer-hover:text-icon-action-critical-secondary-hover peer-focus:text-icon-action-critical-secondary-hover peer-active:text-icon-action-critical-secondary-active",
|
|
@@ -6076,7 +6132,7 @@ RadioIcon.displayName = "RadioIcon";
|
|
|
6076
6132
|
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
6077
6133
|
|
|
6078
6134
|
// src/components/AccessCardGroup.tsx
|
|
6079
|
-
var
|
|
6135
|
+
var import_clsx43 = __toESM(require("clsx"), 1);
|
|
6080
6136
|
var import_react40 = require("react");
|
|
6081
6137
|
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
6082
6138
|
|
|
@@ -6091,9 +6147,9 @@ var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
|
6091
6147
|
var import_react41 = require("react");
|
|
6092
6148
|
|
|
6093
6149
|
// src/components/EmblaCarousel/ArrowButtons.tsx
|
|
6094
|
-
var
|
|
6150
|
+
var import_clsx44 = __toESM(require("clsx"), 1);
|
|
6095
6151
|
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
6096
|
-
var arrowButtonStyles = (0,
|
|
6152
|
+
var arrowButtonStyles = (0, import_clsx44.default)(
|
|
6097
6153
|
"appearance-none bg-transparent border cursor-pointer p-2 flex items-center justify-center size-9 rounded-full transition-colors duration-300 ease-in-out"
|
|
6098
6154
|
);
|
|
6099
6155
|
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
LoadingCell
|
|
3
|
-
} from "../../../chunk-
|
|
3
|
+
} from "../../../chunk-ZXP2GIWZ.js";
|
|
4
|
+
import "../../../chunk-M7INAUAJ.js";
|
|
4
5
|
import "../../../chunk-4DPSNQCM.js";
|
|
5
6
|
import "../../../chunk-Q4YDNW7N.js";
|
|
6
|
-
import "../../../chunk-M7INAUAJ.js";
|
|
7
7
|
import "../../../chunk-KOKA2IJC.js";
|
|
8
8
|
import "../../../chunk-MBZ55T2D.js";
|
|
9
9
|
import "../../../chunk-2IKT6IHB.js";
|
|
@@ -15,8 +15,8 @@ import "../../../chunk-3N34VVYD.js";
|
|
|
15
15
|
import "../../../chunk-B4AE3DCA.js";
|
|
16
16
|
import "../../../chunk-FP3Y5JJN.js";
|
|
17
17
|
import "../../../chunk-5IFPG6TS.js";
|
|
18
|
-
import "../../../chunk-6EYMKEJ6.js";
|
|
19
18
|
import "../../../chunk-AJ5M6MVX.js";
|
|
19
|
+
import "../../../chunk-6EYMKEJ6.js";
|
|
20
20
|
import "../../../chunk-YV5FS7NV.js";
|
|
21
21
|
import "../../../chunk-Z2HPSFEQ.js";
|
|
22
22
|
import "../../../chunk-AT4AWD6B.js";
|