@lanaco/lnc-react-ui 3.11.18 → 3.11.20

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.
Files changed (3) hide show
  1. package/lib/index.esm.js +58 -40
  2. package/lib/index.js +58 -40
  3. package/package.json +1 -1
package/lib/index.esm.js CHANGED
@@ -48057,14 +48057,27 @@ var DetailsView = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
48057
48057
  props.className;
48058
48058
  props.style;
48059
48059
  var color = props.color,
48060
- size = props.size;
48061
- props.children;
48062
- var rest = _objectWithoutProperties$1(props, _excluded$Y);
48060
+ size = props.size,
48061
+ children = props.children,
48062
+ rest = _objectWithoutProperties$1(props, _excluded$Y);
48063
48063
  var theme = useTheme$1();
48064
48064
  var handleGoBack = function handleGoBack(e, data) {
48065
48065
  if (goToPreviousView) goToPreviousView();
48066
48066
  goBack(e, data);
48067
48067
  };
48068
+ var renderChildren = function renderChildren() {
48069
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children || /*#__PURE__*/React__default.createElement(FlexGrid, _extends$4({
48070
+ spacing: 10
48071
+ }, flexGridProps), fields.map(function (item, i) {
48072
+ return /*#__PURE__*/React__default.createElement(FlexGridItem, _extends$4({
48073
+ key: i
48074
+ }, item), /*#__PURE__*/React__default.createElement(Label$2, {
48075
+ key: i,
48076
+ color: color,
48077
+ size: size
48078
+ }, item.label, ":"), data[item.accessor]);
48079
+ })));
48080
+ };
48068
48081
  return /*#__PURE__*/React__default.createElement(StyledDetailsView, _extends$4({
48069
48082
  ref: ref,
48070
48083
  theme: theme,
@@ -48084,17 +48097,7 @@ var DetailsView = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
48084
48097
  disabled: disableGoBack,
48085
48098
  color: color,
48086
48099
  size: size
48087
- }), /*#__PURE__*/React__default.createElement(FlexGrid, _extends$4({
48088
- spacing: 10
48089
- }, flexGridProps), fields.map(function (item, i) {
48090
- return /*#__PURE__*/React__default.createElement(FlexGridItem, _extends$4({
48091
- key: i
48092
- }, item), /*#__PURE__*/React__default.createElement(Label$2, {
48093
- key: i,
48094
- color: color,
48095
- size: size
48096
- }, item.label, ":"), data[item.accessor]);
48097
- })), /*#__PURE__*/React__default.createElement(StyledToolbar$3, null, /*#__PURE__*/React__default.createElement("div", null, showNext && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button, {
48100
+ }), renderChildren(), /*#__PURE__*/React__default.createElement(StyledToolbar$3, null, /*#__PURE__*/React__default.createElement("div", null, showNext && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button, {
48098
48101
  btnType: "outline",
48099
48102
  icon: "angle-left",
48100
48103
  disabled: disablePrevious,
@@ -54765,14 +54768,29 @@ var FormView = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
54765
54768
  props.className;
54766
54769
  props.style;
54767
54770
  var color = props.color,
54768
- size = props.size;
54769
- props.children;
54770
- var rest = _objectWithoutProperties$1(props, _excluded$R);
54771
+ size = props.size,
54772
+ children = props.children,
54773
+ rest = _objectWithoutProperties$1(props, _excluded$R);
54771
54774
  var theme = useTheme$1();
54772
54775
  var handleGoBack = function handleGoBack(e, data) {
54773
54776
  if (goToPreviousView) goToPreviousView();
54774
54777
  goBack(e, data);
54775
54778
  };
54779
+ var renderChildren = function renderChildren() {
54780
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children || /*#__PURE__*/React__default.createElement(FlexGrid, _extends$4({
54781
+ spacing: 10
54782
+ }, flexGridProps), fields.map(function (item, i) {
54783
+ return /*#__PURE__*/React__default.createElement(FlexGridItem, _extends$4({
54784
+ key: i
54785
+ }, item), /*#__PURE__*/React__default.createElement(FormField, {
54786
+ key: i,
54787
+ label: item.label,
54788
+ text: errors[item.accessor],
54789
+ color: errors[item.accessor] ? "danger" : color,
54790
+ size: size
54791
+ }, item.type == "custom" ? item.element : getInput(item.type, item.inputProps, item.accessor, data[item.accessor], errors[item.accessor] ? "danger" : color, size)));
54792
+ })));
54793
+ };
54776
54794
  return /*#__PURE__*/React__default.createElement(StyledFormView, _extends$4({
54777
54795
  ref: ref,
54778
54796
  theme: theme,
@@ -54791,19 +54809,7 @@ var FormView = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
54791
54809
  return handleGoBack(e, data);
54792
54810
  },
54793
54811
  disabled: disableGoBack
54794
- }), /*#__PURE__*/React__default.createElement(FlexGrid, _extends$4({
54795
- spacing: 10
54796
- }, flexGridProps), fields.map(function (item, i) {
54797
- return /*#__PURE__*/React__default.createElement(FlexGridItem, _extends$4({
54798
- key: i
54799
- }, item), /*#__PURE__*/React__default.createElement(FormField, {
54800
- key: i,
54801
- label: item.label,
54802
- text: errors[item.accessor],
54803
- color: errors[item.accessor] ? "danger" : color,
54804
- size: size
54805
- }, item.type == "custom" ? item.element : getInput(item.type, item.inputProps, item.accessor, data[item.accessor], errors[item.accessor] ? "danger" : color, size)));
54806
- })), /*#__PURE__*/React__default.createElement(StyledToolbar$2, null, /*#__PURE__*/React__default.createElement("div", null, nextActive && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button, {
54812
+ }), renderChildren(), /*#__PURE__*/React__default.createElement(StyledToolbar$2, null, /*#__PURE__*/React__default.createElement("div", null, nextActive && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button, {
54807
54813
  btnType: "outline",
54808
54814
  icon: "angle-left",
54809
54815
  disabled: disablePrevious,
@@ -72791,7 +72797,7 @@ KanbanView.propTypes = {
72791
72797
  color: PropTypes.oneOf(["primary", "secondary", "success", "danger", "warning", "information", "neutral", "gray"])
72792
72798
  };
72793
72799
 
72794
- var _excluded$D = ["showCreate", "enableCreate", "createText", "showEdit", "enableEditOnSelection", "editText", "showDelete", "enableDeleteOnSelection", "deleteText", "showCopy", "enableCopyOnSelection", "copyText", "actionsText", "customActions", "selectedRowsLength", "readOnly", "onCreate", "onEdit", "onDelete", "onCopy", "className", "style", "color", "size"];
72800
+ var _excluded$D = ["showCreate", "enableCreate", "createText", "showEdit", "enableEditOnSelection", "editText", "showDelete", "enableDeleteOnSelection", "deleteText", "showCopy", "enableCopyOnSelection", "copyText", "actionsText", "customActions", "selectedRowsLength", "readOnly", "actionDropdownProps", "actionsDropdownZIndex", "onCreate", "onEdit", "onDelete", "onCopy", "className", "style", "color", "size"];
72795
72801
  var _templateObject$A;
72796
72802
  var StyledToolbar = newStyled.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n border-radius: 8px;\n padding: 6px;\n margin-bottom: 12px;\n font-weight: 700;\n font-size: 0.875rem;\n color: rgba(15, 23, 42, 100%);\n background-color: ", ";\n border: ", ";\n gap: 6px;\n justify-content: space-between;\n & > div {\n display: flex;\n gap: 0.5rem;\n }\n}\n"])), function (props) {
72797
72803
  return getColorRgbaValue(props.theme, "Toolbar", props.color, "enabled", "background", "backgroundOpacity");
@@ -72815,6 +72821,8 @@ var ActionsToolbar = /*#__PURE__*/React__default.forwardRef(function (props, ref
72815
72821
  customActions = props.customActions,
72816
72822
  selectedRowsLength = props.selectedRowsLength,
72817
72823
  readOnly = props.readOnly,
72824
+ actionDropdownProps = props.actionDropdownProps,
72825
+ actionsDropdownZIndex = props.actionsDropdownZIndex,
72818
72826
  onCreate = props.onCreate,
72819
72827
  onEdit = props.onEdit,
72820
72828
  onDelete = props.onDelete,
@@ -72830,7 +72838,7 @@ var ActionsToolbar = /*#__PURE__*/React__default.forwardRef(function (props, ref
72830
72838
  ref: ref,
72831
72839
  theme: theme,
72832
72840
  color: color,
72833
- className: className,
72841
+ className: "lnc-table-view-actions-toolbar ".concat(className),
72834
72842
  style: style
72835
72843
  }, rest), /*#__PURE__*/React__default.createElement("div", null, showCreate && readOnly == false && /*#__PURE__*/React__default.createElement(Button$1, {
72836
72844
  leadingIcon: "plus",
@@ -72842,9 +72850,12 @@ var ActionsToolbar = /*#__PURE__*/React__default.forwardRef(function (props, ref
72842
72850
  disabled: !enableCreate,
72843
72851
  onClick: onCreate,
72844
72852
  text: createText
72845
- })), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(DropdownMenu, {
72853
+ })), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(DropdownMenu, _extends$4({
72854
+ className: "lnc-table-view-actions-toolbar-dropdown",
72846
72855
  color: color,
72847
72856
  size: size,
72857
+ actionsDropdownZIndex: actionsDropdownZIndex
72858
+ }, actionDropdownProps, {
72848
72859
  control: /*#__PURE__*/React__default.createElement(Button$1, {
72849
72860
  text: actionsText,
72850
72861
  btnType: "outline",
@@ -72853,23 +72864,23 @@ var ActionsToolbar = /*#__PURE__*/React__default.forwardRef(function (props, ref
72853
72864
  size: size,
72854
72865
  type: "button"
72855
72866
  })
72856
- }, showCopy && readOnly == false && /*#__PURE__*/React__default.createElement(DropdownItem, {
72867
+ }), showCopy && readOnly == false && /*#__PURE__*/React__default.createElement(DropdownItem, {
72857
72868
  icon: "copy",
72858
- disabled: !(enableCopyOnSelection && selectedRowsLength == 1),
72869
+ disabled: !(enableCopyOnSelection && selectedRowsLength > 1),
72859
72870
  onClick: onCopy
72860
72871
  }, copyText), showEdit && readOnly == false && /*#__PURE__*/React__default.createElement(DropdownItem, {
72861
72872
  icon: "pen",
72862
- disabled: !(enableEditOnSelection && selectedRowsLength == 1),
72873
+ disabled: !(enableEditOnSelection && selectedRowsLength > 1),
72863
72874
  onClick: onEdit
72864
72875
  }, editText), showDelete && readOnly == false && /*#__PURE__*/React__default.createElement(DropdownItem, {
72865
72876
  icon: "trash",
72866
- disabled: !(enableDeleteOnSelection && selectedRowsLength == 1),
72877
+ disabled: !(enableDeleteOnSelection && selectedRowsLength > 1),
72867
72878
  onClick: onDelete
72868
72879
  }, deleteText), /*#__PURE__*/React__default.createElement(Separator$1, null), customActions === null || customActions === void 0 ? void 0 : customActions.map(function (action, index) {
72869
72880
  if ((action === null || action === void 0 ? void 0 : action.show) != false) return /*#__PURE__*/React__default.createElement(DropdownItem, {
72870
72881
  key: index,
72871
72882
  icon: action.icon,
72872
- disabled: !(action.enableOnSelection == true && selectedRowsLength == 1 || action.enable == true && action.enableOnSelection == false),
72883
+ disabled: !(action.enableOnSelection == true && selectedRowsLength > 1 || action.enable == true && action.enableOnSelection == false),
72873
72884
  onClick: action.onAction
72874
72885
  }, action.name);
72875
72886
  }))));
@@ -73226,7 +73237,7 @@ Pagination.propTypes = {
73226
73237
  color: PropTypes.oneOf(["primary", "secondary", "success", "warning", "danger", "information", "neutral", "gray"])
73227
73238
  };
73228
73239
 
73229
- var _excluded$C = ["__TYPE__", "goToPreviousView", "tableProps", "paginationProps", "actionsToolbarProps", "rowsSingleSelect", "rowsMultiSelect", "loading", "showCreate", "enableCreate", "enableDetails", "showEdit", "enableEditOnSelection", "showDelete", "enableDeleteOnSelection", "showCopy", "enableCopyOnSelection", "customActions", "pagination", "readOnly", "onCreate", "onEdit", "onDelete", "onDetails", "onCopy", "onFilter", "onSort", "onPageChange", "className", "style", "size", "color", "children"];
73240
+ var _excluded$C = ["__TYPE__", "goToPreviousView", "tableProps", "paginationProps", "actionsToolbarProps", "rowsSingleSelect", "rowsMultiSelect", "loading", "showCreate", "enableCreate", "enableDetails", "showEdit", "enableEditOnSelection", "showDelete", "enableDeleteOnSelection", "showCopy", "enableCopyOnSelection", "customActions", "pagination", "readOnly", "actionsDropdownZIndex", "actionDropdownProps", "onCreate", "onEdit", "onDelete", "onDetails", "onCopy", "onFilter", "onSort", "onPageChange", "onEmptyRowsSelection", "className", "style", "size", "color", "children"];
73230
73241
  var _templateObject$x, _TableView$defaultPro;
73231
73242
  function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
73232
73243
  function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$y(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -73252,6 +73263,8 @@ var TableView = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
73252
73263
  customActions = props.customActions,
73253
73264
  pagination = props.pagination,
73254
73265
  readOnly = props.readOnly,
73266
+ actionsDropdownZIndex = props.actionsDropdownZIndex,
73267
+ actionDropdownProps = props.actionDropdownProps,
73255
73268
  onCreate = props.onCreate,
73256
73269
  onEdit = props.onEdit,
73257
73270
  onDelete = props.onDelete,
@@ -73260,6 +73273,7 @@ var TableView = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
73260
73273
  props.onFilter;
73261
73274
  props.onSort;
73262
73275
  var onPageChange = props.onPageChange;
73276
+ props.onEmptyRowsSelection;
73263
73277
  props.className;
73264
73278
  props.style;
73265
73279
  var size = props.size,
@@ -73312,9 +73326,11 @@ var TableView = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
73312
73326
  };
73313
73327
  var handleEdit = function handleEdit(e) {
73314
73328
  onEdit(selectedRows, e);
73329
+ setSelectedRows([]);
73315
73330
  };
73316
73331
  var handleDelete = function handleDelete(e) {
73317
73332
  onDelete(selectedRows, e);
73333
+ setSelectedRows([]);
73318
73334
  };
73319
73335
  var handlePageChange = function handlePageChange(page) {
73320
73336
  onPageChange(page);
@@ -73332,7 +73348,9 @@ var TableView = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
73332
73348
  onCreate: handleCreate,
73333
73349
  onCopy: handleCopy,
73334
73350
  onEdit: handleEdit,
73335
- onDelete: handleDelete
73351
+ onDelete: handleDelete,
73352
+ actionsDropdownZIndex: actionsDropdownZIndex,
73353
+ actionDropdownProps: actionDropdownProps
73336
73354
  }));
73337
73355
  };
73338
73356
  var renderTable = function renderTable() {
package/lib/index.js CHANGED
@@ -48106,14 +48106,27 @@ var DetailsView = /*#__PURE__*/React__default["default"].forwardRef(function (pr
48106
48106
  props.className;
48107
48107
  props.style;
48108
48108
  var color = props.color,
48109
- size = props.size;
48110
- props.children;
48111
- var rest = _objectWithoutProperties__default["default"](props, _excluded$Y);
48109
+ size = props.size,
48110
+ children = props.children,
48111
+ rest = _objectWithoutProperties__default["default"](props, _excluded$Y);
48112
48112
  var theme = useTheme$1();
48113
48113
  var handleGoBack = function handleGoBack(e, data) {
48114
48114
  if (goToPreviousView) goToPreviousView();
48115
48115
  goBack(e, data);
48116
48116
  };
48117
+ var renderChildren = function renderChildren() {
48118
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, children || /*#__PURE__*/React__default["default"].createElement(FlexGrid, _extends__default$1["default"]({
48119
+ spacing: 10
48120
+ }, flexGridProps), fields.map(function (item, i) {
48121
+ return /*#__PURE__*/React__default["default"].createElement(FlexGridItem, _extends__default$1["default"]({
48122
+ key: i
48123
+ }, item), /*#__PURE__*/React__default["default"].createElement(Label$2, {
48124
+ key: i,
48125
+ color: color,
48126
+ size: size
48127
+ }, item.label, ":"), data[item.accessor]);
48128
+ })));
48129
+ };
48117
48130
  return /*#__PURE__*/React__default["default"].createElement(StyledDetailsView, _extends__default$1["default"]({
48118
48131
  ref: ref,
48119
48132
  theme: theme,
@@ -48133,17 +48146,7 @@ var DetailsView = /*#__PURE__*/React__default["default"].forwardRef(function (pr
48133
48146
  disabled: disableGoBack,
48134
48147
  color: color,
48135
48148
  size: size
48136
- }), /*#__PURE__*/React__default["default"].createElement(FlexGrid, _extends__default$1["default"]({
48137
- spacing: 10
48138
- }, flexGridProps), fields.map(function (item, i) {
48139
- return /*#__PURE__*/React__default["default"].createElement(FlexGridItem, _extends__default$1["default"]({
48140
- key: i
48141
- }, item), /*#__PURE__*/React__default["default"].createElement(Label$2, {
48142
- key: i,
48143
- color: color,
48144
- size: size
48145
- }, item.label, ":"), data[item.accessor]);
48146
- })), /*#__PURE__*/React__default["default"].createElement(StyledToolbar$3, null, /*#__PURE__*/React__default["default"].createElement("div", null, showNext && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button, {
48149
+ }), renderChildren(), /*#__PURE__*/React__default["default"].createElement(StyledToolbar$3, null, /*#__PURE__*/React__default["default"].createElement("div", null, showNext && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button, {
48147
48150
  btnType: "outline",
48148
48151
  icon: "angle-left",
48149
48152
  disabled: disablePrevious,
@@ -54814,14 +54817,29 @@ var FormView = /*#__PURE__*/React__default["default"].forwardRef(function (props
54814
54817
  props.className;
54815
54818
  props.style;
54816
54819
  var color = props.color,
54817
- size = props.size;
54818
- props.children;
54819
- var rest = _objectWithoutProperties__default["default"](props, _excluded$R);
54820
+ size = props.size,
54821
+ children = props.children,
54822
+ rest = _objectWithoutProperties__default["default"](props, _excluded$R);
54820
54823
  var theme = useTheme$1();
54821
54824
  var handleGoBack = function handleGoBack(e, data) {
54822
54825
  if (goToPreviousView) goToPreviousView();
54823
54826
  goBack(e, data);
54824
54827
  };
54828
+ var renderChildren = function renderChildren() {
54829
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, children || /*#__PURE__*/React__default["default"].createElement(FlexGrid, _extends__default$1["default"]({
54830
+ spacing: 10
54831
+ }, flexGridProps), fields.map(function (item, i) {
54832
+ return /*#__PURE__*/React__default["default"].createElement(FlexGridItem, _extends__default$1["default"]({
54833
+ key: i
54834
+ }, item), /*#__PURE__*/React__default["default"].createElement(FormField, {
54835
+ key: i,
54836
+ label: item.label,
54837
+ text: errors[item.accessor],
54838
+ color: errors[item.accessor] ? "danger" : color,
54839
+ size: size
54840
+ }, item.type == "custom" ? item.element : getInput(item.type, item.inputProps, item.accessor, data[item.accessor], errors[item.accessor] ? "danger" : color, size)));
54841
+ })));
54842
+ };
54825
54843
  return /*#__PURE__*/React__default["default"].createElement(StyledFormView, _extends__default$1["default"]({
54826
54844
  ref: ref,
54827
54845
  theme: theme,
@@ -54840,19 +54858,7 @@ var FormView = /*#__PURE__*/React__default["default"].forwardRef(function (props
54840
54858
  return handleGoBack(e, data);
54841
54859
  },
54842
54860
  disabled: disableGoBack
54843
- }), /*#__PURE__*/React__default["default"].createElement(FlexGrid, _extends__default$1["default"]({
54844
- spacing: 10
54845
- }, flexGridProps), fields.map(function (item, i) {
54846
- return /*#__PURE__*/React__default["default"].createElement(FlexGridItem, _extends__default$1["default"]({
54847
- key: i
54848
- }, item), /*#__PURE__*/React__default["default"].createElement(FormField, {
54849
- key: i,
54850
- label: item.label,
54851
- text: errors[item.accessor],
54852
- color: errors[item.accessor] ? "danger" : color,
54853
- size: size
54854
- }, item.type == "custom" ? item.element : getInput(item.type, item.inputProps, item.accessor, data[item.accessor], errors[item.accessor] ? "danger" : color, size)));
54855
- })), /*#__PURE__*/React__default["default"].createElement(StyledToolbar$2, null, /*#__PURE__*/React__default["default"].createElement("div", null, nextActive && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button, {
54861
+ }), renderChildren(), /*#__PURE__*/React__default["default"].createElement(StyledToolbar$2, null, /*#__PURE__*/React__default["default"].createElement("div", null, nextActive && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button, {
54856
54862
  btnType: "outline",
54857
54863
  icon: "angle-left",
54858
54864
  disabled: disablePrevious,
@@ -72840,7 +72846,7 @@ KanbanView.propTypes = {
72840
72846
  color: PropTypes__default["default"].oneOf(["primary", "secondary", "success", "danger", "warning", "information", "neutral", "gray"])
72841
72847
  };
72842
72848
 
72843
- var _excluded$D = ["showCreate", "enableCreate", "createText", "showEdit", "enableEditOnSelection", "editText", "showDelete", "enableDeleteOnSelection", "deleteText", "showCopy", "enableCopyOnSelection", "copyText", "actionsText", "customActions", "selectedRowsLength", "readOnly", "onCreate", "onEdit", "onDelete", "onCopy", "className", "style", "color", "size"];
72849
+ var _excluded$D = ["showCreate", "enableCreate", "createText", "showEdit", "enableEditOnSelection", "editText", "showDelete", "enableDeleteOnSelection", "deleteText", "showCopy", "enableCopyOnSelection", "copyText", "actionsText", "customActions", "selectedRowsLength", "readOnly", "actionDropdownProps", "actionsDropdownZIndex", "onCreate", "onEdit", "onDelete", "onCopy", "className", "style", "color", "size"];
72844
72850
  var _templateObject$A;
72845
72851
  var StyledToolbar = newStyled.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteral__default["default"](["\n display: flex;\n align-items: center;\n border-radius: 8px;\n padding: 6px;\n margin-bottom: 12px;\n font-weight: 700;\n font-size: 0.875rem;\n color: rgba(15, 23, 42, 100%);\n background-color: ", ";\n border: ", ";\n gap: 6px;\n justify-content: space-between;\n & > div {\n display: flex;\n gap: 0.5rem;\n }\n}\n"])), function (props) {
72846
72852
  return getColorRgbaValue(props.theme, "Toolbar", props.color, "enabled", "background", "backgroundOpacity");
@@ -72864,6 +72870,8 @@ var ActionsToolbar = /*#__PURE__*/React__default["default"].forwardRef(function
72864
72870
  customActions = props.customActions,
72865
72871
  selectedRowsLength = props.selectedRowsLength,
72866
72872
  readOnly = props.readOnly,
72873
+ actionDropdownProps = props.actionDropdownProps,
72874
+ actionsDropdownZIndex = props.actionsDropdownZIndex,
72867
72875
  onCreate = props.onCreate,
72868
72876
  onEdit = props.onEdit,
72869
72877
  onDelete = props.onDelete,
@@ -72879,7 +72887,7 @@ var ActionsToolbar = /*#__PURE__*/React__default["default"].forwardRef(function
72879
72887
  ref: ref,
72880
72888
  theme: theme,
72881
72889
  color: color,
72882
- className: className,
72890
+ className: "lnc-table-view-actions-toolbar ".concat(className),
72883
72891
  style: style
72884
72892
  }, rest), /*#__PURE__*/React__default["default"].createElement("div", null, showCreate && readOnly == false && /*#__PURE__*/React__default["default"].createElement(Button$1, {
72885
72893
  leadingIcon: "plus",
@@ -72891,9 +72899,12 @@ var ActionsToolbar = /*#__PURE__*/React__default["default"].forwardRef(function
72891
72899
  disabled: !enableCreate,
72892
72900
  onClick: onCreate,
72893
72901
  text: createText
72894
- })), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(DropdownMenu, {
72902
+ })), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(DropdownMenu, _extends__default$1["default"]({
72903
+ className: "lnc-table-view-actions-toolbar-dropdown",
72895
72904
  color: color,
72896
72905
  size: size,
72906
+ actionsDropdownZIndex: actionsDropdownZIndex
72907
+ }, actionDropdownProps, {
72897
72908
  control: /*#__PURE__*/React__default["default"].createElement(Button$1, {
72898
72909
  text: actionsText,
72899
72910
  btnType: "outline",
@@ -72902,23 +72913,23 @@ var ActionsToolbar = /*#__PURE__*/React__default["default"].forwardRef(function
72902
72913
  size: size,
72903
72914
  type: "button"
72904
72915
  })
72905
- }, showCopy && readOnly == false && /*#__PURE__*/React__default["default"].createElement(DropdownItem, {
72916
+ }), showCopy && readOnly == false && /*#__PURE__*/React__default["default"].createElement(DropdownItem, {
72906
72917
  icon: "copy",
72907
- disabled: !(enableCopyOnSelection && selectedRowsLength == 1),
72918
+ disabled: !(enableCopyOnSelection && selectedRowsLength > 1),
72908
72919
  onClick: onCopy
72909
72920
  }, copyText), showEdit && readOnly == false && /*#__PURE__*/React__default["default"].createElement(DropdownItem, {
72910
72921
  icon: "pen",
72911
- disabled: !(enableEditOnSelection && selectedRowsLength == 1),
72922
+ disabled: !(enableEditOnSelection && selectedRowsLength > 1),
72912
72923
  onClick: onEdit
72913
72924
  }, editText), showDelete && readOnly == false && /*#__PURE__*/React__default["default"].createElement(DropdownItem, {
72914
72925
  icon: "trash",
72915
- disabled: !(enableDeleteOnSelection && selectedRowsLength == 1),
72926
+ disabled: !(enableDeleteOnSelection && selectedRowsLength > 1),
72916
72927
  onClick: onDelete
72917
72928
  }, deleteText), /*#__PURE__*/React__default["default"].createElement(Separator$1, null), customActions === null || customActions === void 0 ? void 0 : customActions.map(function (action, index) {
72918
72929
  if ((action === null || action === void 0 ? void 0 : action.show) != false) return /*#__PURE__*/React__default["default"].createElement(DropdownItem, {
72919
72930
  key: index,
72920
72931
  icon: action.icon,
72921
- disabled: !(action.enableOnSelection == true && selectedRowsLength == 1 || action.enable == true && action.enableOnSelection == false),
72932
+ disabled: !(action.enableOnSelection == true && selectedRowsLength > 1 || action.enable == true && action.enableOnSelection == false),
72922
72933
  onClick: action.onAction
72923
72934
  }, action.name);
72924
72935
  }))));
@@ -73275,7 +73286,7 @@ Pagination.propTypes = {
73275
73286
  color: PropTypes__default["default"].oneOf(["primary", "secondary", "success", "warning", "danger", "information", "neutral", "gray"])
73276
73287
  };
73277
73288
 
73278
- var _excluded$C = ["__TYPE__", "goToPreviousView", "tableProps", "paginationProps", "actionsToolbarProps", "rowsSingleSelect", "rowsMultiSelect", "loading", "showCreate", "enableCreate", "enableDetails", "showEdit", "enableEditOnSelection", "showDelete", "enableDeleteOnSelection", "showCopy", "enableCopyOnSelection", "customActions", "pagination", "readOnly", "onCreate", "onEdit", "onDelete", "onDetails", "onCopy", "onFilter", "onSort", "onPageChange", "className", "style", "size", "color", "children"];
73289
+ var _excluded$C = ["__TYPE__", "goToPreviousView", "tableProps", "paginationProps", "actionsToolbarProps", "rowsSingleSelect", "rowsMultiSelect", "loading", "showCreate", "enableCreate", "enableDetails", "showEdit", "enableEditOnSelection", "showDelete", "enableDeleteOnSelection", "showCopy", "enableCopyOnSelection", "customActions", "pagination", "readOnly", "actionsDropdownZIndex", "actionDropdownProps", "onCreate", "onEdit", "onDelete", "onDetails", "onCopy", "onFilter", "onSort", "onPageChange", "onEmptyRowsSelection", "className", "style", "size", "color", "children"];
73279
73290
  var _templateObject$x, _TableView$defaultPro;
73280
73291
  function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
73281
73292
  function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -73301,6 +73312,8 @@ var TableView = /*#__PURE__*/React__default["default"].forwardRef(function (prop
73301
73312
  customActions = props.customActions,
73302
73313
  pagination = props.pagination,
73303
73314
  readOnly = props.readOnly,
73315
+ actionsDropdownZIndex = props.actionsDropdownZIndex,
73316
+ actionDropdownProps = props.actionDropdownProps,
73304
73317
  onCreate = props.onCreate,
73305
73318
  onEdit = props.onEdit,
73306
73319
  onDelete = props.onDelete,
@@ -73309,6 +73322,7 @@ var TableView = /*#__PURE__*/React__default["default"].forwardRef(function (prop
73309
73322
  props.onFilter;
73310
73323
  props.onSort;
73311
73324
  var onPageChange = props.onPageChange;
73325
+ props.onEmptyRowsSelection;
73312
73326
  props.className;
73313
73327
  props.style;
73314
73328
  var size = props.size,
@@ -73361,9 +73375,11 @@ var TableView = /*#__PURE__*/React__default["default"].forwardRef(function (prop
73361
73375
  };
73362
73376
  var handleEdit = function handleEdit(e) {
73363
73377
  onEdit(selectedRows, e);
73378
+ setSelectedRows([]);
73364
73379
  };
73365
73380
  var handleDelete = function handleDelete(e) {
73366
73381
  onDelete(selectedRows, e);
73382
+ setSelectedRows([]);
73367
73383
  };
73368
73384
  var handlePageChange = function handlePageChange(page) {
73369
73385
  onPageChange(page);
@@ -73381,7 +73397,9 @@ var TableView = /*#__PURE__*/React__default["default"].forwardRef(function (prop
73381
73397
  onCreate: handleCreate,
73382
73398
  onCopy: handleCopy,
73383
73399
  onEdit: handleEdit,
73384
- onDelete: handleDelete
73400
+ onDelete: handleDelete,
73401
+ actionsDropdownZIndex: actionsDropdownZIndex,
73402
+ actionDropdownProps: actionDropdownProps
73385
73403
  }));
73386
73404
  };
73387
73405
  var renderTable = function renderTable() {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@lanaco/lnc-react-ui",
3
3
  "type": "module",
4
- "version": "3.11.18",
4
+ "version": "3.11.20",
5
5
  "description": "component library",
6
6
  "main": "lib/index.js",
7
7
  "module": "lib/index.esm.js",