reso-ui 2.44.0 → 3.0.0-alpha.2

package/dist/esm/forms/Containers/Control-Wrapper/Control-Wrapper.js

@@ -0,0 +1,17 @@
+import React__default from 'react';
+import { Flex } from '../../../components/Containers/Flex/Flex.js';
+import { createComponentStyles, createLayoutStyles } from '../../../utils/styles.js';
+
+const ControlWrapper = ({ layout = "row", rootClassName, rootStyles = {}, children, mb = 4, ...spacingsProps }) => {
+    const containerClasses = createComponentStyles(createLayoutStyles({
+        resoui_controlWrapper_container: true,
+    }, rootClassName));
+    return (React__default.createElement(Flex
+    // rootStyles={{ border: "1px solid blue" }}
+    , { 
+        // rootStyles={{ border: "1px solid blue" }}
+        direction: layout === "row" ? "row" : "column", align: "start", justify: "start", rootClassName: containerClasses, rootStyles: rootStyles, mb: mb, ...spacingsProps }, children));
+};
+
+export { ControlWrapper };
+//# sourceMappingURL=Control-Wrapper.js.map

package/dist/esm/forms/Containers/Control-Wrapper/Control-Wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Control-Wrapper.js","sources":["../../../../../src/library/forms/Containers/Control-Wrapper/Control-Wrapper.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;AA0BO,MAAM,cAAc,GAAG,CAAC,EAC7B,MAAM,GAAG,KAAK,EACd,aAAa,EACb,UAAU,GAAG,EAAE,EACf,QAAQ,EACR,EAAE,GAAG,CAAC,EACN,GAAG,aAAa,EACK,KAAI;AACzB,IAAA,MAAM,gBAAgB,GAAG,qBAAqB,CAC5C,kBAAkB,CAChB;AACE,QAAA,+BAA+B,EAAE,IAAI;KACtC,EACD,aAAa,CACd,CACF;IAED,QACEA,6BAAC;;;;AAEC,QAAA,SAAS,EAAE,MAAM,KAAK,KAAK,GAAG,KAAK,GAAG,QAAQ,EAC9C,KAAK,EAAC,OAAO,EACb,OAAO,EAAC,OAAO,EACf,aAAa,EAAE,gBAAgB,EAC/B,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,EAAE,EAAA,GACF,aAAa,IAEhB,QAAQ,CACJ;AAEX;;;;"}

package/dist/esm/forms/Containers/Form-Container/Form-Container.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import IComponent from "../../../interfaces/IComponent";
+import ISpacingsProps from "../../../interfaces/ISpacingsProps";
+import "./styles/Form-Container.layout.scss";
+import "./styles/Form-Container.theme.scss";
+export interface IFormContainerProps extends IComponent, ISpacingsProps {
+    id?: string;
+    children: React.ReactNode;
+    onSubmit: () => void;
+    onInvalid?: () => void;
+    noValidate?: boolean;
+}
+export declare const FormContainer: ({ id, rootClassName, rootStyles, onSubmit, onInvalid, noValidate, children, ...spacingsProps }: IFormContainerProps) => React.JSX.Element;

package/dist/esm/forms/Containers/Form-Container/Form-Container.js

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../../utils/styles.js';
+
+const FormContainer = ({ id, rootClassName, rootStyles = {}, onSubmit, onInvalid, noValidate = false, children, ...spacingsProps }) => {
+    const containerClasses = createComponentStyles(createLayoutStyles(withSpacingsProps({
+        resoui_form_container: true,
+    }, spacingsProps), rootClassName));
+    return (React__default.createElement("form", { id: id, onInvalid: onInvalid, noValidate: noValidate, "data-testid": "form-root", className: containerClasses, style: rootStyles, onSubmit: (e) => {
+            e.preventDefault();
+            onSubmit();
+        } }, children));
+};
+
+export { FormContainer };
+//# sourceMappingURL=Form-Container.js.map

package/dist/esm/forms/Containers/Form-Container/Form-Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form-Container.js","sources":["../../../../../src/library/forms/Containers/Form-Container/Form-Container.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;AA2BO,MAAM,aAAa,GAAG,CAAC,EAC5B,EAAE,EACF,aAAa,EACb,UAAU,GAAG,EAAE,EACf,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,GAAG,aAAa,EACI,KAAI;AACxB,IAAA,MAAM,gBAAgB,GAAG,qBAAqB,CAC5C,kBAAkB,CAChB,iBAAiB,CACf;AACE,QAAA,qBAAqB,EAAE,IAAI;AAC5B,KAAA,EACD,aAAa,CACd,EACD,aAAa,CACd,CACF;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EAAA,aAAA,EACV,WAAW,EACvB,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,CAAC,KAAI;YACd,CAAC,CAAC,cAAc,EAAE;AAClB,YAAA,QAAQ,EAAE;AACZ,QAAA,CAAC,EAAA,EAEA,QAAQ,CACJ;AAEX;;;;"}

package/dist/esm/forms/Containers/Sub-Form-Container/Sub-Form-Container.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import IComponent from "../../../interfaces/IComponent";
+import { IMarginProps } from "../../../interfaces/ISpacingsProps";
+import "./styles/Sub-Form-Container.layout.scss";
+import "./styles/Sub-Form-Container.theme.scss";
+export interface ISubFormContainerProps extends IComponent, IMarginProps {
+    title: string;
+    headerClassName?: string;
+    headerStyles?: React.CSSProperties;
+    contentClassName?: string;
+    contentStyles?: React.CSSProperties;
+    children: React.ReactNode;
+}
+export declare const SubFormContainer: ({ title, rootClassName, rootStyles, contentClassName, contentStyles, headerClassName, headerStyles, children, ...spacingsProps }: ISubFormContainerProps) => React.JSX.Element;

package/dist/esm/forms/Containers/Sub-Form-Container/Sub-Form-Container.js

@@ -0,0 +1,25 @@
+import React__default from 'react';
+import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../../utils/styles.js';
+
+const SubFormContainer = ({ title, rootClassName, rootStyles = {}, contentClassName, contentStyles = {}, headerClassName, headerStyles = {}, children, ...spacingsProps }) => {
+    const containerClasses = createComponentStyles(createLayoutStyles(withSpacingsProps({
+        resoui_subForm_container: true,
+    }, spacingsProps), rootClassName));
+    const headerClasses = createComponentStyles(createLayoutStyles({
+        resoui_subForm_header: true,
+        resoui_heading: true,
+    }, headerClassName, {
+        resoui_no_select: true,
+    }));
+    const contentClasses = createComponentStyles(createLayoutStyles({
+        resoui_subForm_content: true,
+    }, contentClassName, {
+        resoui_no_select: true,
+    }));
+    return (React__default.createElement("div", { "data-testid": "subForm-root", className: containerClasses, style: rootStyles },
+        React__default.createElement("div", { "data-testid": "subForm-header", className: headerClasses, style: headerStyles }, title),
+        React__default.createElement("div", { className: contentClasses, style: contentStyles }, children)));
+};
+
+export { SubFormContainer };
+//# sourceMappingURL=Sub-Form-Container.js.map

package/dist/esm/forms/Containers/Sub-Form-Container/Sub-Form-Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sub-Form-Container.js","sources":["../../../../../src/library/forms/Containers/Sub-Form-Container/Sub-Form-Container.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;AA4BO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,KAAK,EACL,aAAa,EACb,UAAU,GAAG,EAAE,EACf,gBAAgB,EAChB,aAAa,GAAG,EAAE,EAClB,eAAe,EACf,YAAY,GAAG,EAAE,EACjB,QAAQ,EACR,GAAG,aAAa,EACO,KAAI;AAC3B,IAAA,MAAM,gBAAgB,GAAG,qBAAqB,CAC5C,kBAAkB,CAChB,iBAAiB,CACf;AACE,QAAA,wBAAwB,EAAE,IAAI;AAC/B,KAAA,EACD,aAAa,CACd,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,aAAa,GAAG,qBAAqB,CACzC,kBAAkB,CAChB;AACE,QAAA,qBAAqB,EAAE,IAAI;AAC3B,QAAA,cAAc,EAAE,IAAI;AACrB,KAAA,EACD,eAAe,EACf;AACE,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,CACF,CACF;AAED,IAAA,MAAM,cAAc,GAAG,qBAAqB,CAC1C,kBAAkB,CAChB;AACE,QAAA,sBAAsB,EAAE,IAAI;AAC7B,KAAA,EACD,gBAAgB,EAChB;AACE,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,CACF,CACF;IAED,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,cAAc,EAC1B,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,UAAU,EAAA;QAEjBA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,gBAAgB,EAC5B,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,YAAY,EAAA,EAElB,KAAK,CACF;AACN,QAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,aAAa,EAAA,EACjD,QAAQ,CACL,CACF;AAEV;;;;"}

package/dist/esm/forms/Controls/Checkbox/Checkbox.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import IComponent from "../../../interfaces/IComponent";
+import { IMarginProps } from "../../../interfaces/ISpacingsProps";
+import { IFormInputProps } from "../../../interfaces/Form";
+import "../sharedStyles.scss";
+import "./styles/Checkbox.layout.scss";
+import "./styles/Checkbox.theme.scss";
+export interface ICheckboxInputProps extends IComponent, IFormInputProps<boolean>, IMarginProps {
+    children?: React.ReactNode;
+}
+export declare const Checkbox: ({ id, children, value, onChange, onBlur, onFocus, useHTMLErrorMessage, validateOnLoad, error, setError, disabled, required, readonly, autofocus, rootClassName, rootStyles, inputClassName, inputStyles, customValidators, ...spacingsProps }: ICheckboxInputProps) => React.JSX.Element;

package/dist/esm/forms/Controls/Checkbox/Checkbox.js

@@ -0,0 +1,46 @@
+import React__default, { useEffect } from 'react';
+import useInputValidatorsMemo from '../../Hooks/useInputValidatorsMemo.js';
+import { validate } from '../../Validators/index.js';
+import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../../utils/styles.js';
+
+const Checkbox = ({ id = null, children, value, onChange, onBlur, onFocus, useHTMLErrorMessage = false, validateOnLoad, error, setError, disabled = false, required = false, readonly = false, autofocus = false, rootClassName, rootStyles = {}, inputClassName, inputStyles = {}, customValidators = [], ...spacingsProps }) => {
+    const inputValidators = useInputValidatorsMemo("boolean", {
+        required,
+    }, customValidators);
+    // on render
+    useEffect(() => {
+        if (validateOnLoad) {
+            validate(value, inputValidators, setError);
+        }
+    }, []);
+    const handleInputChange = (e) => {
+        const val = e.target.checked;
+        validate(val, inputValidators, setError);
+        onChange(val);
+    };
+    const handleInputInvalid = (e) => {
+        if (!useHTMLErrorMessage) {
+            e.preventDefault();
+            validate(value, inputValidators, setError);
+        }
+    };
+    const containerClasses = createComponentStyles(createLayoutStyles(withSpacingsProps({
+        resoui_form_input_container: true,
+        resoui_checkbox_container: true,
+    }, spacingsProps), rootClassName));
+    const inputClasses = createComponentStyles(createLayoutStyles({
+        resoui_input_text: true,
+        resoui_form_controls_input: true,
+        resoui_input_checkbox: true,
+    }, inputClassName, {
+        disabled,
+    }));
+    return (React__default.createElement("div", { className: containerClasses, style: rootStyles, "data-testid": `checkbox-${id}-container` },
+        React__default.createElement("input", { "data-testid": `checkbox-${id}-input`, id: id, type: "checkbox", checked: value, onChange: handleInputChange, onBlur: onBlur, onFocus: onFocus, onInvalid: handleInputInvalid, disabled: disabled, readOnly: readonly, required: required, autoFocus: autofocus, className: inputClasses, style: inputStyles }),
+        React__default.createElement("div", { className: "resoui_checkbox_right_container" },
+            children && React__default.createElement("div", { className: "resoui_checkbox_children" }, children),
+            error && (React__default.createElement("p", { "data-testid": `checkbox-${id}-error`, className: "resoui_form_input_error resoui_checkbox_error" }, error)))));
+};
+
+export { Checkbox };
+//# sourceMappingURL=Checkbox.js.map

package/dist/esm/forms/Controls/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../../../src/library/forms/Controls/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}

package/dist/esm/forms/Controls/Date-Selector/Date-Selector.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import IComponent from "../../../interfaces/IComponent";
+import { IMarginProps } from "../../../interfaces/ISpacingsProps";
+import { DateDayNameIndex, DateDayNumber, DateMonthIndex } from "./types";
+import "./styles/Date-Selector.layout.scss";
+import "./styles/Date-Selector.theme.scss";
+export interface IDateSelectorProps extends IComponent, IMarginProps {
+    value?: Date;
+    min?: Date;
+    max?: Date;
+    onChange?: (date: Date) => void;
+    onReset?: () => void;
+    disabled?: boolean;
+    gridContainerClassName?: string;
+    gridContainerStyles?: React.CSSProperties;
+    format?: (date: Date) => string;
+    getDisplayDayNumber?: (day: DateDayNumber) => string | DateDayNumber;
+    getDisplayDayName?: (day: DateDayNameIndex) => string;
+    getDisplayMonth?: (month: DateMonthIndex) => string;
+    getDisplayYear?: (year: number) => string;
+}
+export declare const DateSelector: ({ value, min, max, onChange, onReset, disabled, rootClassName, rootStyles, gridContainerClassName, gridContainerStyles, format, getDisplayDayNumber, getDisplayDayName, getDisplayMonth, getDisplayYear, ...spacingsProps }: IDateSelectorProps) => React.JSX.Element;
+export default DateSelector;

package/dist/esm/forms/Controls/Date-Selector/Date-Selector.js

@@ -0,0 +1,68 @@
+import React__default, { useRef, useState, useEffect } from 'react';
+import { DateSelectorHeader } from './components/Date-Selector-Header/Date-Selector-Header.js';
+import { DateSelectorView } from './components/Date-Selector-View/Date-Selector-View.js';
+import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../../utils/styles.js';
+import { hasValue, methodHasValue } from '../../../utils/validations.js';
+import { useClickOutside } from '../../../hooks/useClickOutside.js';
+import { getMonthDisplayNameDefault } from './utils/index.js';
+
+const DateSelector = ({ value, min, max, onChange, onReset, disabled = false, rootClassName, rootStyles, gridContainerClassName, gridContainerStyles = {}, format, getDisplayDayNumber, getDisplayDayName, getDisplayMonth, getDisplayYear, ...spacingsProps }) => {
+    const dateSelectorNodeRef = useRef();
+    const dateNow = new Date();
+    //   states
+    const [isOpen, setIsOpen] = useState(false);
+    // initialize
+    const [dateDate, setDateDate] = useState(1);
+    const [dateYear, setDateYear] = useState(null);
+    const [dateMonth, setDateMonth] = useState(null);
+    useClickOutside(dateSelectorNodeRef, () => {
+        setIsOpen(false);
+    });
+    useEffect(() => {
+        if (value) {
+            setDateDate(value.getDate());
+            setDateYear(value.getFullYear());
+            setDateMonth(value.getMonth());
+        }
+        else {
+            const today = new Date();
+            setDateYear(today.getFullYear());
+            setDateMonth(today.getMonth());
+        }
+        // tslint:disable-next-line: no-empty
+        return () => { };
+    }, [value, min, max]);
+    const getHeaderText = () => {
+        if (hasValue(value)) {
+            if (methodHasValue(format)) {
+                return format(value);
+            }
+            const dateNumberStr = methodHasValue(getDisplayDayNumber)
+                ? getDisplayDayNumber(dateDate)
+                : dateDate;
+            const dateMonthStr = methodHasValue(getDisplayMonth)
+                ? getDisplayMonth(dateMonth)
+                : getMonthDisplayNameDefault(dateMonth);
+            const dateYearStr = methodHasValue(getDisplayYear)
+                ? getDisplayYear(dateYear)
+                : dateYear;
+            return `${dateNumberStr} ${dateMonthStr} ${dateYearStr}`;
+        }
+        return "All-time";
+    };
+    const containerStyles = createComponentStyles(createLayoutStyles(withSpacingsProps({
+        resoui_date_selector_container: true,
+    }, spacingsProps), rootClassName, {
+        resoui_no_select: true,
+    }));
+    return (React__default.createElement("div", { "data-testid": "date-selector-root", className: containerStyles, style: rootStyles, ref: dateSelectorNodeRef },
+        React__default.createElement(DateSelectorHeader, { text: getHeaderText(), disabled: disabled, onClick: () => {
+                if (!disabled) {
+                    setIsOpen(!isOpen);
+                }
+            } }),
+        React__default.createElement(DateSelectorView, { isOpen: isOpen, setIsOpen: setIsOpen, value: value, min: min, max: max, onChange: onChange, onReset: onReset, dateNow: dateNow, dateDate: dateDate, setDateDate: setDateDate, dateMonth: dateMonth, setDateMonth: setDateMonth, dateYear: dateYear, setDateYear: setDateYear, format: format, getDisplayDayNumber: getDisplayDayNumber, getDisplayDayName: getDisplayDayName, getDisplayMonth: getDisplayMonth, getDisplayYear: getDisplayYear })));
+};
+
+export { DateSelector };
+//# sourceMappingURL=Date-Selector.js.map

package/dist/esm/forms/Controls/Date-Selector/Date-Selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Date-Selector.js","sources":["../../../../../src/library/forms/Controls/Date-Selector/Date-Selector.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}

package/dist/esm/forms/Controls/Date-Selector/components/Date-Component-Navigation/Date-Component-Navigation.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import IComponent from "../../../../../interfaces/IComponent";
+import "./styles/Date-Component-Navigation.layout.scss";
+import "./styles/Date-Component-Navigation.theme.scss";
+export interface IDateComponentNavigation extends IComponent {
+    value: string;
+    disablePrevious?: boolean;
+    disableNext?: boolean;
+    onClickPrevious?: () => void;
+    onClickNext?: () => void;
+    customPreviousComponent?: () => React.ReactNode;
+    customNextComponent?: () => React.ReactNode;
+    textClassName?: string;
+    textStyles?: React.CSSProperties;
+    previousBtnClassName?: string;
+    previousBtnStyles?: React.CSSProperties;
+    nextBtnClassName?: string;
+    nextBtnStyles?: React.CSSProperties;
+}
+export declare const ICON_SIZE = 20;
+export declare const DateComponentNavigation: ({ value, disablePrevious, disableNext, onClickPrevious, onClickNext, customPreviousComponent, customNextComponent, textClassName, textStyles, previousBtnClassName, previousBtnStyles, nextBtnClassName, nextBtnStyles, rootClassName, rootStyles, }: IDateComponentNavigation) => React.JSX.Element;

package/dist/esm/forms/Controls/Date-Selector/components/Date-Component-Navigation/Date-Component-Navigation.js

@@ -0,0 +1,57 @@
+import React__default from 'react';
+import SvgChevronSingleLeft from '../../../../../icons/svg/ChevronSingleLeft.svg.js';
+import SvgChevronSingleRight from '../../../../../icons/svg/ChevronSingleRight.svg.js';
+import { Icon } from '../../../../../components/Icon/Icon.js';
+import { createComponentStyles, createLayoutStyles } from '../../../../../utils/styles.js';
+import { methodHasValue } from '../../../../../utils/validations.js';
+
+const ICON_SIZE = 20;
+const DateComponentNavigation = ({ value, disablePrevious = false, disableNext = false, onClickPrevious, onClickNext, customPreviousComponent, customNextComponent, textClassName, textStyles = {}, previousBtnClassName, previousBtnStyles = {}, nextBtnClassName, nextBtnStyles = {}, rootClassName, rootStyles = {}, }) => {
+    const containerStyles = createComponentStyles(createLayoutStyles({
+        resoui_date_component_navigation_container: true,
+    }, rootClassName, {
+        resoui_no_select: true,
+    }));
+    const previousContainerStyles = createComponentStyles(createLayoutStyles({
+        resoui_date_component_navigation_button: true,
+    }, previousBtnClassName, {
+        resoui_no_select: true,
+        disabled: disablePrevious,
+    }));
+    const nextContainerStyles = createComponentStyles(createLayoutStyles({
+        resoui_date_component_navigation_button: true,
+    }, nextBtnClassName, {
+        resoui_no_select: true,
+        disabled: disableNext,
+    }));
+    const valueClasses = createComponentStyles(createLayoutStyles({
+        resoui_date_component_navigation_text: true,
+    }, textClassName, {
+        resoui_no_select: true,
+    }));
+    const renderPreviousComponent = methodHasValue(customPreviousComponent)
+        ? customPreviousComponent
+        : () => (React__default.createElement(Icon, { SvgIcon: SvgChevronSingleLeft, width: ICON_SIZE, height: ICON_SIZE }));
+    const renderNextComponent = methodHasValue(customNextComponent)
+        ? customNextComponent
+        : () => (React__default.createElement(Icon, { SvgIcon: SvgChevronSingleRight, width: ICON_SIZE, height: ICON_SIZE }));
+    return (React__default.createElement("div", { "data-testid": "date-selector-nav-root", className: containerStyles, style: rootStyles },
+        React__default.createElement("button", { "data-testid": "date-selector-nav-btn-prev", className: previousContainerStyles, onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                if (!disablePrevious && methodHasValue(onClickPrevious)) {
+                    onClickPrevious();
+                }
+            }, style: previousBtnStyles }, renderPreviousComponent()),
+        React__default.createElement("span", { "data-testid": "date-selector-nav-text", className: valueClasses, style: textStyles }, value),
+        React__default.createElement("button", { "data-testid": "date-selector-nav-btn-next", className: nextContainerStyles, onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                if (!disableNext && methodHasValue(onClickNext)) {
+                    onClickNext();
+                }
+            }, style: nextBtnStyles }, renderNextComponent())));
+};
+
+export { DateComponentNavigation, ICON_SIZE };
+//# sourceMappingURL=Date-Component-Navigation.js.map

package/dist/esm/forms/Controls/Date-Selector/components/Date-Component-Navigation/Date-Component-Navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Date-Component-Navigation.js","sources":["../../../../../../../src/library/forms/Controls/Date-Selector/components/Date-Component-Navigation/Date-Component-Navigation.tsx"],"sourcesContent":[null],"names":["React","ChevronSingleLeft","ChevronSingleRight"],"mappings":"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"}

package/dist/esm/forms/Controls/Date-Selector/components/Date-Day-Name/Date-Day-Name.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import IComponent from "../../../../../interfaces/IComponent";
+import "./styles/Date-Day-Name.layout.scss";
+import "./styles/Date-Day-Name.theme.scss";
+import "../../styles/Date-Selector.shared.scss";
+export interface IDateDayNameProps extends IComponent {
+    children: React.ReactNode;
+}
+export declare const DateDayName: ({ children, rootClassName, rootStyles, }: IDateDayNameProps) => React.JSX.Element;

package/dist/esm/forms/Controls/Date-Selector/components/Date-Day-Name/Date-Day-Name.js

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { createComponentStyles, createLayoutStyles } from '../../../../../utils/styles.js';
+
+const DateDayName = ({ children, rootClassName, rootStyles = {}, }) => {
+    const containerStyles = createComponentStyles(createLayoutStyles({
+        resoui_date_selector_grid_unit: true,
+        resoui_date_day_name_container: true,
+    }, rootClassName, {
+        resoui_no_select: true,
+    }));
+    return (React__default.createElement("div", { "data-testid": "date-day-name-root", className: containerStyles, style: rootStyles }, children));
+};
+
+export { DateDayName };
+//# sourceMappingURL=Date-Day-Name.js.map

package/dist/esm/forms/Controls/Date-Selector/components/Date-Day-Name/Date-Day-Name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Date-Day-Name.js","sources":["../../../../../../../src/library/forms/Controls/Date-Selector/components/Date-Day-Name/Date-Day-Name.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;AAoBO,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,aAAa,EACb,UAAU,GAAG,EAAE,GACG,KAAI;AACtB,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB;AACE,QAAA,8BAA8B,EAAE,IAAI;AACpC,QAAA,8BAA8B,EAAE,IAAI;AACrC,KAAA,EACD,aAAa,EACb;AACE,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,CACF,CACF;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,oBAAoB,EAChC,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA,EAEhB,QAAQ,CACL;AAEV;;;;"}

package/dist/esm/forms/Controls/Date-Selector/components/Date-Day-Number/Date-Day-Number.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import IComponent from "../../../../../interfaces/IComponent";
+import "./styles/Date-Day-Number.layout.scss";
+import "./styles/Date-Day-Number.theme.scss";
+import "../../styles/Date-Selector.shared.scss";
+import { DateDayNumber } from "../../types";
+export interface IDateDayNumberComponentProps extends IComponent {
+    dayNumber: DateDayNumber;
+    dayNumberDisplay?: DateDayNumber | string;
+    isToday?: boolean;
+    isSelected?: boolean;
+    disabled?: boolean;
+    onClick?: (d: DateDayNumber) => void;
+    selectedClassName?: string;
+    selectedStyles?: React.CSSProperties;
+    markerClassName?: string;
+    markerStyles?: React.CSSProperties;
+    dateNumberClassName?: string;
+    dateNumberStyle?: React.CSSProperties;
+}
+export declare const DateDayNumberComponent: ({ dayNumber, dayNumberDisplay, isToday, isSelected, disabled, onClick, selectedClassName, selectedStyles, markerClassName, markerStyles, dateNumberClassName, dateNumberStyle, rootClassName, rootStyles, }: IDateDayNumberComponentProps) => React.JSX.Element;

package/dist/esm/forms/Controls/Date-Selector/components/Date-Day-Number/Date-Day-Number.js

@@ -0,0 +1,44 @@
+import React__default from 'react';
+import classnames from 'classnames';
+import { createComponentStyles, createLayoutStyles } from '../../../../../utils/styles.js';
+import { objectHasValue, methodHasValue, hasValue } from '../../../../../utils/validations.js';
+
+const DateDayNumberComponent = ({ dayNumber, dayNumberDisplay, isToday = false, isSelected = false, disabled = false, onClick, selectedClassName, selectedStyles = {}, markerClassName, markerStyles = {}, dateNumberClassName, dateNumberStyle = {}, rootClassName, rootStyles = {}, }) => {
+    const containerStyleDefault = createComponentStyles(createLayoutStyles({
+        resoui_date_selector_grid_unit: true,
+        resoui_date_day_number_container: true,
+        resoui_date_day_number_container_disabled: disabled,
+    }, rootClassName, {
+        resoui_no_select: true,
+    }));
+    const containerStyleSelected = createComponentStyles(createLayoutStyles({
+        resoui_date_day_number_selected: isSelected,
+    }, selectedClassName));
+    const todayMarkerStyles = createComponentStyles(createLayoutStyles({
+        resoui_date_day_number_today_marker: true,
+    }, markerClassName));
+    const textClasses = createComponentStyles(createLayoutStyles({
+        resoui_date_day_number_span: true,
+        resoui_date_day_number_text_disabled: disabled,
+    }, dateNumberClassName));
+    const containerClasses = classnames(containerStyleDefault, !disabled && isSelected ? containerStyleSelected : {});
+    const containerStyle = {
+        ...rootStyles,
+        ...(!disabled && isSelected && objectHasValue(selectedStyles)
+            ? selectedStyles
+            : {}),
+    };
+    const dayNumberText = hasValue(dayNumberDisplay)
+        ? dayNumberDisplay
+        : dayNumber;
+    return (React__default.createElement("div", { "data-testid": "date-day-number-root", className: containerClasses, onClick: () => {
+            if (!disabled && methodHasValue(onClick)) {
+                onClick(dayNumber);
+            }
+        }, style: containerStyle },
+        isToday && (React__default.createElement("div", { "data-testid": "date-day-number-today", className: todayMarkerStyles, style: markerStyles })),
+        React__default.createElement("span", { className: textClasses, style: dateNumberStyle }, dayNumberText)));
+};
+
+export { DateDayNumberComponent };
+//# sourceMappingURL=Date-Day-Number.js.map

package/dist/esm/forms/Controls/Date-Selector/components/Date-Day-Number/Date-Day-Number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Date-Day-Number.js","sources":["../../../../../../../src/library/forms/Controls/Date-Selector/components/Date-Day-Number/Date-Day-Number.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;;MAuCa,sBAAsB,GAAG,CAAC,EACrC,SAAS,EACT,gBAAgB,EAChB,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,iBAAiB,EACjB,cAAc,GAAG,EAAE,EACnB,eAAe,EACf,YAAY,GAAG,EAAE,EACjB,mBAAmB,EACnB,eAAe,GAAG,EAAE,EACpB,aAAa,EACb,UAAU,GAAG,EAAE,GACc,KAAI;AACjC,IAAA,MAAM,qBAAqB,GAAG,qBAAqB,CACjD,kBAAkB,CAChB;AACE,QAAA,8BAA8B,EAAE,IAAI;AACpC,QAAA,gCAAgC,EAAE,IAAI;AACtC,QAAA,yCAAyC,EAAE,QAAQ;AACpD,KAAA,EACD,aAAa,EACb;AACE,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,CACF,CACF;AAED,IAAA,MAAM,sBAAsB,GAAG,qBAAqB,CAClD,kBAAkB,CAChB;AACE,QAAA,+BAA+B,EAAE,UAAU;KAC5C,EACD,iBAAiB,CAClB,CACF;AAED,IAAA,MAAM,iBAAiB,GAAG,qBAAqB,CAC7C,kBAAkB,CAChB;AACE,QAAA,mCAAmC,EAAE,IAAI;KAC1C,EACD,eAAe,CAChB,CACF;AAED,IAAA,MAAM,WAAW,GAAG,qBAAqB,CACvC,kBAAkB,CAChB;AACE,QAAA,2BAA2B,EAAE,IAAI;AACjC,QAAA,oCAAoC,EAAE,QAAQ;KAC/C,EACD,mBAAmB,CACpB,CACF;AAED,IAAA,MAAM,gBAAgB,GAAG,UAAU,CACjC,qBAAqB,EACrB,CAAC,QAAQ,IAAI,UAAU,GAAG,sBAAsB,GAAG,EAAE,CACtD;AACD,IAAA,MAAM,cAAc,GAAG;AACrB,QAAA,GAAG,UAAU;QACb,IAAI,CAAC,QAAQ,IAAI,UAAU,IAAI,cAAc,CAAC,cAAc;AAC1D,cAAE;cACA,EAAE,CAAC;KACR;AACD,IAAA,MAAM,aAAa,GAAG,QAAQ,CAAC,gBAAgB;AAC7C,UAAE;UACA,SAAS;IAEb,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,sBAAsB,EAClC,SAAS,EAAE,gBAAgB,EAC3B,OAAO,EAAE,MAAK;AACZ,YAAA,IAAI,CAAC,QAAQ,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;gBACxC,OAAO,CAAC,SAAS,CAAC;AACnB,YAAA;QACH,CAAC,EACD,KAAK,EAAE,cAAc,EAAA;AAEpB,QAAA,OAAO,KACNA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,uBAAuB,EACnC,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE,YAAY,GACnB,CACH;AACD,QAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,eAAe,EAAA,EACjD,aAAa,CACT,CACH;AAEV;;;;"}

package/dist/esm/forms/Controls/Date-Selector/components/Date-Days-Grid/Date-Days-Grid.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import IComponent from "../../../../../interfaces/IComponent";
+import { DateDayNameIndex, DateDayNumber } from "../../types";
+import "./styles/Date-Days-Grid.layout.scss";
+import "./styles/Date-Days-Grid.theme.scss";
+export interface IDateDaysGridProps extends IComponent {
+    monthStartDay: number;
+    monthNumberOfDays: number;
+    prevMonthDays: number;
+    today: Date;
+    selectedYear: number;
+    selectedMonth: number;
+    value?: Date;
+    minimumDate?: Date;
+    maximumDate?: Date;
+    onClickDay?: (newDateObj: Date) => void;
+    getDisplayDayNumber?: (day: DateDayNumber) => DateDayNumber | string;
+    getDisplayDayName?: (day: DateDayNameIndex) => string;
+}
+export declare const DateDaysGrid: ({ monthStartDay, monthNumberOfDays, prevMonthDays, today, value, selectedYear, selectedMonth, minimumDate, maximumDate, onClickDay, getDisplayDayName, getDisplayDayNumber, rootClassName, rootStyles, }: IDateDaysGridProps) => React.JSX.Element;

package/dist/esm/forms/Controls/Date-Selector/components/Date-Days-Grid/Date-Days-Grid.js

@@ -0,0 +1,130 @@
+import React__default from 'react';
+import { DateDayName } from '../Date-Day-Name/Date-Day-Name.js';
+import { DateDayNumberComponent } from '../Date-Day-Number/Date-Day-Number.js';
+import { createComponentStyles, createLayoutStyles } from '../../../../../utils/styles.js';
+import { methodHasValue } from '../../../../../utils/validations.js';
+import { getDayDisplayNamesDefault, destructureDateComponents } from '../../utils/index.js';
+import { getArrayFor } from '../../../../../utils/arrays.js';
+
+const DateDaysGrid = ({ monthStartDay, monthNumberOfDays, prevMonthDays, today, value, selectedYear, selectedMonth, minimumDate, maximumDate, onClickDay, getDisplayDayName, getDisplayDayNumber, rootClassName, rootStyles = {}, }) => {
+    const COLUMNS = 7;
+    const ROWS = 6;
+    const gridTemplateColumns = `repeat(${String(COLUMNS)}, 1fr)`;
+    const isToday = () => {
+        const { year: todayYear, month: todayMonth, date: todayDate, } = destructureDateComponents(today);
+        if (todayYear === selectedYear && todayMonth === selectedMonth) {
+            return todayDate;
+        }
+        return null;
+    };
+    const isSelected = (day) => {
+        if (value === null || typeof value === "undefined") {
+            return false;
+        }
+        const { year: valueYear, month: valueMonth, date: valueDate, } = destructureDateComponents(value);
+        return (valueYear === selectedYear &&
+            valueMonth === selectedMonth &&
+            valueDate === day);
+    };
+    const isLessThanMinimum = (d) => {
+        if (minimumDate === null || typeof minimumDate === "undefined") {
+            return false;
+        }
+        const { year: minYear, month: minMonth, date: minDate, } = destructureDateComponents(minimumDate);
+        if (selectedYear < minYear || selectedMonth < minMonth) {
+            return true;
+        }
+        return (selectedYear === minYear && selectedMonth === minMonth && d < minDate);
+    };
+    const isMoreThanMaximum = (d) => {
+        if (maximumDate === null || typeof maximumDate === "undefined") {
+            return false;
+        }
+        const { year: maxYear, month: maxMonth, date: maxDate, } = destructureDateComponents(maximumDate);
+        if (selectedYear > maxYear || selectedMonth > maxMonth) {
+            return true;
+        }
+        return (selectedYear === maxYear && selectedMonth === maxMonth && d > maxDate);
+    };
+    const renderNormalDay = (key, dayNumber) => {
+        return (React__default.createElement(DateDayNumberComponent, { key: key, dayNumber: dayNumber, dayNumberDisplay: methodHasValue(getDisplayDayNumber)
+                ? getDisplayDayNumber(dayNumber)
+                : dayNumber, isToday: isToday() === dayNumber, onClick: (d) => {
+                onClickDay(new Date(selectedYear, selectedMonth, d));
+            }, isSelected: isSelected(dayNumber) }));
+    };
+    const renderDisabledDay = (key, dayNumber, nextOrPrevMonth = false) => {
+        return (React__default.createElement(DateDayNumberComponent, { key: key, dayNumber: dayNumber, dayNumberDisplay: methodHasValue(getDisplayDayNumber)
+                ? getDisplayDayNumber(dayNumber)
+                : dayNumber, disabled: true, isToday: !nextOrPrevMonth && isToday() === dayNumber }));
+    };
+    const isFirstRow = (row) => {
+        return row === 0;
+    };
+    const columnIsBeforeMonthStartDay = (col) => {
+        return col < monthStartDay;
+    };
+    const populatedAllMonthDays = (count) => {
+        return count > monthNumberOfDays - 1;
+    };
+    const containerStyles = createComponentStyles(createLayoutStyles({
+        resoui_date_days_grid_container: true,
+    }, rootClassName, {
+        resoui_no_select: true,
+    }));
+    let dayCount = 0;
+    let nextMonthDayCount = 0;
+    // because monthStartDay is inclusive, so dont need to deduct 1
+    const firstRowDays = COLUMNS - monthStartDay + 1;
+    let prevMonthPadding = COLUMNS - firstRowDays;
+    return (React__default.createElement("div", { className: containerStyles, style: {
+            gridTemplateColumns,
+            ...rootStyles,
+        }, "data-testid": "date-selector-grid-root" },
+        getDayDisplayNamesDefault().map((day, key) => {
+            return (React__default.createElement(DateDayName, { key: key }, methodHasValue(getDisplayDayName)
+                ? getDisplayDayName(key)
+                : day));
+        }),
+        getArrayFor(ROWS).map((dayRow, rowKey) => {
+            const result = [];
+            getArrayFor(COLUMNS).forEach((dayCol, colKey) => {
+                if (isFirstRow(rowKey)) {
+                    if (columnIsBeforeMonthStartDay(colKey)) {
+                        const d = prevMonthDays - prevMonthPadding;
+                        result.push(renderDisabledDay(`${dayRow}-${dayCol}`, d, true));
+                        prevMonthPadding--;
+                    }
+                    else {
+                        dayCount++;
+                        if (isLessThanMinimum(dayCount) ||
+                            isMoreThanMaximum(dayCount)) {
+                            result.push(renderDisabledDay(`${dayRow}-${dayCol}`, dayCount));
+                        }
+                        else {
+                            result.push(renderNormalDay(`${dayRow}-${dayCol}`, dayCount));
+                        }
+                    }
+                }
+                else if (populatedAllMonthDays(dayCount)) {
+                    nextMonthDayCount++;
+                    result.push(renderDisabledDay(`${dayRow}-${dayCol}`, nextMonthDayCount, true));
+                }
+                // all the other month days
+                else {
+                    dayCount++;
+                    if (isLessThanMinimum(dayCount) ||
+                        isMoreThanMaximum(dayCount)) {
+                        result.push(renderDisabledDay(`${dayRow}-${dayCol}`, dayCount));
+                    }
+                    else {
+                        result.push(renderNormalDay(`${dayRow}-${dayCol}`, dayCount));
+                    }
+                }
+            });
+            return result;
+        })));
+};
+
+export { DateDaysGrid };
+//# sourceMappingURL=Date-Days-Grid.js.map