pixelize-design-library 1.0.66 → 1.0.67

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 (8) hide show
  1. package/dist/Components/Drawer/Drawer.d.ts +9 -0
  2. package/dist/Components/Drawer/Drawer.js +19 -3
  3. package/dist/Components/Modal/Modal.d.ts +3 -3
  4. package/dist/Components/Modal/Modal.js +10 -10
  5. package/dist/Layout.js +7 -7
  6. package/dist/index.d.ts +3 -4
  7. package/dist/index.js +9 -6
  8. package/package.json +1 -1
package/dist/Components/Drawer/Drawer.d.ts CHANGED
@@ -1,3 +1,12 @@
1
1
  import React from "react";
2
2
  import { DrawerProps } from "./DrawerProps";
3
+ export declare const DrawerHeader: React.FC<{
4
+ children: React.ReactNode;
5
+ }>;
6
+ export declare const DrawerBody: React.FC<{
7
+ children: React.ReactNode;
8
+ }>;
9
+ export declare const DrawerFooter: React.FC<{
10
+ children: React.ReactNode;
11
+ }>;
3
12
  export default function Drawer({ isOpen, onClose, placement, size, id, variant, children, }: DrawerProps): React.JSX.Element;
package/dist/Components/Drawer/Drawer.js CHANGED
@@ -3,16 +3,32 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.DrawerFooter = exports.DrawerBody = exports.DrawerHeader = void 0;
6
7
  var react_1 = __importDefault(require("react"));
7
8
  var react_2 = require("@chakra-ui/react");
9
+ var DrawerHeader = function (_a) {
10
+ var children = _a.children;
11
+ return react_1.default.createElement(react_1.default.Fragment, null, children);
12
+ };
13
+ exports.DrawerHeader = DrawerHeader;
14
+ var DrawerBody = function (_a) {
15
+ var children = _a.children;
16
+ return react_1.default.createElement(react_1.default.Fragment, null, children);
17
+ };
18
+ exports.DrawerBody = DrawerBody;
19
+ var DrawerFooter = function (_a) {
20
+ var children = _a.children;
21
+ return react_1.default.createElement(react_1.default.Fragment, null, children);
22
+ };
23
+ exports.DrawerFooter = DrawerFooter;
8
24
  function Drawer(_a) {
9
25
  var isOpen = _a.isOpen, onClose = _a.onClose, _b = _a.placement, placement = _b === void 0 ? "right" : _b, _c = _a.size, size = _c === void 0 ? "xl" : _c, id = _a.id, _d = _a.variant, variant = _d === void 0 ? "solid" : _d, children = _a.children;
10
26
  var isReactElement = function (child) {
11
27
  return child !== null && typeof child === "object" && "type" in child;
12
28
  };
13
- var header = react_1.default.Children.toArray(children).find(function (child) { return isReactElement(child) && child.type === "header"; });
14
- var body = react_1.default.Children.toArray(children).find(function (child) { return isReactElement(child) && child.type === "body"; });
15
- var footer = react_1.default.Children.toArray(children).find(function (child) { return isReactElement(child) && child.type === "footer"; });
29
+ var header = react_1.default.Children.toArray(children).find(function (child) { return isReactElement(child) && child.type === exports.DrawerHeader; });
30
+ var body = react_1.default.Children.toArray(children).find(function (child) { return isReactElement(child) && child.type === exports.DrawerBody; });
31
+ var footer = react_1.default.Children.toArray(children).find(function (child) { return isReactElement(child) && child.type === exports.DrawerFooter; });
16
32
  return (react_1.default.createElement(react_2.Drawer, { isOpen: isOpen, placement: placement, onClose: onClose, size: size, variant: variant, id: id },
17
33
  react_1.default.createElement(react_2.DrawerOverlay, null),
18
34
  react_1.default.createElement(react_2.DrawerContent, null,
package/dist/Components/Modal/Modal.d.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  import React from "react";
2
2
  import { ChakraModelProps } from "./ModalProps";
3
- export declare const ModelHeader: React.FC<{
3
+ export declare const ModalHeader: React.FC<{
4
4
  children: React.ReactNode;
5
5
  }>;
6
- export declare const ModelBody: React.FC<{
6
+ export declare const ModalBody: React.FC<{
7
7
  children: React.ReactNode;
8
8
  }>;
9
- export declare const ModelFooter: React.FC<{
9
+ export declare const ModalFooter: React.FC<{
10
10
  children: React.ReactNode;
11
11
  }>;
12
12
  export default function Modal({ size, isOpen, onClose, overlaybg, overlaybackdropFilter, overlaybackdropInvert, overlaybackdropBlur, isCentered, finalFocusRef, blockScrollOnMount, initialFocusRef, closeOnOverlayClick, motionPreset, scrollBehavior, children, isLoading, }: ChakraModelProps): React.JSX.Element;
package/dist/Components/Modal/Modal.js CHANGED
@@ -3,24 +3,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.ModelFooter = exports.ModelBody = exports.ModelHeader = void 0;
6
+ exports.ModalFooter = exports.ModalBody = exports.ModalHeader = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
8
  var react_2 = require("@chakra-ui/react");
9
- var ModelHeader = function (_a) {
9
+ var ModalHeader = function (_a) {
10
10
  var children = _a.children;
11
11
  return react_1.default.createElement(react_1.default.Fragment, null, children);
12
12
  };
13
- exports.ModelHeader = ModelHeader;
14
- var ModelBody = function (_a) {
13
+ exports.ModalHeader = ModalHeader;
14
+ var ModalBody = function (_a) {
15
15
  var children = _a.children;
16
16
  return react_1.default.createElement(react_1.default.Fragment, null, children);
17
17
  };
18
- exports.ModelBody = ModelBody;
19
- var ModelFooter = function (_a) {
18
+ exports.ModalBody = ModalBody;
19
+ var ModalFooter = function (_a) {
20
20
  var children = _a.children;
21
21
  return react_1.default.createElement(react_1.default.Fragment, null, children);
22
22
  };
23
- exports.ModelFooter = ModelFooter;
23
+ exports.ModalFooter = ModalFooter;
24
24
  function Modal(_a) {
25
25
  var size = _a.size, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose, _c = _a.overlaybg, overlaybg = _c === void 0 ? "blackAlpha.300" : _c, _d = _a.overlaybackdropFilter, overlaybackdropFilter = _d === void 0 ? "blur(10px) hue-rotate(90deg)" : _d, overlaybackdropInvert = _a.overlaybackdropInvert, overlaybackdropBlur = _a.overlaybackdropBlur, isCentered = _a.isCentered, finalFocusRef = _a.finalFocusRef, blockScrollOnMount = _a.blockScrollOnMount, initialFocusRef = _a.initialFocusRef, closeOnOverlayClick = _a.closeOnOverlayClick, motionPreset = _a.motionPreset, scrollBehavior = _a.scrollBehavior, children = _a.children, isLoading = _a.isLoading;
26
26
  if (!isOpen)
@@ -28,9 +28,9 @@ function Modal(_a) {
28
28
  var isReactElement = function (child) {
29
29
  return child !== null && typeof child === "object" && "type" in child;
30
30
  };
31
- var header = react_1.default.Children.toArray(children).find(function (child) { return isReactElement(child) && child.type === exports.ModelHeader; });
32
- var body = react_1.default.Children.toArray(children).find(function (child) { return isReactElement(child) && child.type === exports.ModelBody; });
33
- var footer = react_1.default.Children.toArray(children).find(function (child) { return isReactElement(child) && child.type === exports.ModelFooter; });
31
+ var header = react_1.default.Children.toArray(children).find(function (child) { return isReactElement(child) && child.type === exports.ModalHeader; });
32
+ var body = react_1.default.Children.toArray(children).find(function (child) { return isReactElement(child) && child.type === exports.ModalBody; });
33
+ var footer = react_1.default.Children.toArray(children).find(function (child) { return isReactElement(child) && child.type === exports.ModalFooter; });
34
34
  return (react_1.default.createElement(react_2.Modal, { isOpen: true, onClose: onClose, size: size, isCentered: isCentered, finalFocusRef: finalFocusRef, blockScrollOnMount: blockScrollOnMount, initialFocusRef: initialFocusRef, closeOnOverlayClick: closeOnOverlayClick, motionPreset: motionPreset, scrollBehavior: scrollBehavior },
35
35
  react_1.default.createElement(react_2.ModalOverlay, { bg: overlaybg, backdropFilter: overlaybackdropFilter, backdropInvert: overlaybackdropInvert, backdropBlur: overlaybackdropBlur }),
36
36
  react_1.default.createElement(react_2.ModalContent, null, isLoading ? (react_1.default.createElement("div", { style: {
package/dist/Layout.js CHANGED
@@ -67,7 +67,7 @@ var NoteTextArea_1 = __importDefault(require("./Components/NoteTextArea/NoteText
67
67
  var DropDown_1 = __importDefault(require("./Components/Dropdown/DropDown"));
68
68
  var Editor_1 = __importDefault(require("./Components/Editor/Editor"));
69
69
  var VerifyEmailOtp_1 = __importDefault(require("./Components/EmailCards/VerifyEmailOtp/VerifyEmailOtp"));
70
- var Drawer_1 = __importDefault(require("./Components/Drawer/Drawer"));
70
+ var Drawer_1 = __importStar(require("./Components/Drawer/Drawer"));
71
71
  var MultiSelect_1 = __importDefault(require("./Components/MultiSelect/MultiSelect"));
72
72
  var DatePicker_1 = __importDefault(require("./Components/DatePicker/DatePicker"));
73
73
  var Search_1 = __importDefault(require("./Components/Search/Search"));
@@ -444,9 +444,9 @@ var Layout = function () {
444
444
  // overlaybg={"blackAlpha.300"}
445
445
  // overlaybackdropFilter={"blur(10px) hue-rotate(90deg)"}
446
446
  size: "sm", isCentered: true, isLoading: isModelLoading },
447
- react_2.default.createElement(Modal_1.ModelHeader, null, "hai"),
448
- react_2.default.createElement(Modal_1.ModelBody, null, "heelo"),
449
- react_2.default.createElement(Modal_1.ModelFooter, null, "welcome")),
447
+ react_2.default.createElement(Modal_1.ModalHeader, null, "hai"),
448
+ react_2.default.createElement(Modal_1.ModalBody, null, "heelo"),
449
+ react_2.default.createElement(Modal_1.ModalFooter, null, "welcome")),
450
450
  react_2.default.createElement("br", null),
451
451
  react_2.default.createElement(Select_1.default, { options: [
452
452
  { id: 1, label: "mages" },
@@ -579,9 +579,9 @@ var Layout = function () {
579
579
  react_2.default.createElement(Button_1.default, { label: "DrawerButton", onClick: handleOnclick3, width: 250, variant: "solid" }),
580
580
  react_2.default.createElement("br", null),
581
581
  react_2.default.createElement(Drawer_1.default, { isOpen: drawerOpen, onClose: handleOnclick4, size: "xl" },
582
- react_2.default.createElement("header", null, "Drawer Header"),
583
- react_2.default.createElement("body", null, "Drawer Body"),
584
- react_2.default.createElement("footer", null, "Drawer Footer")),
582
+ react_2.default.createElement(Drawer_1.DrawerHeader, null, "Drawer Header"),
583
+ react_2.default.createElement(Drawer_1.DrawerBody, null, "Drawer Body"),
584
+ react_2.default.createElement(Drawer_1.DrawerFooter, null, "Drawer Footer")),
585
585
  react_2.default.createElement("br", null),
586
586
  react_2.default.createElement("br", null),
587
587
  react_2.default.createElement(MultiSelect_1.default, { value: selectedOptions, onValueChange: handleValueSelectChange }),
package/dist/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import "./bootstrap";
2
1
  import Accordian from "./Components/Accordion/Accordion";
3
2
  import AlertDialog from "./Components/AlertDialog/AlertDialog";
4
3
  import ApexBarChart from "./Components/Apexcharts/ApexBarChart/ApexBarChart";
@@ -9,12 +8,12 @@ import ButtonGroupIcon from "./Components/ButtonGroupIcon/ButtonGroupIcon";
9
8
  import Card from "./Components/Card/Card";
10
9
  import Checkbox from "./Components/Checkbox/Checkbox";
11
10
  import DatePicker from "./Components/DatePicker/DatePicker";
12
- import Drawer from "./Components/Drawer/Drawer";
11
+ import Drawer, { DrawerHeader, DrawerBody, DrawerFooter } from "./Components/Drawer/Drawer";
13
12
  import Dropdown from "./Components/Dropdown/DropDown";
14
13
  import Editor from "./Components/Editor/Editor";
15
14
  import InputTextArea from "./Components/InputTextArea/InputTextArea";
16
15
  import Loading from "./Components/Loading/Loading";
17
- import Modal, { ModelHeader, ModelBody, ModelFooter } from "./Components/Modal/Modal";
16
+ import Modal, { ModalHeader, ModalBody, ModalFooter } from "./Components/Modal/Modal";
18
17
  import MultiSelect from "./Components/MultiSelect/MultiSelect";
19
18
  import NavigationBar from "./Components/NavigationBar/NavigationBar";
20
19
  import NoteTextArea from "./Components/NoteTextArea/NoteTextArea";
@@ -36,4 +35,4 @@ import Timeline from "./Components/Timeline/Timeline";
36
35
  import Toaster, { useToaster } from "./Components/Toaster/Toaster";
37
36
  import ToolTip from "./Components/ToolTip/ToolTip";
38
37
  import VerifyEmailOtp from "./Components/EmailCards/VerifyEmailOtp/VerifyEmailOtp";
39
- export { Accordian, AlertDialog, ApexBarChart, ApexPieChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, DatePicker, Drawer, Dropdown, Editor, InputTextArea, Loading, Modal, ModelHeader, ModelBody, ModelFooter, NavigationBar, NoteTextArea, MultiSelect, NumberInput, PinInput, ProfileCard, ProfileCardHeader, ProfileCardBody, ProfileCardFooter, ProfilePhotoViewer, ProgressBar, RadioButton, RadioButtonGroup, Search, Select, SelectSearch, SideBar, Skeletons, Switch, Table, TextInput, Timeline, Toaster, ToolTip, useToaster, VerifyEmailOtp, };
38
+ export { Accordian, AlertDialog, ApexBarChart, ApexPieChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, DatePicker, Drawer, DrawerHeader, DrawerBody, DrawerFooter, Dropdown, Editor, InputTextArea, Loading, Modal, ModalHeader, ModalBody, ModalFooter, NavigationBar, NoteTextArea, MultiSelect, NumberInput, PinInput, ProfileCard, ProfileCardHeader, ProfileCardBody, ProfileCardFooter, ProfilePhotoViewer, ProgressBar, RadioButton, RadioButtonGroup, Search, Select, SelectSearch, SideBar, Skeletons, Switch, Table, TextInput, Timeline, Toaster, ToolTip, useToaster, VerifyEmailOtp, };
package/dist/index.js CHANGED
@@ -1,4 +1,5 @@
1
1
  "use strict";
2
+ // import "./bootstrap";
2
3
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
4
  if (k2 === undefined) k2 = k;
4
5
  var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -26,8 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
27
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
28
  };
28
29
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.VerifyEmailOtp = exports.useToaster = exports.ToolTip = exports.Toaster = exports.Timeline = exports.TextInput = exports.Table = exports.Switch = exports.Skeletons = exports.SideBar = exports.SelectSearch = exports.Select = exports.Search = exports.RadioButtonGroup = exports.RadioButton = exports.ProgressBar = exports.ProfilePhotoViewer = exports.ProfileCardFooter = exports.ProfileCardBody = exports.ProfileCardHeader = exports.ProfileCard = exports.PinInput = exports.NumberInput = exports.MultiSelect = exports.NoteTextArea = exports.NavigationBar = exports.ModelFooter = exports.ModelBody = exports.ModelHeader = exports.Modal = exports.Loading = exports.InputTextArea = exports.Editor = exports.Dropdown = exports.Drawer = exports.DatePicker = exports.Checkbox = exports.Card = exports.ButtonGroupIcon = exports.Button = exports.Breadcrumbs = exports.ApexPieChart = exports.ApexBarChart = exports.AlertDialog = exports.Accordian = void 0;
30
- require("./bootstrap");
30
+ exports.VerifyEmailOtp = exports.useToaster = exports.ToolTip = exports.Toaster = exports.Timeline = exports.TextInput = exports.Table = exports.Switch = exports.Skeletons = exports.SideBar = exports.SelectSearch = exports.Select = exports.Search = exports.RadioButtonGroup = exports.RadioButton = exports.ProgressBar = exports.ProfilePhotoViewer = exports.ProfileCardFooter = exports.ProfileCardBody = exports.ProfileCardHeader = exports.ProfileCard = exports.PinInput = exports.NumberInput = exports.MultiSelect = exports.NoteTextArea = exports.NavigationBar = exports.ModalFooter = exports.ModalBody = exports.ModalHeader = exports.Modal = exports.Loading = exports.InputTextArea = exports.Editor = exports.Dropdown = exports.DrawerFooter = exports.DrawerBody = exports.DrawerHeader = exports.Drawer = exports.DatePicker = exports.Checkbox = exports.Card = exports.ButtonGroupIcon = exports.Button = exports.Breadcrumbs = exports.ApexPieChart = exports.ApexBarChart = exports.AlertDialog = exports.Accordian = void 0;
31
31
  var Accordion_1 = __importDefault(require("./Components/Accordion/Accordion"));
32
32
  exports.Accordian = Accordion_1.default;
33
33
  var AlertDialog_1 = __importDefault(require("./Components/AlertDialog/AlertDialog"));
@@ -48,8 +48,11 @@ var Checkbox_1 = __importDefault(require("./Components/Checkbox/Checkbox"));
48
48
  exports.Checkbox = Checkbox_1.default;
49
49
  var DatePicker_1 = __importDefault(require("./Components/DatePicker/DatePicker"));
50
50
  exports.DatePicker = DatePicker_1.default;
51
- var Drawer_1 = __importDefault(require("./Components/Drawer/Drawer"));
51
+ var Drawer_1 = __importStar(require("./Components/Drawer/Drawer"));
52
52
  exports.Drawer = Drawer_1.default;
53
+ Object.defineProperty(exports, "DrawerHeader", { enumerable: true, get: function () { return Drawer_1.DrawerHeader; } });
54
+ Object.defineProperty(exports, "DrawerBody", { enumerable: true, get: function () { return Drawer_1.DrawerBody; } });
55
+ Object.defineProperty(exports, "DrawerFooter", { enumerable: true, get: function () { return Drawer_1.DrawerFooter; } });
53
56
  var DropDown_1 = __importDefault(require("./Components/Dropdown/DropDown"));
54
57
  exports.Dropdown = DropDown_1.default;
55
58
  var Editor_1 = __importDefault(require("./Components/Editor/Editor"));
@@ -60,9 +63,9 @@ var Loading_1 = __importDefault(require("./Components/Loading/Loading"));
60
63
  exports.Loading = Loading_1.default;
61
64
  var Modal_1 = __importStar(require("./Components/Modal/Modal"));
62
65
  exports.Modal = Modal_1.default;
63
- Object.defineProperty(exports, "ModelHeader", { enumerable: true, get: function () { return Modal_1.ModelHeader; } });
64
- Object.defineProperty(exports, "ModelBody", { enumerable: true, get: function () { return Modal_1.ModelBody; } });
65
- Object.defineProperty(exports, "ModelFooter", { enumerable: true, get: function () { return Modal_1.ModelFooter; } });
66
+ Object.defineProperty(exports, "ModalHeader", { enumerable: true, get: function () { return Modal_1.ModalHeader; } });
67
+ Object.defineProperty(exports, "ModalBody", { enumerable: true, get: function () { return Modal_1.ModalBody; } });
68
+ Object.defineProperty(exports, "ModalFooter", { enumerable: true, get: function () { return Modal_1.ModalFooter; } });
66
69
  var MultiSelect_1 = __importDefault(require("./Components/MultiSelect/MultiSelect"));
67
70
  exports.MultiSelect = MultiSelect_1.default;
68
71
  var NavigationBar_1 = __importDefault(require("./Components/NavigationBar/NavigationBar"));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pixelize-design-library",
3
- "version": "1.0.66",
3
+ "version": "1.0.67",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",