smartsell-ui-kit 0.1.16 → 0.1.17
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/README.md +14 -0
- package/dist/index.cjs +14 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +14 -4
- package/dist/index.js.map +1 -1
- package/dist/{types-ENHTzCG6.d.cts → types-goI3n5Qz.d.cts} +3 -1
- package/dist/{types-ENHTzCG6.d.ts → types-goI3n5Qz.d.ts} +3 -1
- package/dist/types.d.cts +1 -1
- package/dist/types.d.ts +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { C as ControlSize } from './types-
|
|
2
|
-
export { B as Button, a as ButtonProps, b as Card, c as CardProps, d as CardSmall, e as CardSmallProps, f as Checkbox, g as CheckboxProps, h as ComposableModal, i as ComposableModalProps, j as ComposableModalSlotRenderProps, k as ComposableModalSlotRenderer, D as DatePicker, l as DatePickerChangeContext, m as DatePickerChangeReason, n as DatePickerMode, o as DatePickerProps, p as DatePickerValue, I as Input, q as InputProps, M as Modal, r as ModalAction, s as ModalProps, t as ModalSlotContext, u as ModalSlotIds, v as ModalTheme, w as ModalThemeSource, S as Select, x as SelectAsync, y as SelectAsyncLoadContext, z as SelectAsyncLoadResult, A as SelectAsyncOption, E as SelectAsyncOptionValue, F as SelectAsyncProps, G as SelectProps, H as Separator, J as SeparatorOrientation, K as SeparatorProps, L as SharedTableProps, N as StandardModalProps, T as Table, O as TableAction, P as TableActionSource, Q as TableActionTone, R as TableAsync, U as TableAsyncLoadContext, V as TableAsyncLoadResult, W as TableAsyncProps, X as TableColumn, Y as TableColumnAlign, Z as TableColumnType, _ as TableLabels, $ as TableProps, a0 as
|
|
1
|
+
import { C as ControlSize } from './types-goI3n5Qz.cjs';
|
|
2
|
+
export { B as Button, a as ButtonProps, b as Card, c as CardProps, d as CardSmall, e as CardSmallProps, f as Checkbox, g as CheckboxProps, h as ComposableModal, i as ComposableModalProps, j as ComposableModalSlotRenderProps, k as ComposableModalSlotRenderer, D as DatePicker, l as DatePickerChangeContext, m as DatePickerChangeReason, n as DatePickerMode, o as DatePickerProps, p as DatePickerValue, I as Input, q as InputProps, M as Modal, r as ModalAction, s as ModalProps, t as ModalSlotContext, u as ModalSlotIds, v as ModalTheme, w as ModalThemeSource, S as Select, x as SelectAsync, y as SelectAsyncLoadContext, z as SelectAsyncLoadResult, A as SelectAsyncOption, E as SelectAsyncOptionValue, F as SelectAsyncProps, G as SelectProps, H as Separator, J as SeparatorOrientation, K as SeparatorProps, L as SharedTableProps, N as StandardModalProps, T as Table, O as TableAction, P as TableActionSource, Q as TableActionTone, R as TableAsync, U as TableAsyncLoadContext, V as TableAsyncLoadResult, W as TableAsyncProps, X as TableColumn, Y as TableColumnAlign, Z as TableColumnType, _ as TableLabels, $ as TableProps, a0 as TableRowClickHandler, a1 as Textarea, a2 as TextareaProps, a3 as UiKitTheme, a4 as createModalSlotIds, a5 as useUiKitTheme } from './types-goI3n5Qz.cjs';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
import { HTMLAttributes, CSSProperties } from 'react';
|
|
5
5
|
import 'smartsell-theme';
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { C as ControlSize } from './types-
|
|
2
|
-
export { B as Button, a as ButtonProps, b as Card, c as CardProps, d as CardSmall, e as CardSmallProps, f as Checkbox, g as CheckboxProps, h as ComposableModal, i as ComposableModalProps, j as ComposableModalSlotRenderProps, k as ComposableModalSlotRenderer, D as DatePicker, l as DatePickerChangeContext, m as DatePickerChangeReason, n as DatePickerMode, o as DatePickerProps, p as DatePickerValue, I as Input, q as InputProps, M as Modal, r as ModalAction, s as ModalProps, t as ModalSlotContext, u as ModalSlotIds, v as ModalTheme, w as ModalThemeSource, S as Select, x as SelectAsync, y as SelectAsyncLoadContext, z as SelectAsyncLoadResult, A as SelectAsyncOption, E as SelectAsyncOptionValue, F as SelectAsyncProps, G as SelectProps, H as Separator, J as SeparatorOrientation, K as SeparatorProps, L as SharedTableProps, N as StandardModalProps, T as Table, O as TableAction, P as TableActionSource, Q as TableActionTone, R as TableAsync, U as TableAsyncLoadContext, V as TableAsyncLoadResult, W as TableAsyncProps, X as TableColumn, Y as TableColumnAlign, Z as TableColumnType, _ as TableLabels, $ as TableProps, a0 as
|
|
1
|
+
import { C as ControlSize } from './types-goI3n5Qz.js';
|
|
2
|
+
export { B as Button, a as ButtonProps, b as Card, c as CardProps, d as CardSmall, e as CardSmallProps, f as Checkbox, g as CheckboxProps, h as ComposableModal, i as ComposableModalProps, j as ComposableModalSlotRenderProps, k as ComposableModalSlotRenderer, D as DatePicker, l as DatePickerChangeContext, m as DatePickerChangeReason, n as DatePickerMode, o as DatePickerProps, p as DatePickerValue, I as Input, q as InputProps, M as Modal, r as ModalAction, s as ModalProps, t as ModalSlotContext, u as ModalSlotIds, v as ModalTheme, w as ModalThemeSource, S as Select, x as SelectAsync, y as SelectAsyncLoadContext, z as SelectAsyncLoadResult, A as SelectAsyncOption, E as SelectAsyncOptionValue, F as SelectAsyncProps, G as SelectProps, H as Separator, J as SeparatorOrientation, K as SeparatorProps, L as SharedTableProps, N as StandardModalProps, T as Table, O as TableAction, P as TableActionSource, Q as TableActionTone, R as TableAsync, U as TableAsyncLoadContext, V as TableAsyncLoadResult, W as TableAsyncProps, X as TableColumn, Y as TableColumnAlign, Z as TableColumnType, _ as TableLabels, $ as TableProps, a0 as TableRowClickHandler, a1 as Textarea, a2 as TextareaProps, a3 as UiKitTheme, a4 as createModalSlotIds, a5 as useUiKitTheme } from './types-goI3n5Qz.js';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
import { HTMLAttributes, CSSProperties } from 'react';
|
|
5
5
|
import 'smartsell-theme';
|
package/dist/index.js
CHANGED
|
@@ -4436,7 +4436,8 @@ function OverflowMenu({ label, children }) {
|
|
|
4436
4436
|
"aria-label": label,
|
|
4437
4437
|
"aria-haspopup": "menu",
|
|
4438
4438
|
"aria-expanded": isOpen,
|
|
4439
|
-
onClick: () => {
|
|
4439
|
+
onClick: (event) => {
|
|
4440
|
+
event.stopPropagation();
|
|
4440
4441
|
if (!isOpen) {
|
|
4441
4442
|
updateMenuPosition();
|
|
4442
4443
|
}
|
|
@@ -4491,6 +4492,7 @@ function TableBase({
|
|
|
4491
4492
|
desktopColumns,
|
|
4492
4493
|
mobileColumns,
|
|
4493
4494
|
getRowId: getCustomRowId,
|
|
4495
|
+
onRowClick,
|
|
4494
4496
|
actions,
|
|
4495
4497
|
stickyActionsColumn = true,
|
|
4496
4498
|
maxInlineActions = DEFAULT_MAX_INLINE_ACTIONS,
|
|
@@ -4580,6 +4582,7 @@ function TableBase({
|
|
|
4580
4582
|
ariaLabel,
|
|
4581
4583
|
normalizedPage
|
|
4582
4584
|
);
|
|
4585
|
+
const hasRowClick = Boolean(onRowClick);
|
|
4583
4586
|
const shouldStickActionsColumn = Boolean(actions) && stickyActionsColumn;
|
|
4584
4587
|
const getStickyActionsCellStyle = (backgroundColor, backgroundImage, isHeader = false) => ({
|
|
4585
4588
|
position: "sticky",
|
|
@@ -4648,7 +4651,8 @@ function TableBase({
|
|
|
4648
4651
|
disabled,
|
|
4649
4652
|
title: action.label,
|
|
4650
4653
|
"aria-label": action.label,
|
|
4651
|
-
onClick: () => {
|
|
4654
|
+
onClick: (event) => {
|
|
4655
|
+
event.stopPropagation();
|
|
4652
4656
|
if (disabled) {
|
|
4653
4657
|
return;
|
|
4654
4658
|
}
|
|
@@ -4822,8 +4826,10 @@ function TableBase({
|
|
|
4822
4826
|
"flex min-w-0 flex-col rounded-[20px]",
|
|
4823
4827
|
rowActions ? "gap-1" : "gap-2.5",
|
|
4824
4828
|
"border-[3px] border-solid border-[var(--theme-background)] bg-[var(--theme-surface)]",
|
|
4825
|
-
"px-3.5 py-3 shadow-none"
|
|
4829
|
+
"px-3.5 py-3 shadow-none",
|
|
4830
|
+
hasRowClick ? "cursor-pointer" : ""
|
|
4826
4831
|
].join(" "),
|
|
4832
|
+
onClick: onRowClick ? () => onRowClick(item, rowIndex) : void 0,
|
|
4827
4833
|
children: [
|
|
4828
4834
|
/* @__PURE__ */ jsx14(
|
|
4829
4835
|
"div",
|
|
@@ -4990,7 +4996,11 @@ function TableBase({
|
|
|
4990
4996
|
return /* @__PURE__ */ jsxs11(
|
|
4991
4997
|
"tr",
|
|
4992
4998
|
{
|
|
4993
|
-
className:
|
|
4999
|
+
className: [
|
|
5000
|
+
isAlternateRow ? "bg-[var(--theme-background)]" : "bg-[var(--theme-surface)]",
|
|
5001
|
+
hasRowClick ? "cursor-pointer" : ""
|
|
5002
|
+
].join(" "),
|
|
5003
|
+
onClick: onRowClick ? () => onRowClick(item, rowIndex) : void 0,
|
|
4994
5004
|
children: [
|
|
4995
5005
|
desktopColumns.map((column, columnIndex) => {
|
|
4996
5006
|
return renderDesktopCell(
|