@mekari/pixel3-date-picker 0.0.3-dev.0 → 0.1.0

package/dist/utils/base.js

@@ -23,7 +23,9 @@ var base_exports = {};
 __export(base_exports, {
   assign: () => assign,
   chunk: () => chunk,
+  generateOptions: () => generateOptions,
   isObject: () => isObject,
+  padNumber: () => padNumber,
   pick: () => pick
 });
 module.exports = __toCommonJS(base_exports);
@@ -71,10 +73,28 @@ var assign = /* @__PURE__ */ __name((initial, override) => {
     };
   }, {});
 }, "assign");
+function padNumber(value) {
+  value = parseInt(value, 10);
+  return value < 10 ? `0${value}` : `${value}`;
+}
+__name(padNumber, "padNumber");
+function generateOptions(length, step) {
+  if (step <= 0) {
+    step = 1;
+  }
+  const arr = [];
+  for (let i = 0; i < length; i += step) {
+    arr.push(i);
+  }
+  return arr;
+}
+__name(generateOptions, "generateOptions");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   assign,
   chunk,
+  generateOptions,
   isObject,
+  padNumber,
   pick
 });

package/dist/utils/base.mjs

@@ -1,13 +1,17 @@
 import {
   assign,
   chunk,
+  generateOptions,
   isObject,
+  padNumber,
   pick
-} from "../chunk-NIUQXHGQ.mjs";
+} from "../chunk-E5BRVBZ2.mjs";
 import "../chunk-QZ7VFGWC.mjs";
 export {
   assign,
   chunk,
+  generateOptions,
   isObject,
+  padNumber,
   pick
 };

package/dist/utils/date.d.mts

@@ -15,5 +15,6 @@ declare function getNextMonth(date: Date): Date;
 declare function getPreviousMonth(date: Date): Date;
 declare function addDays(value: Date, days: number): Date;
 declare function isDateBetween(date: Date, min: Date, max: Date): boolean;
+declare function getValidDate(value: Date | string | number, ...backup: (Date | string | number)[]): Date;
 
-export { addDays, createDate, getCalendar, getNextMonth, getPreviousMonth, isDateBetween, isValidDate, isValidRangeDate, startOfDay, startOfMonth, startOfWeek, startOfYear };
+export { addDays, createDate, getCalendar, getNextMonth, getPreviousMonth, getValidDate, isDateBetween, isValidDate, isValidRangeDate, startOfDay, startOfMonth, startOfWeek, startOfYear };

package/dist/utils/date.d.ts

@@ -15,5 +15,6 @@ declare function getNextMonth(date: Date): Date;
 declare function getPreviousMonth(date: Date): Date;
 declare function addDays(value: Date, days: number): Date;
 declare function isDateBetween(date: Date, min: Date, max: Date): boolean;
+declare function getValidDate(value: Date | string | number, ...backup: (Date | string | number)[]): Date;
 
-export { addDays, createDate, getCalendar, getNextMonth, getPreviousMonth, isDateBetween, isValidDate, isValidRangeDate, startOfDay, startOfMonth, startOfWeek, startOfYear };
+export { addDays, createDate, getCalendar, getNextMonth, getPreviousMonth, getValidDate, isDateBetween, isValidDate, isValidRangeDate, startOfDay, startOfMonth, startOfWeek, startOfYear };

package/dist/utils/date.js

@@ -26,6 +26,7 @@ __export(date_exports, {
   getCalendar: () => getCalendar,
   getNextMonth: () => getNextMonth,
   getPreviousMonth: () => getPreviousMonth,
+  getValidDate: () => getValidDate,
   isDateBetween: () => isDateBetween,
   isValidDate: () => isValidDate,
   isValidRangeDate: () => isValidRangeDate,
@@ -130,6 +131,17 @@ function isDateBetween(date, min, max) {
   return _date.getTime() >= _min.getTime() && _date.getTime() <= _max.getTime();
 }
 __name(isDateBetween, "isDateBetween");
+function getValidDate(value, ...backup) {
+  const date = new Date(value);
+  if (isValidDate(date)) {
+    return date;
+  }
+  if (backup.length) {
+    return getValidDate(backup[0], ...backup.slice(1));
+  }
+  return /* @__PURE__ */ new Date();
+}
+__name(getValidDate, "getValidDate");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   addDays,
@@ -137,6 +149,7 @@ __name(isDateBetween, "isDateBetween");
   getCalendar,
   getNextMonth,
   getPreviousMonth,
+  getValidDate,
   isDateBetween,
   isValidDate,
   isValidRangeDate,

package/dist/utils/date.mjs

@@ -4,6 +4,7 @@ import {
   getCalendar,
   getNextMonth,
   getPreviousMonth,
+  getValidDate,
   isDateBetween,
   isValidDate,
   isValidRangeDate,
@@ -11,7 +12,7 @@ import {
   startOfMonth,
   startOfWeek,
   startOfYear
-} from "../chunk-26Y3AVJW.mjs";
+} from "../chunk-U7O52D6B.mjs";
 import "../chunk-QZ7VFGWC.mjs";
 export {
   addDays,
@@ -19,6 +20,7 @@ export {
   getCalendar,
   getNextMonth,
   getPreviousMonth,
+  getValidDate,
   isDateBetween,
   isValidDate,
   isValidRangeDate,

package/dist/utils/dom.d.mts

@@ -0,0 +1,18 @@
+/**
+ * Recursively finds the scrollable parent element of a given node.
+ *
+ * @param {HTMLElement | null} node - The starting node to search from.
+ * @param {HTMLElement} [until=document.body] - The node at which to stop searching.
+ * @returns {HTMLElement | null} The scrollable parent element, or null if none is found.
+ */
+declare function getScrollParent(node: HTMLElement | null, until?: HTMLElement): HTMLElement | null;
+/**
+ * Scrolls an element to a specified position over a given duration.
+ *
+ * @param {HTMLElement} element - The element to scroll.
+ * @param {number} to - The target scroll position.
+ * @param {number} [duration=0] - The duration of the scroll in milliseconds. If 0, scrolls instantly.
+ */
+declare function scrollTo(element: HTMLElement, to: number, duration?: number): void;
+
+export { getScrollParent, scrollTo };

package/dist/utils/dom.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Recursively finds the scrollable parent element of a given node.
+ *
+ * @param {HTMLElement | null} node - The starting node to search from.
+ * @param {HTMLElement} [until=document.body] - The node at which to stop searching.
+ * @returns {HTMLElement | null} The scrollable parent element, or null if none is found.
+ */
+declare function getScrollParent(node: HTMLElement | null, until?: HTMLElement): HTMLElement | null;
+/**
+ * Scrolls an element to a specified position over a given duration.
+ *
+ * @param {HTMLElement} element - The element to scroll.
+ * @param {number} to - The target scroll position.
+ * @param {number} [duration=0] - The duration of the scroll in milliseconds. If 0, scrolls instantly.
+ */
+declare function scrollTo(element: HTMLElement, to: number, duration?: number): void;
+
+export { getScrollParent, scrollTo };

package/dist/utils/dom.js

@@ -0,0 +1,62 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/dom.ts
+var dom_exports = {};
+__export(dom_exports, {
+  getScrollParent: () => getScrollParent,
+  scrollTo: () => scrollTo
+});
+module.exports = __toCommonJS(dom_exports);
+function getScrollParent(node, until = document.body) {
+  if (!node || node === until) {
+    return null;
+  }
+  const style = /* @__PURE__ */ __name((value, prop) => getComputedStyle(value, null).getPropertyValue(prop), "style");
+  const regex = /(auto|scroll)/;
+  const scroll = regex.test(style(node, "overflow") + style(node, "overflow-y") + style(node, "overflow-x"));
+  return scroll ? node : getScrollParent(node.parentElement, until);
+}
+__name(getScrollParent, "getScrollParent");
+function scrollTo(element, to, duration = 0) {
+  if (duration <= 0) {
+    requestAnimationFrame(() => {
+      element.scrollTop = to;
+    });
+    return;
+  }
+  const difference = to - element.scrollTop;
+  const tick = difference / duration * 10;
+  requestAnimationFrame(() => {
+    const scrollTop = element.scrollTop + tick;
+    if (scrollTop >= to) {
+      element.scrollTop = to;
+      return;
+    }
+    element.scrollTop = scrollTop;
+    scrollTo(element, to, duration - 10);
+  });
+}
+__name(scrollTo, "scrollTo");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getScrollParent,
+  scrollTo
+});

package/dist/utils/dom.mjs

@@ -0,0 +1,9 @@
+import {
+  getScrollParent,
+  scrollTo
+} from "../chunk-OYJNIILC.mjs";
+import "../chunk-QZ7VFGWC.mjs";
+export {
+  getScrollParent,
+  scrollTo
+};

package/package.json

@@ -2,7 +2,7 @@
   "name": "@mekari/pixel3-date-picker",
   "description": "Date Picker component for mekari pixel 3",
   "author": "Dimas Raka Septiawan <dimas.raka@mekari.com>",
-  "version": "0.0.3-dev.0",
+  "version": "0.1.0",
   "main": "dist/index.js",
   "license": "MIT",
   "files": [
@@ -11,11 +11,11 @@
   "dependencies": {
     "date-fns": "^3.3.1",
     "date-format-parse": "^0.2.7",
-    "@mekari/pixel3-input": "0.0.10",
-    "@mekari/pixel3-popover": "0.0.11-dev.0",
-    "@mekari/pixel3-button": "0.0.10",
-    "@mekari/pixel3-icon": "0.0.10",
-    "@mekari/pixel3-styled-system": "0.0.8",
+    "@mekari/pixel3-input": "0.0.11",
+    "@mekari/pixel3-popover": "0.0.11",
+    "@mekari/pixel3-button": "0.0.11",
+    "@mekari/pixel3-icon": "0.0.11",
+    "@mekari/pixel3-styled-system": "0.0.9",
     "@mekari/pixel3-utils": "0.0.6"
   },
   "peerDependencies": {