@apexcura/ui-components 0.0.14-Beta295 → 0.0.14-Beta297

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 +5 -1
  2. package/dist/index.d.ts +5 -1
  3. package/dist/index.js +21 -0
  4. package/dist/index.mjs +19 -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,6 @@ 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
+ declare const ColorPickerElement: (props: ElementType) => React$1.JSX.Element;
150
+
151
+ export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, ColorPickerElement, 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,6 @@ 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
+ declare const ColorPickerElement: (props: ElementType) => React$1.JSX.Element;
150
+
151
+ export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, ColorPickerElement, 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
@@ -36,6 +36,7 @@ __export(src_exports, {
36
36
  CheckboxElement: () => CheckboxElement,
37
37
  CircleDonut: () => CircleDonut,
38
38
  CkEditor: () => CkEditor,
39
+ ColorPickerElement: () => ColorPickerElement,
39
40
  DatePickerElement: () => DatePickerElement,
40
41
  DateRangePickerElement: () => DateRangePickerElement,
41
42
  DivContainer: () => DivContainer,
@@ -53,6 +54,7 @@ __export(src_exports, {
53
54
  RadioElement: () => RadioElement,
54
55
  SelectElement: () => SelectElement,
55
56
  SemiCircleDonut: () => SemiCircleDonut,
57
+ Sidebar: () => Sidebar,
56
58
  SingleCheckbox: () => SingleCheckbox,
57
59
  SingleSelectElement: () => SingleSelectElement,
58
60
  SwitchElement: () => SwitchElement,
@@ -660,6 +662,13 @@ var AddMoreTable = (props) => {
660
662
 
661
663
  // src/Components/Sidebar.tsx
662
664
  var import_react14 = __toESM(require("react"));
665
+ var Sidebar = () => {
666
+ const [navToggle, setNavToggle] = (0, import_react14.useState)(false);
667
+ const [footerToggle, setFooterToggle] = (0, import_react14.useState)(false);
668
+ const handleNavToggle = () => setNavToggle(!navToggle);
669
+ const handleFooterToggle = () => setFooterToggle(!footerToggle);
670
+ 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.")));
671
+ };
663
672
 
664
673
  // src/Components/Navbar.tsx
665
674
  var import_react18 = __toESM(require("react"));
@@ -1570,6 +1579,16 @@ var import_react36 = __toESM(require("react"));
1570
1579
  var DivContainer = (props) => {
1571
1580
  return /* @__PURE__ */ import_react36.default.createElement("div", { className: props.className, onClick: props.onClick }, props.label);
1572
1581
  };
1582
+
1583
+ // src/Components/ColorPickerElement.tsx
1584
+ var import_react37 = __toESM(require("react"));
1585
+ var import_antd22 = require("antd");
1586
+ var ColorPickerElement = (props) => {
1587
+ const onHandleChange = (value, hex) => {
1588
+ props.onChange && props.onChange(value);
1589
+ };
1590
+ return /* @__PURE__ */ import_react37.default.createElement(import_antd22.Space, null, /* @__PURE__ */ import_react37.default.createElement("p", null, props.label), /* @__PURE__ */ import_react37.default.createElement(import_antd22.Space, { direction: "vertical" }, /* @__PURE__ */ import_react37.default.createElement(import_antd22.ColorPicker, { showText: true, defaultValue: "#1677ff", onChange: onHandleChange })));
1591
+ };
1573
1592
  // Annotate the CommonJS export names for ESM import in node:
1574
1593
  0 && (module.exports = {
1575
1594
  AddMoreTable,
@@ -1578,6 +1597,7 @@ var DivContainer = (props) => {
1578
1597
  CheckboxElement,
1579
1598
  CircleDonut,
1580
1599
  CkEditor,
1600
+ ColorPickerElement,
1581
1601
  DatePickerElement,
1582
1602
  DateRangePickerElement,
1583
1603
  DivContainer,
@@ -1595,6 +1615,7 @@ var DivContainer = (props) => {
1595
1615
  RadioElement,
1596
1616
  SelectElement,
1597
1617
  SemiCircleDonut,
1618
+ Sidebar,
1598
1619
  SingleCheckbox,
1599
1620
  SingleSelectElement,
1600
1621
  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";
@@ -1528,6 +1535,16 @@ import React36 from "react";
1528
1535
  var DivContainer = (props) => {
1529
1536
  return /* @__PURE__ */ React36.createElement("div", { className: props.className, onClick: props.onClick }, props.label);
1530
1537
  };
1538
+
1539
+ // src/Components/ColorPickerElement.tsx
1540
+ import React37 from "react";
1541
+ import { ColorPicker, Space as Space2 } from "antd";
1542
+ var ColorPickerElement = (props) => {
1543
+ const onHandleChange = (value, hex) => {
1544
+ props.onChange && props.onChange(value);
1545
+ };
1546
+ return /* @__PURE__ */ React37.createElement(Space2, null, /* @__PURE__ */ React37.createElement("p", null, props.label), /* @__PURE__ */ React37.createElement(Space2, { direction: "vertical" }, /* @__PURE__ */ React37.createElement(ColorPicker, { showText: true, defaultValue: "#1677ff", onChange: onHandleChange })));
1547
+ };
1531
1548
  export {
1532
1549
  AddMoreTable,
1533
1550
  BarChart,
@@ -1535,6 +1552,7 @@ export {
1535
1552
  CheckboxElement,
1536
1553
  CircleDonut,
1537
1554
  CkEditor,
1555
+ ColorPickerElement,
1538
1556
  DatePickerElement,
1539
1557
  DateRangePickerElement,
1540
1558
  DivContainer,
@@ -1552,6 +1570,7 @@ export {
1552
1570
  RadioElement,
1553
1571
  SelectElement,
1554
1572
  SemiCircleDonut,
1573
+ Sidebar,
1555
1574
  SingleCheckbox,
1556
1575
  SingleSelectElement,
1557
1576
  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-Beta297",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",