@apexcura/ui-components 0.0.14-Beta53 → 0.0.14-Beta55

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 (5) hide show
  1. package/dist/index.d.mts +1 -0
  2. package/dist/index.d.ts +1 -0
  3. package/dist/index.js +13 -12
  4. package/dist/index.mjs +13 -12
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -61,6 +61,7 @@ type ElementType = {
61
61
  selectBefore?: any[];
62
62
  selectAfter?: any[];
63
63
  isSVGStylesOverride?: boolean;
64
+ rowSelection?: string;
64
65
  };
65
66
 
66
67
  declare const TextElement: (props: ElementType) => React$1.JSX.Element;
package/dist/index.d.ts CHANGED
@@ -61,6 +61,7 @@ type ElementType = {
61
61
  selectBefore?: any[];
62
62
  selectAfter?: any[];
63
63
  isSVGStylesOverride?: boolean;
64
+ rowSelection?: string;
64
65
  };
65
66
 
66
67
  declare const TextElement: (props: ElementType) => React$1.JSX.Element;
package/dist/index.js CHANGED
@@ -406,6 +406,10 @@ var ButtonElement = (props) => {
406
406
  document.body.removeChild(tempSpan);
407
407
  setHoverColor(computedHoverColor);
408
408
  }
409
+ svgElement.setAttribute(
410
+ "class",
411
+ `${props.iconsClassName ? props.iconsClassName : ""}`
412
+ );
409
413
  setSvgContent(tempDiv.innerHTML);
410
414
  setOriginalSvgContent(tempDiv.innerHTML);
411
415
  }
@@ -440,7 +444,7 @@ var ButtonElement = (props) => {
440
444
  {
441
445
  dangerouslySetInnerHTML: { __html: svgContent }
442
446
  }
443
- ) : props.icon && /* @__PURE__ */ import_react11.default.createElement("img", { className: props.className, src: props.icon, alt: props.label }),
447
+ ) : props.icon && /* @__PURE__ */ import_react11.default.createElement("img", { className: props.iconsClassName, src: props.icon, alt: props.label }),
444
448
  props.label
445
449
  );
446
450
  };
@@ -711,7 +715,6 @@ var TableElement = (props) => {
711
715
  const { thead, tbody } = props;
712
716
  const [selectedRecord, setSelectedRecord] = (0, import_react20.useState)({});
713
717
  const [model, setModel] = (0, import_react20.useState)(false);
714
- const [selectedRowKeys, setSelectedRowKeys] = (0, import_react20.useState)([]);
715
718
  const handleChange = (record) => {
716
719
  console.log("record", record);
717
720
  if (props.onChange) {
@@ -771,14 +774,11 @@ var TableElement = (props) => {
771
774
  props.onChange({ name: "pagination", page, pageSize });
772
775
  }
773
776
  };
774
- const onSelectChange = (newSelectedRowKeys) => {
775
- console.log("selectedRowKeys changed: ", newSelectedRowKeys);
776
- setSelectedRowKeys(newSelectedRowKeys);
777
+ const rowSelection = {
778
+ onChange: (selectedRowKeys, selectedRows) => {
779
+ console.log(`selectedRowKeys: ${selectedRowKeys}`, "selectedRows: ", selectedRows);
780
+ }
777
781
  };
778
- const rowSelectionConfig = props.rowSelection ? {
779
- selectedRowKeys,
780
- onChange: onSelectChange
781
- } : void 0;
782
782
  return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(
783
783
  import_antd14.Table,
784
784
  {
@@ -788,11 +788,12 @@ var TableElement = (props) => {
788
788
  showSizeChanger: count > 10,
789
789
  onChange: onChangePage
790
790
  },
791
+ rowSelection: props.rowSelection ? {
792
+ ...rowSelection
793
+ } : "",
791
794
  dataSource,
792
795
  columns,
793
- bordered: true,
794
- rowSelection: rowSelectionConfig,
795
- size: props.size && props.size
796
+ bordered: true
796
797
  }
797
798
  ), model && /* @__PURE__ */ import_react20.default.createElement(ModelElement, { selectedRecord, ...props, columns, model, onCancel: () => setModel(false) }));
798
799
  };
package/dist/index.mjs CHANGED
@@ -347,6 +347,10 @@ var ButtonElement = (props) => {
347
347
  document.body.removeChild(tempSpan);
348
348
  setHoverColor(computedHoverColor);
349
349
  }
350
+ svgElement.setAttribute(
351
+ "class",
352
+ `${props.iconsClassName ? props.iconsClassName : ""}`
353
+ );
350
354
  setSvgContent(tempDiv.innerHTML);
351
355
  setOriginalSvgContent(tempDiv.innerHTML);
352
356
  }
@@ -381,7 +385,7 @@ var ButtonElement = (props) => {
381
385
  {
382
386
  dangerouslySetInnerHTML: { __html: svgContent }
383
387
  }
384
- ) : props.icon && /* @__PURE__ */ React11.createElement("img", { className: props.className, src: props.icon, alt: props.label }),
388
+ ) : props.icon && /* @__PURE__ */ React11.createElement("img", { className: props.iconsClassName, src: props.icon, alt: props.label }),
385
389
  props.label
386
390
  );
387
391
  };
@@ -652,7 +656,6 @@ var TableElement = (props) => {
652
656
  const { thead, tbody } = props;
653
657
  const [selectedRecord, setSelectedRecord] = useState6({});
654
658
  const [model, setModel] = useState6(false);
655
- const [selectedRowKeys, setSelectedRowKeys] = useState6([]);
656
659
  const handleChange = (record) => {
657
660
  console.log("record", record);
658
661
  if (props.onChange) {
@@ -712,14 +715,11 @@ var TableElement = (props) => {
712
715
  props.onChange({ name: "pagination", page, pageSize });
713
716
  }
714
717
  };
715
- const onSelectChange = (newSelectedRowKeys) => {
716
- console.log("selectedRowKeys changed: ", newSelectedRowKeys);
717
- setSelectedRowKeys(newSelectedRowKeys);
718
+ const rowSelection = {
719
+ onChange: (selectedRowKeys, selectedRows) => {
720
+ console.log(`selectedRowKeys: ${selectedRowKeys}`, "selectedRows: ", selectedRows);
721
+ }
718
722
  };
719
- const rowSelectionConfig = props.rowSelection ? {
720
- selectedRowKeys,
721
- onChange: onSelectChange
722
- } : void 0;
723
723
  return /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement(
724
724
  Table2,
725
725
  {
@@ -729,11 +729,12 @@ var TableElement = (props) => {
729
729
  showSizeChanger: count > 10,
730
730
  onChange: onChangePage
731
731
  },
732
+ rowSelection: props.rowSelection ? {
733
+ ...rowSelection
734
+ } : "",
732
735
  dataSource,
733
736
  columns,
734
- bordered: true,
735
- rowSelection: rowSelectionConfig,
736
- size: props.size && props.size
737
+ bordered: true
737
738
  }
738
739
  ), model && /* @__PURE__ */ React20.createElement(ModelElement, { selectedRecord, ...props, columns, model, onCancel: () => setModel(false) }));
739
740
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.14-Beta53",
3
+ "version": "0.0.14-Beta55",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",