@apexcura/ui-components 0.0.14-Beta295 → 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 +3 -1
  2. package/dist/index.d.ts +3 -1
  3. package/dist/index.js +9 -0
  4. package/dist/index.mjs +8 -0
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -106,6 +106,8 @@ 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: React$1.FC;
110
+
109
111
  declare const Navbar: (props: ElementType) => React$1.JSX.Element;
110
112
 
111
113
  declare const TableElement: (props: ElementType) => React$1.JSX.Element;
@@ -144,4 +146,4 @@ declare const BarChart: (props: ElementType) => React$1.JSX.Element;
144
146
 
145
147
  declare const DivContainer: (props: ElementType) => React$1.JSX.Element;
146
148
 
147
- export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, DatePickerElement, DateRangePickerElement, DivContainer, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
149
+ export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, DatePickerElement, DateRangePickerElement, DivContainer, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
package/dist/index.d.ts CHANGED
@@ -106,6 +106,8 @@ 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: React$1.FC;
110
+
109
111
  declare const Navbar: (props: ElementType) => React$1.JSX.Element;
110
112
 
111
113
  declare const TableElement: (props: ElementType) => React$1.JSX.Element;
@@ -144,4 +146,4 @@ declare const BarChart: (props: ElementType) => React$1.JSX.Element;
144
146
 
145
147
  declare const DivContainer: (props: ElementType) => React$1.JSX.Element;
146
148
 
147
- export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, DatePickerElement, DateRangePickerElement, DivContainer, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
149
+ export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, DatePickerElement, DateRangePickerElement, DivContainer, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
package/dist/index.js CHANGED
@@ -53,6 +53,7 @@ __export(src_exports, {
53
53
  RadioElement: () => RadioElement,
54
54
  SelectElement: () => SelectElement,
55
55
  SemiCircleDonut: () => SemiCircleDonut,
56
+ Sidebar: () => Sidebar,
56
57
  SingleCheckbox: () => SingleCheckbox,
57
58
  SingleSelectElement: () => SingleSelectElement,
58
59
  SwitchElement: () => SwitchElement,
@@ -660,6 +661,13 @@ var AddMoreTable = (props) => {
660
661
 
661
662
  // src/Components/Sidebar.tsx
662
663
  var import_react14 = __toESM(require("react"));
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.")));
670
+ };
663
671
 
664
672
  // src/Components/Navbar.tsx
665
673
  var import_react18 = __toESM(require("react"));
@@ -1595,6 +1603,7 @@ var DivContainer = (props) => {
1595
1603
  RadioElement,
1596
1604
  SelectElement,
1597
1605
  SemiCircleDonut,
1606
+ Sidebar,
1598
1607
  SingleCheckbox,
1599
1608
  SingleSelectElement,
1600
1609
  SwitchElement,
package/dist/index.mjs CHANGED
@@ -594,6 +594,13 @@ var AddMoreTable = (props) => {
594
594
 
595
595
  // src/Components/Sidebar.tsx
596
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.")));
603
+ };
597
604
 
598
605
  // src/Components/Navbar.tsx
599
606
  import React18 from "react";
@@ -1552,6 +1559,7 @@ export {
1552
1559
  RadioElement,
1553
1560
  SelectElement,
1554
1561
  SemiCircleDonut,
1562
+ Sidebar,
1555
1563
  SingleCheckbox,
1556
1564
  SingleSelectElement,
1557
1565
  SwitchElement,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.14-Beta295",
3
+ "version": "0.0.14-Beta296",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",