@ukic/canary-web-components 3.0.0-canary.30 → 3.0.0-canary.32

package/dist/components/ic-date-input2.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { b as isEmptyString, s as stringEnumToArray, l as getInputDescribedByText, r as removeDisabledFalse, m as removeFormResetListener, n as addFormResetListener, o as onComponentRequiredPropUndefined, q as isNumeric, t as IcInformationStatus, u as renderHiddenInput, v as IcDayNames, w as IcDateInputMonths } from './helpers2.js';
+import { f as isEmptyString, s as stringEnumToArray, t as getInputDescribedByText, r as removeDisabledFalse, u as removeFormResetListener, v as addFormResetListener, o as onComponentRequiredPropUndefined, w as isNumeric, x as IcInformationStatus, y as renderHiddenInput, I as IcDayNames, a as IcDateInputMonths } from './helpers2.js';
+import { e as dateMatches, j as isDateOrEpoch, f as convertToDoubleDigits, s as splitStringDate, c as createDate, k as extractDateFromZuluDateTime } from './date-helpers.js';
 import { C as Clear } from './clear-icon.js';
 import { d as defineCustomElement$8 } from './ic-button2.js';
 import { d as defineCustomElement$7 } from './ic-input-component-container2.js';
@@ -10,89 +11,6 @@ import { d as defineCustomElement$3 } from './ic-loading-indicator2.js';
 import { d as defineCustomElement$2 } from './ic-tooltip2.js';
 import { d as defineCustomElement$1 } from './ic-typography2.js';
 
-const isMonthFirstFormat = (dateString) => {
-    const monthFirstFormat = /^(0[1-9]|1[0-2])(\/|-)(0[1-9]|[12][0-9]|3[01])(\/|-)\d{4}$/;
-    return monthFirstFormat.test(dateString);
-};
-const createDate = (date, dateFormat) => {
-    let newDate = new Date();
-    if (isDateOrEpoch(date)) {
-        newDate = typeof date === "string" ? new Date(date) : date;
-    }
-    else if (typeof date === "string") {
-        const dateArray = splitStringDate(date, dateFormat);
-        const year = Number(dateArray[0]);
-        const month = Number(dateArray[1]) - 1;
-        const day = Number(dateArray[2]);
-        newDate = new Date(year, month, day);
-    }
-    return newDate;
-};
-const isDateOrEpoch = (date) => date instanceof Date || !isNaN(+new Date(+date));
-const extractDateFromZuluDateTime = (zuluDateTime) => zuluDateTime.slice(0, zuluDateTime.indexOf("T"));
-const splitStringDate = (date, dateFormat) => {
-    // returns an array where item 1 is year, item 2 is month, item 3 is day
-    if (date.includes("T") && date.includes("Z"))
-        return extractDateFromZuluDateTime(date).split("-");
-    let newDate = [];
-    const splitDateWithSlashes = date.replace(/-/g, "/").split("/");
-    if (splitDateWithSlashes.length > 1) {
-        const dateParts = splitDateWithSlashes.map((part) => part.length === 1 ? convertToDoubleDigits(part) : part); // pad any values to 2 characters
-        if (dateParts[0].length === 4) {
-            newDate = [dateParts[0], dateParts[1], dateParts[2]];
-        }
-        else {
-            newDate = [dateParts[2], dateParts[1], dateParts[0]];
-            if (isMonthFirstFormat(dateParts.join("/")) &&
-                dateFormat.charAt(0) === "M") {
-                newDate = [dateParts[2], dateParts[0], dateParts[1]];
-            }
-        }
-    }
-    return newDate;
-};
-const convertToDoubleDigits = (value) => +value < 10 ? `0${value}` : value.toString();
-const getWeekStart = (date, startDay) => {
-    const tmpDate = new Date(date);
-    const day = tmpDate.getDay();
-    const diff = (day < startDay ? 7 : 0) + day - startDay;
-    tmpDate.setDate(tmpDate.getDate() - diff);
-    return tmpDate;
-};
-const getMonthStart = (date) => {
-    return new Date(date.getFullYear(), date.getMonth(), 1);
-};
-const getMonthEnd = (date) => {
-    return new Date(date.getFullYear(), date.getMonth() + 1, 0);
-};
-const addSixWeeks = (start) => {
-    return new Date(new Date(start).setDate(start.getDate() + 41));
-};
-/**
- * Compare if two dates are equal exactly equal
- */
-const dateMatches = (a, b) => a !== null &&
-    b !== null &&
-    a.getFullYear() === b.getFullYear() &&
-    a.getMonth() === b.getMonth() &&
-    a.getDate() === b.getDate();
-const clampDate = (date, min, max) => {
-    const time = date.getTime();
-    if (min !== null && time < min.getTime()) {
-        return min;
-    }
-    if (max !== null && time > max.getTime()) {
-        return max;
-    }
-    return date;
-};
-/**
- * Compare if date is within specified range
- */
-const dateInRange = (date, min, max) => clampDate(date, min, max) === date;
-const yearInRange = (year, min, max) => !year ||
-    (!(min && year < min.getFullYear()) && !(max && year > max.getFullYear()));
-
 const Calendar = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
   <path d="M16.6667 2.50004H15.8334V0.833374H14.1667V2.50004H5.83342V0.833374H4.16675V2.50004H3.33341C2.41675 2.50004 1.66675 3.25004 1.66675 4.16671V17.5C1.66675 18.4167 2.41675 19.1667 3.33341 19.1667H16.6667C17.5834 19.1667 18.3334 18.4167 18.3334 17.5V4.16671C18.3334 3.25004 17.5834 2.50004 16.6667 2.50004ZM16.6667 17.5H3.33341V6.66671H16.6667V17.5Z" fill="currentColor"/>
 </svg>`;
@@ -1271,15 +1189,15 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLE
                 : "";
         const assistiveHint = `Type or use the up and down arrow keys to change the values for the ${this.getDescOfInputsOrder()}.`;
         renderHiddenInput(true, this.el, this.name, this.convertToDate(this.year, this.month, this.day), this.disabled);
-        return (h(Host, { key: 'c076a1712793e36c9fd904692d64f44297a41d58', class: {
+        return (h(Host, { key: '0b677de27ad0835484eb7a68e6bc52cddb13b975', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 [`ic-date-input-disabled`]: disabled,
-            }, onBlur: this.handleHostBlur, onFocus: this.handleHostFocus }, h("ic-input-container", { key: 'a706d073ade2f587fe661e8eedd533fcac2eb8d2', disabled: disabled }, !(hideLabel && hideHelperText) && (h("ic-input-label", { key: '2df45206bb1dec22719805dd75419d99ce0321dd', for: inputId, label: label, hideLabel: hideLabel, helperText: !hideHelperText ? helperText : "", disabled: disabled }, h("slot", { key: '8f5458681b9ea085c67ff7c1022f5512181dd37a', name: "helper-text", slot: "helper-text" }))), h("span", { key: 'cc1ced7c0cf7e46b0792ad06995b15273126c040', id: this.screenReaderInfoId, class: "sr-only", "aria-hidden": "true" }, this.getScreenReaderInfo(validationStatus), hideLabel && `${label}\n`, hideHelperText && `${helperText}\n`, `${this.defaultHelperText}.`), h("span", { key: '53cc25e4eccf56a7a64a7b28d207c98e78abeec7', id: this.assistiveHintId, class: "sr-only", "aria-hidden": "true" }, assistiveHint), h("span", { key: '652f13800a903a2f92451abe2abfbbf63f72fd73', id: "live-region", "aria-live": "assertive", class: "sr-only" }), h("ic-input-component-container", { key: 'e2ec60bbf7e7f39e79de567ef30642f0e175b1c6', id: inputId, ref: (el) => (this.inputCompContainerEl = el), disabled: disabled, validationStatus: validationStatus, size: size, role: "group", class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, h("div", { key: '891bb0f4b524a7dae73ea3eacbaacd460ceab542', class: "input-container" }, h("div", { key: '476965e1b07bc962741ffe0f74661d6e4631d576', class: "date-inputs" }, this.getInputsInOrder()[0], "/", this.getInputsInOrder()[1], "/", this.getInputsInOrder()[2]), h("div", { key: '752c0fd5df110547b8161b1cde61edb690c6c7fa', class: "action-buttons" }, showClearButton && (h("ic-button", { key: 'cf5c9fe8b8348071a764c57df98ed7d217674735', id: "clear-button", "aria-label": "Clear input", class: {
+            }, onBlur: this.handleHostBlur, onFocus: this.handleHostFocus }, h("ic-input-container", { key: '8b440f9db75cf42c81163a8fc3fc927bddf061e7', disabled: disabled }, !(hideLabel && hideHelperText) && (h("ic-input-label", { key: '459c0ccececeddf034ee64775c41bea6e2c57b29', for: inputId, label: label, hideLabel: hideLabel, helperText: !hideHelperText ? helperText : "", disabled: disabled }, h("slot", { key: 'd051f25b9e91432752719c4c3e7511242697f93b', name: "helper-text", slot: "helper-text" }))), h("span", { key: 'bf2072a9a7482fa73ad3d4f178eadf3a39ea38d4', id: this.screenReaderInfoId, class: "sr-only", "aria-hidden": "true" }, this.getScreenReaderInfo(validationStatus), hideLabel && `${label}\n`, hideHelperText && `${helperText}\n`, `${this.defaultHelperText}.`), h("span", { key: 'ddae7fb05d3ff797eb08207dd12b3d98f0f3aa05', id: this.assistiveHintId, class: "sr-only", "aria-hidden": "true" }, assistiveHint), h("span", { key: 'bbd17aaf26b098379f436a6fc59fdcee52c52b64', id: "live-region", "aria-live": "assertive", class: "sr-only" }), h("ic-input-component-container", { key: 'c602e815b61b7c7bbd31390f47116f58b21852d4', id: inputId, ref: (el) => (this.inputCompContainerEl = el), disabled: disabled, validationStatus: validationStatus, size: size, role: "group", class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, h("div", { key: '131868d25ab4297d80efec74f893552817f17186', class: "input-container" }, h("div", { key: 'c7184bd4b046ffd309fb20ee8fc90033d33e05fc', class: "date-inputs" }, this.getInputsInOrder()[0], "/", this.getInputsInOrder()[1], "/", this.getInputsInOrder()[2]), h("div", { key: '09009c954f7f4d0771553fdc13bfe2cc25cbf74a', class: "action-buttons" }, showClearButton && (h("ic-button", { key: '7a1878087c6b6091a7ef27c4cac6ac145ca09ae9', id: "clear-button", "aria-label": "Clear input", class: {
                 ["clear-button"]: true,
                 ["hidden"]: isEmptyString(this.day) &&
                     isEmptyString(this.month) &&
                     isEmptyString(this.year),
-            }, disabled: this.disabled, innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearFocus, onBlur: this.handleClearBlur, variant: "icon-tertiary", theme: this.clearButtonFocused ? "light" : "dark", size: size })), showCalendarButton && (h("div", { key: '6e018c3cfb028691aa57c88df2f7d29e0adb1f78', class: "show-calendar-button-wrapper" }, h("div", { key: 'dcd83751b62337a77a4471489c7ba38d43cd45a6', class: { divider: true, [size]: true } }), h("ic-button", { key: '5b917499227bc7e7c1d3dd5b01f0040f10c7adc1', id: "calendar-button", ref: (el) => (this.calendarButtonEl = el), "aria-label": "Display calendar", "aria-haspopup": "dialog", class: "calendar-button", disabled: this.disabled, innerHTML: Calendar, onClick: this.handleCalendarOpen, variant: "icon-tertiary", size: size, onFocus: this.handleCalendarFocus, onBlur: this.handleCalendarBlur, theme: this.calendarFocused ? "light" : "dark" })))))), h("span", { key: 'a1d4b4da8df73e766ba1096f193142a95af941d8', id: this.selectedDateInfoId, class: "sr-only", "aria-live": "polite" }, h("span", { key: '92e0f6e22dca3f9c5f0f05dcf1a6e5fa43e2e05a', ref: (el) => (this.selectedDateInfoEl = el), role: "status" })), h("ic-input-validation", { key: '3d38e48eb14e60ad40639bb7ee44a1307585c4e3', status: validationStatus, message: hasCustomValidation ? this.validationText : this.invalidDateText, for: inputId, ariaLiveMode: validationAriaLive }))));
+            }, disabled: this.disabled, innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearFocus, onBlur: this.handleClearBlur, variant: "icon-tertiary", theme: this.clearButtonFocused ? "light" : "dark", size: size })), showCalendarButton && (h("div", { key: 'ec2f995db607ae5d575ddd7994e85f4b883ce2bb', class: "show-calendar-button-wrapper" }, h("div", { key: '74e895071ab608fcccc0a3e2b2ec368511efe4d3', class: { divider: true, [size]: true } }), h("ic-button", { key: '51e8939da851ae18809840d22492f3b5be958b26', id: "calendar-button", ref: (el) => (this.calendarButtonEl = el), "aria-label": "Display calendar", "aria-haspopup": "dialog", class: "calendar-button", disabled: this.disabled, innerHTML: Calendar, onClick: this.handleCalendarOpen, variant: "icon-tertiary", size: size, onFocus: this.handleCalendarFocus, onBlur: this.handleCalendarBlur, theme: this.calendarFocused ? "light" : "dark" })))))), h("span", { key: '77d360d10492577650304e7914021ad40bb8b281', id: this.selectedDateInfoId, class: "sr-only", "aria-live": "polite" }, h("span", { key: '1c285045fb1b18bca93c9e32956e93b8d400b0a1', ref: (el) => (this.selectedDateInfoEl = el), role: "status" })), h("ic-input-validation", { key: '7f02c2d9ec754c92dec3156339e6ea6b504b8d74', status: validationStatus, message: hasCustomValidation ? this.validationText : this.invalidDateText, for: inputId, ariaLiveMode: validationAriaLive }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return this; }
@@ -1401,6 +1319,6 @@ function defineCustomElement() {
     } });
 }
 
-export { DateInput as D, dateInRange as a, getMonthStart as b, dateMatches as c, defineCustomElement as d, getWeekStart as e, addSixWeeks as f, getMonthEnd as g, clampDate as h, createDate as i, yearInRange as y };
+export { DateInput as D, defineCustomElement as d };
 
 //# sourceMappingURL=ic-date-input2.js.map