@apexcura/ui-components 0.0.14-Beta294 → 0.0.14-Beta296

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 -1
  2. package/dist/index.d.ts +1 -1
  3. package/dist/index.js +11 -26
  4. package/dist/index.mjs +23 -38
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -106,7 +106,7 @@ declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
106
106
 
107
107
  declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
108
108
 
109
- declare const Sidebar: (props: ElementType) => React$1.JSX.Element;
109
+ declare const Sidebar: React$1.FC;
110
110
 
111
111
  declare const Navbar: (props: ElementType) => React$1.JSX.Element;
112
112
 
package/dist/index.d.ts CHANGED
@@ -106,7 +106,7 @@ declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
106
106
 
107
107
  declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
108
108
 
109
- declare const Sidebar: (props: ElementType) => React$1.JSX.Element;
109
+ declare const Sidebar: React$1.FC;
110
110
 
111
111
  declare const Navbar: (props: ElementType) => React$1.JSX.Element;
112
112
 
package/dist/index.js CHANGED
@@ -282,7 +282,7 @@ var CheckboxElement = (props) => {
282
282
  }
283
283
  };
284
284
  const onHandleAllChanges = (e) => {
285
- const newList = e.target.checked ? props.options : [];
285
+ const newList = e.target.checked ? props.options : [""];
286
286
  setCheckedList(newList);
287
287
  if (props.onChange) {
288
288
  props.onChange(newList);
@@ -661,26 +661,12 @@ var AddMoreTable = (props) => {
661
661
 
662
662
  // src/Components/Sidebar.tsx
663
663
  var import_react14 = __toESM(require("react"));
664
- var Sidebar = (props) => {
665
- const handleChange = (item) => {
666
- if (props.onChange) {
667
- props.onChange(item);
668
- }
669
- };
670
- return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, { key: props.name }, /* @__PURE__ */ import_react14.default.createElement("div", { className: props.imgClassName }, /* @__PURE__ */ import_react14.default.createElement("img", { src: props.img, alt: "logo" })), /* @__PURE__ */ import_react14.default.createElement("div", { className: props.listClassName }, props.items?.map((item) => {
671
- return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, { key: item.label }, /* @__PURE__ */ import_react14.default.createElement(
672
- ButtonElement,
673
- {
674
- ...item,
675
- className: item.active ? props.activeClassName : props.className,
676
- iconsClassName: props.iconsClassName,
677
- onClick: (e) => {
678
- e.preventDefault();
679
- handleChange(item);
680
- }
681
- }
682
- ));
683
- })));
664
+ var Sidebar = () => {
665
+ const [navToggle, setNavToggle] = (0, import_react14.useState)(false);
666
+ const [footerToggle, setFooterToggle] = (0, import_react14.useState)(false);
667
+ const handleNavToggle = () => setNavToggle(!navToggle);
668
+ const handleFooterToggle = () => setFooterToggle(!footerToggle);
669
+ return /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-bar" }, /* @__PURE__ */ import_react14.default.createElement("input", { id: "nav-toggle", type: "checkbox", checked: navToggle, onChange: handleNavToggle }), /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-header" }, /* @__PURE__ */ import_react14.default.createElement("a", { id: "nav-title", href: "https://codepen.io", target: "_blank", rel: "noopener noreferrer" }, "C", /* @__PURE__ */ import_react14.default.createElement("i", { className: "fab fa-codepen" }), "DEPEN"), /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "nav-toggle" }, /* @__PURE__ */ import_react14.default.createElement("span", { id: "nav-toggle-burger" })), /* @__PURE__ */ import_react14.default.createElement("hr", null)), /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-content" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "nav-button" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-palette" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Your Work")), /* @__PURE__ */ import_react14.default.createElement("div", { className: "nav-button" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-images" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Assets")), /* @__PURE__ */ import_react14.default.createElement("div", { className: "nav-button" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-thumbtack" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Pinned Items")), /* @__PURE__ */ import_react14.default.createElement("hr", null), /* @__PURE__ */ import_react14.default.createElement("div", { className: "nav-button" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-heart" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Following")), /* @__PURE__ */ import_react14.default.createElement("div", { className: "nav-button" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-chart-line" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Trending")), /* @__PURE__ */ import_react14.default.createElement("div", { className: "nav-button" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-fire" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Challenges")), /* @__PURE__ */ import_react14.default.createElement("div", { className: "nav-button" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-magic" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Spark")), /* @__PURE__ */ import_react14.default.createElement("hr", null), /* @__PURE__ */ import_react14.default.createElement("div", { className: "nav-button" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-gem" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Codepen Pro")), /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-content-highlight" })), /* @__PURE__ */ import_react14.default.createElement("input", { id: "nav-footer-toggle", type: "checkbox", checked: footerToggle, onChange: handleFooterToggle }), /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-footer" }, /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-footer-heading" }, /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-footer-avatar" }, /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://gravatar.com/avatar/4474ca42d303761c2901fa819c4f2547", alt: "avatar" })), /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-footer-titlebox" }, /* @__PURE__ */ import_react14.default.createElement("a", { id: "nav-footer-title", href: "https://codepen.io/uahnbu/pens/public", target: "_blank", rel: "noopener noreferrer" }, "uahnbu"), /* @__PURE__ */ import_react14.default.createElement("span", { id: "nav-footer-subtitle" }, "Admin")), /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "nav-footer-toggle" }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-caret-up" }))), /* @__PURE__ */ import_react14.default.createElement("div", { id: "nav-footer-content" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")));
684
670
  };
685
671
 
686
672
  // src/Components/Navbar.tsx
@@ -839,16 +825,15 @@ var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat.j
839
825
  var import_moment = __toESM(require("moment"));
840
826
  import_dayjs.default.extend(import_customParseFormat.default);
841
827
  var DatePickerElement = (props) => {
842
- const [dateState, setDateState] = (0, import_react20.useState)("");
828
+ const [dateState, setDateState] = (0, import_react20.useState)(null);
843
829
  const handleChange = (date, dateString) => {
844
830
  if (date) {
845
- const formattedDate = dateString;
846
831
  setDateState(date);
847
832
  if (props.onChange) {
848
- props.onChange(formattedDate);
833
+ props.onChange(dateString);
849
834
  }
850
835
  } else {
851
- setDateState("");
836
+ setDateState(null);
852
837
  if (props.onChange) {
853
838
  props.onChange("");
854
839
  }
@@ -863,7 +848,7 @@ var DatePickerElement = (props) => {
863
848
  disabledDate,
864
849
  placeholder: props.placeholder,
865
850
  value: dateState,
866
- format: { format: "DD-MM-YYYY" },
851
+ format: "DD-MM-YYYY",
867
852
  onChange: handleChange,
868
853
  picker: props.picker
869
854
  }
package/dist/index.mjs CHANGED
@@ -215,7 +215,7 @@ var CheckboxElement = (props) => {
215
215
  }
216
216
  };
217
217
  const onHandleAllChanges = (e) => {
218
- const newList = e.target.checked ? props.options : [];
218
+ const newList = e.target.checked ? props.options : [""];
219
219
  setCheckedList(newList);
220
220
  if (props.onChange) {
221
221
  props.onChange(newList);
@@ -593,27 +593,13 @@ var AddMoreTable = (props) => {
593
593
  };
594
594
 
595
595
  // src/Components/Sidebar.tsx
596
- import React14 from "react";
597
- var Sidebar = (props) => {
598
- const handleChange = (item) => {
599
- if (props.onChange) {
600
- props.onChange(item);
601
- }
602
- };
603
- return /* @__PURE__ */ React14.createElement(React14.Fragment, { key: props.name }, /* @__PURE__ */ React14.createElement("div", { className: props.imgClassName }, /* @__PURE__ */ React14.createElement("img", { src: props.img, alt: "logo" })), /* @__PURE__ */ React14.createElement("div", { className: props.listClassName }, props.items?.map((item) => {
604
- return /* @__PURE__ */ React14.createElement(React14.Fragment, { key: item.label }, /* @__PURE__ */ React14.createElement(
605
- ButtonElement,
606
- {
607
- ...item,
608
- className: item.active ? props.activeClassName : props.className,
609
- iconsClassName: props.iconsClassName,
610
- onClick: (e) => {
611
- e.preventDefault();
612
- handleChange(item);
613
- }
614
- }
615
- ));
616
- })));
596
+ import React14, { useState as useState5 } from "react";
597
+ var Sidebar = () => {
598
+ const [navToggle, setNavToggle] = useState5(false);
599
+ const [footerToggle, setFooterToggle] = useState5(false);
600
+ const handleNavToggle = () => setNavToggle(!navToggle);
601
+ const handleFooterToggle = () => setFooterToggle(!footerToggle);
602
+ return /* @__PURE__ */ React14.createElement("div", { id: "nav-bar" }, /* @__PURE__ */ React14.createElement("input", { id: "nav-toggle", type: "checkbox", checked: navToggle, onChange: handleNavToggle }), /* @__PURE__ */ React14.createElement("div", { id: "nav-header" }, /* @__PURE__ */ React14.createElement("a", { id: "nav-title", href: "https://codepen.io", target: "_blank", rel: "noopener noreferrer" }, "C", /* @__PURE__ */ React14.createElement("i", { className: "fab fa-codepen" }), "DEPEN"), /* @__PURE__ */ React14.createElement("label", { htmlFor: "nav-toggle" }, /* @__PURE__ */ React14.createElement("span", { id: "nav-toggle-burger" })), /* @__PURE__ */ React14.createElement("hr", null)), /* @__PURE__ */ React14.createElement("div", { id: "nav-content" }, /* @__PURE__ */ React14.createElement("div", { className: "nav-button" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-palette" }), /* @__PURE__ */ React14.createElement("span", null, "Your Work")), /* @__PURE__ */ React14.createElement("div", { className: "nav-button" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-images" }), /* @__PURE__ */ React14.createElement("span", null, "Assets")), /* @__PURE__ */ React14.createElement("div", { className: "nav-button" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-thumbtack" }), /* @__PURE__ */ React14.createElement("span", null, "Pinned Items")), /* @__PURE__ */ React14.createElement("hr", null), /* @__PURE__ */ React14.createElement("div", { className: "nav-button" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-heart" }), /* @__PURE__ */ React14.createElement("span", null, "Following")), /* @__PURE__ */ React14.createElement("div", { className: "nav-button" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-chart-line" }), /* @__PURE__ */ React14.createElement("span", null, "Trending")), /* @__PURE__ */ React14.createElement("div", { className: "nav-button" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-fire" }), /* @__PURE__ */ React14.createElement("span", null, "Challenges")), /* @__PURE__ */ React14.createElement("div", { className: "nav-button" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-magic" }), /* @__PURE__ */ React14.createElement("span", null, "Spark")), /* @__PURE__ */ React14.createElement("hr", null), /* @__PURE__ */ React14.createElement("div", { className: "nav-button" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-gem" }), /* @__PURE__ */ React14.createElement("span", null, "Codepen Pro")), /* @__PURE__ */ React14.createElement("div", { id: "nav-content-highlight" })), /* @__PURE__ */ React14.createElement("input", { id: "nav-footer-toggle", type: "checkbox", checked: footerToggle, onChange: handleFooterToggle }), /* @__PURE__ */ React14.createElement("div", { id: "nav-footer" }, /* @__PURE__ */ React14.createElement("div", { id: "nav-footer-heading" }, /* @__PURE__ */ React14.createElement("div", { id: "nav-footer-avatar" }, /* @__PURE__ */ React14.createElement("img", { src: "https://gravatar.com/avatar/4474ca42d303761c2901fa819c4f2547", alt: "avatar" })), /* @__PURE__ */ React14.createElement("div", { id: "nav-footer-titlebox" }, /* @__PURE__ */ React14.createElement("a", { id: "nav-footer-title", href: "https://codepen.io/uahnbu/pens/public", target: "_blank", rel: "noopener noreferrer" }, "uahnbu"), /* @__PURE__ */ React14.createElement("span", { id: "nav-footer-subtitle" }, "Admin")), /* @__PURE__ */ React14.createElement("label", { htmlFor: "nav-footer-toggle" }, /* @__PURE__ */ React14.createElement("i", { className: "fas fa-caret-up" }))), /* @__PURE__ */ React14.createElement("div", { id: "nav-footer-content" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")));
617
603
  };
618
604
 
619
605
  // src/Components/Navbar.tsx
@@ -677,11 +663,11 @@ var Navbar = (props) => {
677
663
  };
678
664
 
679
665
  // src/Components/TableElement.tsx
680
- import React19, { useState as useState5, useEffect as useEffect2 } from "react";
666
+ import React19, { useState as useState6, useEffect as useEffect2 } from "react";
681
667
  import { Table as Table2 } from "antd";
682
668
  var TableElement = (props) => {
683
669
  const { thead, tbody } = props;
684
- const [dataSource, setDataSource] = useState5([]);
670
+ const [dataSource, setDataSource] = useState6([]);
685
671
  useEffect2(() => {
686
672
  if (tbody) {
687
673
  setDataSource(
@@ -765,23 +751,22 @@ var TableElement = (props) => {
765
751
  };
766
752
 
767
753
  // src/Components/DatePicker.tsx
768
- import React20, { useState as useState6 } from "react";
754
+ import React20, { useState as useState7 } from "react";
769
755
  import { DatePicker } from "antd";
770
756
  import dayjs from "dayjs";
771
757
  import customParseFormat from "dayjs/plugin/customParseFormat.js";
772
758
  import moment from "moment";
773
759
  dayjs.extend(customParseFormat);
774
760
  var DatePickerElement = (props) => {
775
- const [dateState, setDateState] = useState6("");
761
+ const [dateState, setDateState] = useState7(null);
776
762
  const handleChange = (date, dateString) => {
777
763
  if (date) {
778
- const formattedDate = dateString;
779
764
  setDateState(date);
780
765
  if (props.onChange) {
781
- props.onChange(formattedDate);
766
+ props.onChange(dateString);
782
767
  }
783
768
  } else {
784
- setDateState("");
769
+ setDateState(null);
785
770
  if (props.onChange) {
786
771
  props.onChange("");
787
772
  }
@@ -796,7 +781,7 @@ var DatePickerElement = (props) => {
796
781
  disabledDate,
797
782
  placeholder: props.placeholder,
798
783
  value: dateState,
799
- format: { format: "DD-MM-YYYY" },
784
+ format: "DD-MM-YYYY",
800
785
  onChange: handleChange,
801
786
  picker: props.picker
802
787
  }
@@ -884,10 +869,10 @@ var SingleCheckbox = (props) => {
884
869
  };
885
870
 
886
871
  // src/Components/DropDownGroup.tsx
887
- import React24, { useState as useState7 } from "react";
872
+ import React24, { useState as useState8 } from "react";
888
873
  import { Select as Select4 } from "antd";
889
874
  var DropDownGroup = (props) => {
890
- const [selectedValue, setSelectedValue] = useState7({
875
+ const [selectedValue, setSelectedValue] = useState8({
891
876
  firstValue: {},
892
877
  secondValue: {},
893
878
  temp: ""
@@ -949,12 +934,12 @@ var DropDownGroup = (props) => {
949
934
  };
950
935
 
951
936
  // src/Components/FilesUpload.tsx
952
- import React25, { useState as useState8 } from "react";
937
+ import React25, { useState as useState9 } from "react";
953
938
  import { Upload } from "antd";
954
939
  import { InboxOutlined } from "@ant-design/icons";
955
940
  var FileUpload = (props) => {
956
941
  const { Dragger } = Upload;
957
- const [files, setFiles] = useState8([]);
942
+ const [files, setFiles] = useState9([]);
958
943
  const handleChange = ({ fileList }) => {
959
944
  setFiles(fileList);
960
945
  if (props.onChange) {
@@ -1007,9 +992,9 @@ var onChange = (checked) => {
1007
992
  var SwitchElement = () => /* @__PURE__ */ React27.createElement(Switch, { defaultChecked: true, onChange });
1008
993
 
1009
994
  // src/Components/Upload.tsx
1010
- import React28, { useState as useState9 } from "react";
995
+ import React28, { useState as useState10 } from "react";
1011
996
  var Upload2 = (props) => {
1012
- const [file, setFile] = useState9();
997
+ const [file, setFile] = useState10();
1013
998
  const handleFileChange = (e) => {
1014
999
  setFile(e.target.files[0]);
1015
1000
  if (props.onChange) {
@@ -1034,11 +1019,11 @@ var Upload2 = (props) => {
1034
1019
  };
1035
1020
 
1036
1021
  // src/Components/OtpElement.tsx
1037
- import React29, { useState as useState10, useRef, useEffect as useEffect3 } from "react";
1022
+ import React29, { useState as useState11, useRef, useEffect as useEffect3 } from "react";
1038
1023
  import { Input as Input3 } from "antd";
1039
1024
  var OtpElement = (props) => {
1040
1025
  const length = props.length;
1041
- const [otp, setOtp] = useState10(Array(length).fill(""));
1026
+ const [otp, setOtp] = useState11(Array(length).fill(""));
1042
1027
  const inputRefs = useRef([]);
1043
1028
  const handleChange = (e, index) => {
1044
1029
  const value = e.target.value;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.14-Beta294",
3
+ "version": "0.0.14-Beta296",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",