pixelize-design-library 2.2.44 → 2.2.46

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 (21) hide show
  1. package/dist/Components/Card/PaymentCard/PaymentCard.js +4 -3
  2. package/dist/Components/Card/PaymentCard/PaymentCardProps.d.ts +1 -0
  3. package/dist/Components/DatePicker/CalendarPanel.d.ts +22 -0
  4. package/dist/Components/DatePicker/CalendarPanel.js +104 -0
  5. package/dist/Components/DatePicker/RangeDatePicker.d.ts +4 -0
  6. package/dist/Components/DatePicker/RangeDatePicker.js +205 -0
  7. package/dist/Components/DatePicker/SingleDatePicker.d.ts +4 -0
  8. package/dist/Components/DatePicker/SingleDatePicker.js +988 -0
  9. package/dist/Components/DatePicker/ThemeDatePicker.d.ts +4 -0
  10. package/dist/Components/DatePicker/ThemeDatePicker.js +43 -0
  11. package/dist/Components/DatePicker/TimeOnlyPicker.d.ts +4 -0
  12. package/dist/Components/DatePicker/TimeOnlyPicker.js +119 -0
  13. package/dist/Components/DatePicker/TimePickerInput.d.ts +12 -0
  14. package/dist/Components/DatePicker/TimePickerInput.js +362 -0
  15. package/dist/Components/NoteTextArea/NoteTextArea.d.ts +1 -1
  16. package/dist/Components/NoteTextArea/NoteTextArea.js +11 -10
  17. package/dist/Components/NoteTextArea/NoteTextAreaProps.d.ts +1 -0
  18. package/dist/Components/Table/Components/HeaderActions.js +5 -34
  19. package/dist/index.d.ts +2 -1
  20. package/dist/index.js +4 -2
  21. package/package.json +1 -1
package/dist/Components/Table/Components/HeaderActions.js CHANGED
@@ -18,35 +18,6 @@ var react_1 = require("@chakra-ui/react");
18
18
  var lucide_react_1 = require("lucide-react");
19
19
  var react_2 = __importDefault(require("react"));
20
20
  var useCustomTheme_1 = require("../../../Theme/useCustomTheme");
21
- // const ListItem = ({
22
- // icon,
23
- // name,
24
- // onClick,
25
- // selections,
26
- // }: {
27
- // icon: React.ReactElement;
28
- // name: string;
29
- // onClick?: (selection: (string | number)[]) => void;
30
- // selections: (string | number)[];
31
- // }) => {
32
- // const { colors }: any = useCustomTheme();
33
- // const styledIcon = React.cloneElement(icon, {
34
- // color: colors?.text?.[500],
35
- // size: "1.25rem",
36
- // });
37
- // return (
38
- // <Box
39
- // display={"flex"}
40
- // alignItems={"center"}
41
- // gap={"0.375rem"}
42
- // onClick={() => onClick && onClick(selections)}
43
- // cursor={"pointer"}
44
- // _hover={{color: colors?.primary?.[500]}}
45
- // >
46
- // {styledIcon} {name}
47
- // </Box>
48
- // );
49
- // };
50
21
  var ListItem = function (_a) {
51
22
  var _b, _c;
52
23
  var icon = _a.icon, name = _a.name, onClick = _a.onClick, selections = _a.selections, _d = _a.isHoverEnabled, isHoverEnabled = _d === void 0 ? false : _d, hoverColor = _a.hoverColor;
@@ -55,7 +26,7 @@ var ListItem = function (_a) {
55
26
  color: "currentColor",
56
27
  size: "1.25rem",
57
28
  });
58
- return (react_2.default.createElement(react_1.Box, { display: "flex", alignItems: "center", gap: "0.375rem", cursor: isHoverEnabled ? "pointer" : "default", onClick: function () { return onClick && onClick(selections); }, color: (_b = colors === null || colors === void 0 ? void 0 : colors.text) === null || _b === void 0 ? void 0 : _b[500], _hover: isHoverEnabled
29
+ return (react_2.default.createElement(react_1.Box, { display: "flex", alignItems: "center", gap: "0.375rem", cursor: "pointer", onClick: function () { return onClick && onClick(selections); }, color: (_b = colors === null || colors === void 0 ? void 0 : colors.text) === null || _b === void 0 ? void 0 : _b[500], _hover: isHoverEnabled
59
30
  ? { color: hoverColor ? hoverColor : (_c = colors === null || colors === void 0 ? void 0 : colors.primary) === null || _c === void 0 ? void 0 : _c[500] } // ✅ hover updates both
60
31
  : {}, transition: "color 0.2s ease" // ✅ smooth animation
61
32
  },
@@ -64,14 +35,14 @@ var ListItem = function (_a) {
64
35
  name));
65
36
  };
66
37
  var HeaderActions = function (_a) {
67
- var _b, _c, _d, _e, _f, _g, _h, _j;
38
+ var _b, _c, _d, _e, _f, _g, _h, _j, _k;
68
39
  var actions = _a.actions, selections = _a.selections;
69
40
  var colors = (0, useCustomTheme_1.useCustomTheme)().colors;
70
41
  return (react_2.default.createElement(react_1.Box, { display: "flex", gap: 4, fontSize: "0.875rem", fontWeight: 400, color: (_b = colors === null || colors === void 0 ? void 0 : colors.secondary) === null || _b === void 0 ? void 0 : _b[500] },
71
42
  ((_c = actions === null || actions === void 0 ? void 0 : actions.isDelete) === null || _c === void 0 ? void 0 : _c.enabled) && (react_2.default.createElement(ListItem, { icon: react_2.default.createElement(lucide_react_1.Trash2, { className: "w-4 h-4" }), name: "Delete", onClick: (_d = actions === null || actions === void 0 ? void 0 : actions.isDelete) === null || _d === void 0 ? void 0 : _d.onClick, selections: selections, isHoverEnabled: true, hoverColor: (_e = colors === null || colors === void 0 ? void 0 : colors.red) === null || _e === void 0 ? void 0 : _e[500] })),
72
- ((_f = actions === null || actions === void 0 ? void 0 : actions.isUpdate) === null || _f === void 0 ? void 0 : _f.enabled) && (react_2.default.createElement(ListItem, { icon: react_2.default.createElement(lucide_react_1.SquarePen, { className: "w-4 h-4" }), name: "Mass Update", onClick: (_g = actions === null || actions === void 0 ? void 0 : actions.isUpdate) === null || _g === void 0 ? void 0 : _g.onClick, selections: selections })),
73
- ((_h = actions === null || actions === void 0 ? void 0 : actions.items) === null || _h === void 0 ? void 0 : _h.length)
74
- ? (_j = actions === null || actions === void 0 ? void 0 : actions.items) === null || _j === void 0 ? void 0 : _j.map(function (item) { return (react_2.default.createElement(ListItem, __assign({}, item, { selections: selections }))); })
43
+ ((_f = actions === null || actions === void 0 ? void 0 : actions.isUpdate) === null || _f === void 0 ? void 0 : _f.enabled) && (react_2.default.createElement(ListItem, { icon: react_2.default.createElement(lucide_react_1.SquarePen, { className: "w-4 h-4" }), name: "Mass Update", onClick: (_g = actions === null || actions === void 0 ? void 0 : actions.isUpdate) === null || _g === void 0 ? void 0 : _g.onClick, selections: selections, isHoverEnabled: true, hoverColor: (_h = colors === null || colors === void 0 ? void 0 : colors.primary) === null || _h === void 0 ? void 0 : _h[500] })),
44
+ ((_j = actions === null || actions === void 0 ? void 0 : actions.items) === null || _j === void 0 ? void 0 : _j.length)
45
+ ? (_k = actions === null || actions === void 0 ? void 0 : actions.items) === null || _k === void 0 ? void 0 : _k.map(function (item) { return (react_2.default.createElement(ListItem, __assign({}, item, { selections: selections }))); })
75
46
  : null));
76
47
  };
77
48
  exports.default = HeaderActions;
package/dist/index.d.ts CHANGED
@@ -59,5 +59,6 @@ import { InputSwitch } from "./Components/Input/Switch/InputSwitch";
59
59
  import PaymentCard from "./Components/Card/PaymentCard/PaymentCard";
60
60
  import ApexLineChart from "./Components/Apexcharts/ApexLineChart/ApexLineChart";
61
61
  import Notification from "./Components/Notification/Notification";
62
- export { Accordian, AlertDialog, ApexBarChart, ApexPieChart, ApexPolarChart, ApexLineChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, ContactForm, DatePicker, Drawer, DrawerHeader, DrawerBody, DrawerFooter, Dropdown, Editor, FileUpload, FileUploader, FormWrapper, Header, HeaderActions, InputTextArea, InputSwitch, KanbanBoard, Loading, Modal, ModalHeader, ModalBody, ModalFooter, NavigationBar, Notification, NoteTextArea, MultiSelect, NumberInput, PaymentCard, PhoneNumberInput, PinInput, ProductCard, ProductDetails, ProfileCard, ProfileCardHeader, ProfileCardBody, ProfileCardFooter, ProfilePhotoViewer, ProgressBar, RadioButton, RadioButtonGroup, Reorder, Search, Select, SearchSelect, SelectSearch, SideBar, Slider, Skeletons, Switch, Table, TableToggle, Tag, TextInput, Timeline, Toaster, ToolTip, useToaster, VerifyEmailOtp, useCustomTheme, ThemesList, debounce, };
62
+ import ThemeDatePicker from "./Components/DatePicker/ThemeDatePicker";
63
+ export { Accordian, AlertDialog, ApexBarChart, ApexPieChart, ApexPolarChart, ApexLineChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, ContactForm, DatePicker, ThemeDatePicker, Drawer, DrawerHeader, DrawerBody, DrawerFooter, Dropdown, Editor, FileUpload, FileUploader, FormWrapper, Header, HeaderActions, InputTextArea, InputSwitch, KanbanBoard, Loading, Modal, ModalHeader, ModalBody, ModalFooter, NavigationBar, Notification, NoteTextArea, MultiSelect, NumberInput, PaymentCard, PhoneNumberInput, PinInput, ProductCard, ProductDetails, ProfileCard, ProfileCardHeader, ProfileCardBody, ProfileCardFooter, ProfilePhotoViewer, ProgressBar, RadioButton, RadioButtonGroup, Reorder, Search, Select, SearchSelect, SelectSearch, SideBar, Slider, Skeletons, Switch, Table, TableToggle, Tag, TextInput, Timeline, Toaster, ToolTip, useToaster, VerifyEmailOtp, useCustomTheme, ThemesList, debounce, };
63
64
  export default withTheme;
package/dist/index.js CHANGED
@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
27
27
  return (mod && mod.__esModule) ? mod : { "default": mod };
28
28
  };
29
29
  Object.defineProperty(exports, "__esModule", { value: true });
30
- exports.RadioButtonGroup = exports.RadioButton = exports.ProgressBar = exports.ProfilePhotoViewer = exports.ProfileCardFooter = exports.ProfileCardBody = exports.ProfileCardHeader = exports.ProfileCard = exports.ProductDetails = exports.ProductCard = exports.PinInput = exports.PhoneNumberInput = exports.PaymentCard = exports.NumberInput = exports.MultiSelect = exports.NoteTextArea = exports.Notification = exports.NavigationBar = exports.ModalFooter = exports.ModalBody = exports.ModalHeader = exports.Modal = exports.Loading = exports.KanbanBoard = exports.InputSwitch = exports.InputTextArea = exports.HeaderActions = exports.Header = exports.FormWrapper = exports.FileUploader = exports.FileUpload = exports.Editor = exports.Dropdown = exports.DrawerFooter = exports.DrawerBody = exports.DrawerHeader = exports.Drawer = exports.DatePicker = exports.ContactForm = exports.Checkbox = exports.Card = exports.ButtonGroupIcon = exports.Button = exports.Breadcrumbs = exports.ApexLineChart = exports.ApexPolarChart = exports.ApexPieChart = exports.ApexBarChart = exports.AlertDialog = exports.Accordian = void 0;
31
- exports.debounce = exports.ThemesList = exports.useCustomTheme = exports.VerifyEmailOtp = exports.useToaster = exports.ToolTip = exports.Toaster = exports.Timeline = exports.TextInput = exports.Tag = exports.TableToggle = exports.Table = exports.Switch = exports.Skeletons = exports.Slider = exports.SideBar = exports.SelectSearch = exports.SearchSelect = exports.Select = exports.Search = exports.Reorder = void 0;
30
+ exports.RadioButton = exports.ProgressBar = exports.ProfilePhotoViewer = exports.ProfileCardFooter = exports.ProfileCardBody = exports.ProfileCardHeader = exports.ProfileCard = exports.ProductDetails = exports.ProductCard = exports.PinInput = exports.PhoneNumberInput = exports.PaymentCard = exports.NumberInput = exports.MultiSelect = exports.NoteTextArea = exports.Notification = exports.NavigationBar = exports.ModalFooter = exports.ModalBody = exports.ModalHeader = exports.Modal = exports.Loading = exports.KanbanBoard = exports.InputSwitch = exports.InputTextArea = exports.HeaderActions = exports.Header = exports.FormWrapper = exports.FileUploader = exports.FileUpload = exports.Editor = exports.Dropdown = exports.DrawerFooter = exports.DrawerBody = exports.DrawerHeader = exports.Drawer = exports.ThemeDatePicker = exports.DatePicker = exports.ContactForm = exports.Checkbox = exports.Card = exports.ButtonGroupIcon = exports.Button = exports.Breadcrumbs = exports.ApexLineChart = exports.ApexPolarChart = exports.ApexPieChart = exports.ApexBarChart = exports.AlertDialog = exports.Accordian = void 0;
31
+ exports.debounce = exports.ThemesList = exports.useCustomTheme = exports.VerifyEmailOtp = exports.useToaster = exports.ToolTip = exports.Toaster = exports.Timeline = exports.TextInput = exports.Tag = exports.TableToggle = exports.Table = exports.Switch = exports.Skeletons = exports.Slider = exports.SideBar = exports.SelectSearch = exports.SearchSelect = exports.Select = exports.Search = exports.Reorder = exports.RadioButtonGroup = void 0;
32
32
  var Accordion_1 = __importDefault(require("./Components/Accordion/Accordion"));
33
33
  exports.Accordian = Accordion_1.default;
34
34
  var AlertDialog_1 = __importDefault(require("./Components/AlertDialog/AlertDialog"));
@@ -161,4 +161,6 @@ var ApexLineChart_1 = __importDefault(require("./Components/Apexcharts/ApexLineC
161
161
  exports.ApexLineChart = ApexLineChart_1.default;
162
162
  var Notification_1 = __importDefault(require("./Components/Notification/Notification"));
163
163
  exports.Notification = Notification_1.default;
164
+ var ThemeDatePicker_1 = __importDefault(require("./Components/DatePicker/ThemeDatePicker"));
165
+ exports.ThemeDatePicker = ThemeDatePicker_1.default;
164
166
  exports.default = withTheme_1.default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pixelize-design-library",
3
- "version": "2.2.44",
3
+ "version": "2.2.46",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",