reso-ui 2.44.0 → 3.0.0-alpha.2

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

@@ -0,0 +1,132 @@
+'use strict';
+
+var React = require('react');
+var DateDayName = require('../Date-Day-Name/Date-Day-Name.js');
+var DateDayNumber = require('../Date-Day-Number/Date-Day-Number.js');
+var styles = require('../../../../../utils/styles.js');
+var validations = require('../../../../../utils/validations.js');
+var index = require('../../utils/index.js');
+var arrays = require('../../../../../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, } = index.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, } = index.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, } = index.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, } = index.destructureDateComponents(maximumDate);
+        if (selectedYear > maxYear || selectedMonth > maxMonth) {
+            return true;
+        }
+        return (selectedYear === maxYear && selectedMonth === maxMonth && d > maxDate);
+    };
+    const renderNormalDay = (key, dayNumber) => {
+        return (React.createElement(DateDayNumber.DateDayNumberComponent, { key: key, dayNumber: dayNumber, dayNumberDisplay: validations.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.createElement(DateDayNumber.DateDayNumberComponent, { key: key, dayNumber: dayNumber, dayNumberDisplay: validations.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 = styles.createComponentStyles(styles.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.createElement("div", { className: containerStyles, style: {
+            gridTemplateColumns,
+            ...rootStyles,
+        }, "data-testid": "date-selector-grid-root" },
+        index.getDayDisplayNamesDefault().map((day, key) => {
+            return (React.createElement(DateDayName.DateDayName, { key: key }, validations.methodHasValue(getDisplayDayName)
+                ? getDisplayDayName(key)
+                : day));
+        }),
+        arrays.getArrayFor(ROWS).map((dayRow, rowKey) => {
+            const result = [];
+            arrays.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;
+        })));
+};
+
+exports.DateDaysGrid = DateDaysGrid;
+//# sourceMappingURL=Date-Days-Grid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Date-Days-Grid.js","sources":["../../../../../../../src/library/forms/Controls/Date-Selector/components/Date-Days-Grid/Date-Days-Grid.tsx"],"sourcesContent":[null],"names":["destructureDateComponents","DateDayNumberComponent","methodHasValue","createComponentStyles","createLayoutStyles","getDayDisplayNamesDefault","DateDayName","getArrayFor"],"mappings":"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"}

package/dist/cjs/forms/Controls/Date-Selector/components/Date-Selector-Header/Date-Selector-Header.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../../../../utils/styles.js');
+var validations = require('../../../../../utils/validations.js');
+
+const DateSelectorHeader = ({ text, onClick, disabled = false, rootClassName, rootStyles = {}, }) => {
+    const containerStyles = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_date_selector_header: true,
+    }, rootClassName, {
+        disabled,
+        resoui_no_select: true,
+    }));
+    return (React.createElement("button", { "data-testid": "date-selector-header-root", className: containerStyles, onClick: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            if (!disabled && validations.methodHasValue(onClick)) {
+                onClick();
+            }
+        }, style: rootStyles },
+        React.createElement("span", null, text)));
+};
+
+exports.DateSelectorHeader = DateSelectorHeader;
+//# sourceMappingURL=Date-Selector-Header.js.map

package/dist/cjs/forms/Controls/Date-Selector/components/Date-Selector-Header/Date-Selector-Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Date-Selector-Header.js","sources":["../../../../../../../src/library/forms/Controls/Date-Selector/components/Date-Selector-Header/Date-Selector-Header.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles","methodHasValue"],"mappings":";;;;;;MAuBa,kBAAkB,GAAG,CAAC,EACjC,IAAI,EACJ,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,aAAa,EACb,UAAU,GAAG,EAAE,GACU,KAAI;AAC7B,IAAA,MAAM,eAAe,GAAGA,4BAAqB,CAC3CC,yBAAkB,CAChB;AACE,QAAA,2BAA2B,EAAE,IAAI;AAClC,KAAA,EACD,aAAa,EACb;QACE,QAAQ;AACR,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,CACF,CACF;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,aAAA,EACc,2BAA2B,EACvC,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,CAAC,CAAC,KAAI;YACb,CAAC,CAAC,cAAc,EAAE;YAClB,CAAC,CAAC,eAAe,EAAE;AACnB,YAAA,IAAI,CAAC,QAAQ,IAAIC,0BAAc,CAAC,OAAO,CAAC,EAAE;AACxC,gBAAA,OAAO,EAAE;AACV,YAAA;QACH,CAAC,EACD,KAAK,EAAE,UAAU,EAAA;AAEjB,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,IAAI,CAAQ,CACZ;AAEb;;;;"}

package/dist/cjs/forms/Controls/Date-Selector/components/Date-Selector-View/Date-Selector-View.js

@@ -0,0 +1,109 @@
+'use strict';
+
+var React = require('react');
+var Icon = require('../../../../../components/Icon/Icon.js');
+var DateComponentNavigation = require('../Date-Component-Navigation/Date-Component-Navigation.js');
+var DateDaysGrid = require('../Date-Days-Grid/Date-Days-Grid.js');
+var styles = require('../../../../../utils/styles.js');
+var validations = require('../../../../../utils/validations.js');
+var index = require('../../utils/index.js');
+var ChevronDoubleLeft = require('../../../../../icons/svg/ChevronDoubleLeft.svg.js');
+var ChevronDoubleRight = require('../../../../../icons/svg/ChevronDoubleRight.svg.js');
+
+const ROOT_TRANSITION_DURATION = 250;
+const CONTENT_TRANSITION_DURATION = 250;
+const DateSelectorView = ({ isOpen, setIsOpen, value, min, max, onChange, onReset, dateNow, dateDate, setDateDate, dateMonth, setDateMonth, dateYear, setDateYear, gridContainerClassName, gridContainerStyles, format, getDisplayDayNumber, getDisplayDayName, getDisplayMonth, getDisplayYear, }) => {
+    const [_rootIsOpen, _setRootIsOpen] = React.useState(false);
+    const [_contentIsOpen, _setContentIsOpen] = React.useState(false);
+    React.useEffect(() => {
+        if (isOpen) {
+            _setRootIsOpen(true);
+        }
+        else {
+            // delay unmount to allow transition to complete
+            const timeout = setTimeout(() => _setRootIsOpen(false), ROOT_TRANSITION_DURATION + CONTENT_TRANSITION_DURATION);
+            return () => clearTimeout(timeout);
+        }
+    }, [isOpen]);
+    // content
+    React.useEffect(() => {
+        if (_rootIsOpen) {
+            _setContentIsOpen(true);
+        }
+        else {
+            // delay unmount to allow transition to complete
+            const timeout = setTimeout(() => _setContentIsOpen(false), CONTENT_TRANSITION_DURATION);
+            return () => clearTimeout(timeout);
+        }
+    }, [_rootIsOpen]);
+    const getMonthStartDay = () => {
+        const startDay = new Date(dateYear, dateMonth).getDay();
+        return index.getRemappedDayIndex(startDay);
+    };
+    const getMonthDays = (month) => {
+        const offsetDate = 40;
+        const monthDaysOffset = new Date(dateYear, month, offsetDate).getDate();
+        return Number(offsetDate) - Number(monthDaysOffset);
+    };
+    const gridContainerRootClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_date_selector_grid_container: true,
+        resoui_date_selector_grid_container_opened: isOpen ? _rootIsOpen : isOpen,
+        resoui_date_selector_grid_container_transition_exit: !isOpen,
+    }, gridContainerClassName, {
+        resoui_no_select: true,
+    }));
+    const gridContainerContentClasses = styles.createLayoutStyles({
+        resoui_date_selector_grid_content: true,
+        resoui_date_selector_grid_content_opened: isOpen ? _contentIsOpen : isOpen,
+        resoui_date_selector_grid_content_transition_exit: !isOpen,
+    });
+    const getRootIsOpen = () => (isOpen ? isOpen : _rootIsOpen);
+    const getContentIsOpen = () => (isOpen ? isOpen : _contentIsOpen);
+    return (getRootIsOpen() && (React.createElement("div", { style: { position: "relative" } },
+        React.createElement("div", { "data-testid": "date-selector-expanded", className: gridContainerRootClasses, style: gridContainerStyles }, getContentIsOpen() && (React.createElement("div", { className: gridContainerContentClasses },
+            React.createElement(DateComponentNavigation.DateComponentNavigation, { value: validations.methodHasValue(getDisplayYear)
+                    ? getDisplayYear(dateYear)
+                    : String(dateYear), onClickPrevious: () => {
+                    setDateYear(dateYear - 1);
+                }, onClickNext: () => {
+                    setDateYear(dateYear + 1);
+                }, customPreviousComponent: () => (React.createElement(Icon.Icon, { SvgIcon: ChevronDoubleLeft.default, width: DateComponentNavigation.ICON_SIZE, height: DateComponentNavigation.ICON_SIZE })), customNextComponent: () => (React.createElement(Icon.Icon, { SvgIcon: ChevronDoubleRight.default, width: DateComponentNavigation.ICON_SIZE, height: DateComponentNavigation.ICON_SIZE })) }),
+            React.createElement(DateComponentNavigation.DateComponentNavigation, { value: validations.methodHasValue(getDisplayMonth)
+                    ? getDisplayMonth(dateMonth)
+                    : index.getMonthDisplayNameDefault(dateMonth), onClickPrevious: () => {
+                    if (dateMonth - 1 < 0) {
+                        setDateMonth(11);
+                    }
+                    else {
+                        setDateMonth((dateMonth - 1));
+                    }
+                }, onClickNext: () => {
+                    if (dateMonth + 1 > 11) {
+                        setDateMonth(0);
+                    }
+                    else {
+                        setDateMonth((dateMonth + 1));
+                    }
+                } }),
+            React.createElement(DateDaysGrid.DateDaysGrid, { monthStartDay: getMonthStartDay(), monthNumberOfDays: getMonthDays(dateMonth), prevMonthDays: getMonthDays((dateMonth - 1)), today: dateNow, selectedYear: dateYear, selectedMonth: dateMonth, value: value ? value : null, minimumDate: min, maximumDate: max, onClickDay: (newDateObj) => {
+                    if (typeof onChange === "function") {
+                        onChange(newDateObj);
+                    }
+                }, getDisplayDayNumber: getDisplayDayNumber, getDisplayDayName: getDisplayDayName }),
+            React.createElement("div", { className: "resoui_date_selector_grid_buttons_wapper", style: {
+                    justifyContent: typeof onReset !== "function" ? "flex-end" : undefined,
+                } },
+                typeof onReset === "function" && (React.createElement("button", { "data-testid": "date-selector-view-reset-btn", onClick: (e) => {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        onReset();
+                    }, className: "resoui_date_selector_grid_button resoui_date_selector_grid_button_reset" }, "Reset")),
+                React.createElement("button", { "data-testid": "date-selector-view-done-btn", onClick: (e) => {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        setIsOpen(false);
+                    }, className: "resoui_date_selector_grid_button resoui_date_selector_grid_button_done" }, "Done"))))))));
+};
+
+exports.DateSelectorView = DateSelectorView;
+//# sourceMappingURL=Date-Selector-View.js.map

package/dist/cjs/forms/Controls/Date-Selector/components/Date-Selector-View/Date-Selector-View.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Date-Selector-View.js","sources":["../../../../../../../src/library/forms/Controls/Date-Selector/components/Date-Selector-View/Date-Selector-View.tsx"],"sourcesContent":[null],"names":["useState","useEffect","getRemappedDayIndex","createComponentStyles","createLayoutStyles","DateComponentNavigation","methodHasValue","Icon","ChevronDoubleLeft","ICON_SIZE","ChevronDoubleRight","getMonthDisplayNameDefault","DateDaysGrid"],"mappings":"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"}

package/dist/cjs/forms/Controls/Date-Selector/utils/index.js

@@ -0,0 +1,62 @@
+'use strict';
+
+/*    this variable is needed because by default javascript date gives value of 0-6
+ *    from sunday (0) to saturday (6).
+ *    However, we remap it to be from mon [0] to sun [6]
+ */
+const REMAPPED_DAYS = {
+    0: 6,
+    1: 0,
+    2: 1,
+    3: 2,
+    4: 3,
+    5: 4,
+    6: 5,
+};
+const DAY_NAMES_DEFAULT = {
+    0: "Mon",
+    1: "Tue",
+    2: "Wed",
+    3: "Thu",
+    4: "Fri",
+    5: "Sat",
+    6: "Sun",
+};
+const MONTHS_NAMES_DEFAULT = {
+    0: "January",
+    1: "February",
+    2: "March",
+    3: "April",
+    4: "May",
+    5: "June",
+    6: "July",
+    7: "August",
+    8: "September",
+    9: "October",
+    10: "November",
+    11: "December",
+};
+const getDayDisplayNamesDefault = () => {
+    return Object.keys(DAY_NAMES_DEFAULT).map((idKey) => DAY_NAMES_DEFAULT[idKey]);
+};
+const getMonthDisplayNameDefault = (id) => {
+    return MONTHS_NAMES_DEFAULT[`${id}`];
+};
+const getRemappedDayIndex = (id) => {
+    return REMAPPED_DAYS[`${id}`];
+};
+const destructureDateComponents = (date) => {
+    return {
+        year: date.getFullYear(),
+        month: date.getMonth(),
+        date: date.getDate(),
+    };
+};
+
+exports.DAY_NAMES_DEFAULT = DAY_NAMES_DEFAULT;
+exports.MONTHS_NAMES_DEFAULT = MONTHS_NAMES_DEFAULT;
+exports.destructureDateComponents = destructureDateComponents;
+exports.getDayDisplayNamesDefault = getDayDisplayNamesDefault;
+exports.getMonthDisplayNameDefault = getMonthDisplayNameDefault;
+exports.getRemappedDayIndex = getRemappedDayIndex;
+//# sourceMappingURL=index.js.map

package/dist/cjs/forms/Controls/Date-Selector/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/library/forms/Controls/Date-Selector/utils/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;AASA;;;AAGG;AACH,MAAM,aAAa,GAAmB;AACpC,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC;CACL;AAEM,MAAM,iBAAiB,GAAgB;AAC5C,IAAA,CAAC,EAAE,KAAK;AACR,IAAA,CAAC,EAAE,KAAK;AACR,IAAA,CAAC,EAAE,KAAK;AACR,IAAA,CAAC,EAAE,KAAK;AACR,IAAA,CAAC,EAAE,KAAK;AACR,IAAA,CAAC,EAAE,KAAK;AACR,IAAA,CAAC,EAAE,KAAK;;AAGH,MAAM,oBAAoB,GAAmB;AAClD,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,CAAC,EAAE,UAAU;AACb,IAAA,CAAC,EAAE,OAAO;AACV,IAAA,CAAC,EAAE,OAAO;AACV,IAAA,CAAC,EAAE,KAAK;AACR,IAAA,CAAC,EAAE,MAAM;AACT,IAAA,CAAC,EAAE,MAAM;AACT,IAAA,CAAC,EAAE,QAAQ;AACX,IAAA,CAAC,EAAE,WAAW;AACd,IAAA,CAAC,EAAE,SAAS;AACZ,IAAA,EAAE,EAAE,UAAU;AACd,IAAA,EAAE,EAAE,UAAU;;AAGhB,MAAM,yBAAyB,GAAG,MAAe;AAC/C,IAAA,OAAO,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,GAAG,CACvC,CAAC,KAAK,KAAK,iBAAiB,CAAC,KAAK,CAAC,CACpC;AACH;AAEA,MAAM,0BAA0B,GAAG,CAAC,EAAkB,KAAY;AAChE,IAAA,OAAO,oBAAoB,CAAC,CAAA,EAAG,EAAE,CAAA,CAAE,CAAC;AACtC;AAEA,MAAM,mBAAmB,GAAG,CAAC,EAAoB,KAAsB;AACrE,IAAA,OAAO,aAAa,CAAC,CAAA,EAAG,EAAE,CAAA,CAAE,CAAC;AAC/B;AAEA,MAAM,yBAAyB,GAAG,CAAC,IAAU,KAAmB;IAC9D,OAAO;AACL,QAAA,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE;AACxB,QAAA,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE;AACtB,QAAA,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE;KACrB;AACH;;;;;;;;;"}

package/dist/cjs/forms/Controls/Dropdown/Dropdown-Option/Dropdown-Option.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../../../utils/styles.js');
+var validations = require('../../../../utils/validations.js');
+
+const DropdownOption = ({ Element = "li", option, active, enableActiveStyles = true, renderCustomOption, href = "#", target, onClick, parentOnClick, rootClassName, rootStyles, }) => {
+    const containerStyles = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_dropdown_option_base: true,
+        resoui_dropdown_option_hover: enableActiveStyles && !active,
+        resoui_dropdown_option_active: enableActiveStyles === true && active === true,
+    }, rootClassName, {
+        resoui_no_select: true,
+    }));
+    return validations.methodHasValue(renderCustomOption) ? (renderCustomOption({
+        active,
+        option,
+        onClick,
+        parentOnClick,
+    })) : (React.createElement(Element, { "data-testid": "dropdown-option-root", href: href, target: target, onClick: () => {
+            if (Element !== "a" && validations.methodHasValue(onClick)) {
+                onClick();
+            }
+            if (typeof parentOnClick === "function") {
+                parentOnClick();
+            }
+        }, className: containerStyles, style: rootStyles }, option));
+};
+
+exports.DropdownOption = DropdownOption;
+//# sourceMappingURL=Dropdown-Option.js.map

package/dist/cjs/forms/Controls/Dropdown/Dropdown-Option/Dropdown-Option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown-Option.js","sources":["../../../../../../src/library/forms/Controls/Dropdown/Dropdown-Option/Dropdown-Option.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles","methodHasValue"],"mappings":";;;;;;AAmCO,MAAM,cAAc,GAAG,CAAC,EAC7B,OAAO,GAAG,IAAI,EACd,MAAM,EACN,MAAM,EACN,kBAAkB,GAAG,IAAI,EACzB,kBAAkB,EAClB,IAAI,GAAG,GAAG,EACV,MAAM,EACN,OAAO,EACP,aAAa,EACb,aAAa,EACb,UAAU,GACW,KAAI;AACzB,IAAA,MAAM,eAAe,GAAGA,4BAAqB,CAC3CC,yBAAkB,CAChB;AACE,QAAA,2BAA2B,EAAE,IAAI;AACjC,QAAA,4BAA4B,EAAE,kBAAkB,IAAI,CAAC,MAAM;AAC3D,QAAA,6BAA6B,EAAE,kBAAkB,KAAK,IAAI,IAAI,MAAM,KAAK,IAAI;AAC9E,KAAA,EACD,aAAa,EACb;AACE,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,CACF,CACF;IAED,OAAOC,0BAAc,CAAC,kBAAkB,CAAC,IACvC,kBAAkB,CAAC;QACjB,MAAM;QACN,MAAM;QACN,OAAO;QACP,aAAa;KACd,CAAC,KAEF,KAAA,CAAA,aAAA,CAAC,OAAO,mBACM,sBAAsB,EAClC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAK;YACZ,IAAI,OAAO,KAAK,GAAG,IAAIA,0BAAc,CAAC,OAAO,CAAC,EAAE;AAC9C,gBAAA,OAAO,EAAE;AACV,YAAA;AACD,YAAA,IAAI,OAAO,aAAa,KAAK,UAAU,EAAE;AACvC,gBAAA,aAAa,EAAE;AAChB,YAAA;AACH,QAAA,CAAC,EACD,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA,EAEhB,MAAM,CACC,CACX;AACH;;;;"}

package/dist/cjs/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.js

@@ -0,0 +1,106 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var dropdown_down = require('../../../../icons/svg/dropdown_down.svg.js');
+var styles = require('../../../../utils/styles.js');
+var validations = require('../../../../utils/validations.js');
+require('../../../../components/Dnd/Dnd-Array-Sorter/Dnd-Array-Sorter-Draggable-Wrapper.js');
+require('../../../../components/Dnd/Dnd-Array-Sorter/context/DndArraySorterContext.js');
+var useClickOutside = require('../../../../hooks/useClickOutside.js');
+require('../../../../context/ThemeContext.js');
+var Icon = require('../../../../components/Icon/Icon.js');
+require('../../../../context/ResponsiveContext.js');
+require('../../../../components/Tabs/Tabs.js');
+var index = require('../../../Validators/index.js');
+var useInputValidatorsMemo = require('../../../Hooks/useInputValidatorsMemo.js');
+var DropdownOption = require('../Dropdown-Option/Dropdown-Option.js');
+
+const DropdownSelect = ({ id, width = "240px", selectedKey, value /* default is undefined, must be valid string like 'banana' */, options, onChange, closeDropdownOnSelect = false, error, setError, required = false, disabled = false, asNavItem = false, expandOn = "click", OptionsContainerElement = "ul", children, optionsMaxHeight, dropdownClassName, dropdownStyles = {}, headerClassName, headerStyles = {}, optionsContainerClassName, optionsContainerStyles = {}, rootClassName, rootStyles = {}, ...spacingsProps }) => {
+    const node = React.useRef();
+    const [isOpen, setIsOpened] = React.useState(false);
+    const inputValidators = useInputValidatorsMemo.default("string", {
+        required,
+    });
+    useClickOutside.useClickOutside(node, () => {
+        setIsOpened(false);
+    });
+    React.useEffect(() => {
+        index.validate(value, inputValidators, setError);
+    }, [value]);
+    const wrapperClasses = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
+        resoui_form_input_container: asNavItem !== true,
+        resoui_dropdown_wrapper: true,
+    }, spacingsProps), rootClassName));
+    const dropdownClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_dropdown_container: true,
+    }, dropdownClassName, {
+        disabled,
+        resoui_no_select: true,
+    }));
+    const headerClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_dropdown_header: true,
+        resoui_dropdown_header_navItem: asNavItem === true,
+        resoui_dropdown_header_opened: !asNavItem && isOpen /** border radius stuff */,
+    }, headerClassName, {
+        resoui_no_select: true,
+    }));
+    const dropdownOptionsClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_dropdown_options_container: true,
+        resoui_dropdown_options_container_navItem: asNavItem === true,
+        resoui_dropdown_options_show: isOpen === true,
+    }, optionsContainerClassName, {
+        resoui_no_select: true,
+    }));
+    const IconClasses = classnames({
+        resoui_dropdown_icon_invert: isOpen,
+    });
+    return (React.createElement("div", { className: wrapperClasses, style: rootStyles },
+        React.createElement("div", { id: id || "resoi_dropdown_select", "data-testid": "dropdown-select-root", ref: node, className: dropdownClasses, style: { ...dropdownStyles, width: asNavItem ? "unset" : width }, onMouseEnter: () => {
+                if (expandOn === "hover" && !disabled) {
+                    setIsOpened(true);
+                }
+            }, onMouseLeave: () => {
+                if (expandOn === "hover" && !disabled) {
+                    setIsOpened(false);
+                }
+            } },
+            React.createElement("div", { role: "button", "data-testid": "dropdown-select-header", className: headerClasses, style: headerStyles, onClick: () => {
+                    if (expandOn === "click" && !disabled) {
+                        setIsOpened(!isOpen);
+                    }
+                } },
+                React.createElement("span", null, validations.stringHasValue(value) ? value : "Select an option"),
+                React.createElement(Icon.Icon, { rootClassName: IconClasses, SvgIcon: dropdown_down.default, width: 24, height: 24 })),
+            React.createElement(OptionsContainerElement, { "data-testid": "dropdown-select-options-container", className: dropdownOptionsClasses, style: {
+                    ...optionsContainerStyles,
+                    maxHeight: isOpen ? optionsMaxHeight : 0,
+                } }, options && options.length > 0
+                ? options.map((o, idx) => {
+                    return (React.createElement(DropdownOption.DropdownOption, { testKey: o.key, Element: "li", active: typeof selectedKey === "string" && selectedKey === o.key, key: o.key || `resoui_dddoption_${id || "noid"}_${idx}`, option: o.value, onClick: () => {
+                            setIsOpened(false);
+                            if (validations.methodHasValue(onChange)) {
+                                onChange(o.key);
+                            }
+                        } }));
+                })
+                : children
+                    ? React.Children.map(children, (child) => {
+                        if (React.isValidElement(child)) {
+                            return React.cloneElement(child, {
+                                someProp: "Hello World",
+                                parentOnClick: () => {
+                                    if (typeof closeDropdownOnSelect === "boolean" &&
+                                        closeDropdownOnSelect) {
+                                        setIsOpened(false);
+                                    }
+                                },
+                            });
+                        }
+                    })
+                    : null),
+            error && (React.createElement("p", { "data-testid": `dropdown-select-error`, className: "resoui_form_input_error" }, error)))));
+};
+
+exports.DropdownSelect = DropdownSelect;
+//# sourceMappingURL=Dropdown-Select.js.map

package/dist/cjs/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown-Select.js","sources":["../../../../../../src/library/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.tsx"],"sourcesContent":[null],"names":["useRef","useState","useInputValidatorsMemo","useClickOutside","useEffect","validate","createComponentStyles","createLayoutStyles","withSpacingsProps","stringHasValue","Icon","DropdownDown","DropdownOption","methodHasValue"],"mappings":"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"}

package/dist/cjs/forms/Controls/File-Input/File-Input.js

@@ -0,0 +1,90 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../../utils/styles.js');
+var index = require('../../Validators/index.js');
+var useInputValidatorsMemo = require('../../Hooks/useInputValidatorsMemo.js');
+var validations = require('../../../utils/validations.js');
+
+const FileInput = ({ id = "resoui_file_input", onBlur, onFocus, noShadowOnFocus = false, error, setError, disabled, required, readonly, 
+/**
+ * File Input - specific props
+ */
+value = "", onChange, accept, hideTextInputField = false, 
+/**
+ * accepteable values:
+ *
+ * "image/png"
+ *
+ * ".png"
+ *
+ * "image/png, image/jpeg", ".png, .jpg, .jpeg"
+ *
+ */
+multiple = false, onReset, filterExtensionsInUsersFileExplorer = true, labelText = "Select", placeholder = "Select a file", selectedFile, 
+/**
+ * Inherited props
+ */
+rootClassName, rootStyles = {}, textInputClassName, textInputStyles = {}, fileInputClassName, fileInputStyles = {}, resetButtonClassName, resetButtonStyles = {}, _resoui_fileinput_input_styles = {}, // for unit testing only
+customValidators = [], ...spacingsProps }) => {
+    if (validations.stringHasValue(accept) && !validations.stringIsValidAccept(accept)) {
+        throw new Error("Invalid string value passed to [accept] property of FileInput component.");
+    }
+    const inputValidators = useInputValidatorsMemo.default("file", {
+        required,
+        accept,
+    }, customValidators);
+    React.useEffect(() => {
+        index.validate(selectedFile, inputValidators, setError);
+    }, [selectedFile, error]);
+    const handleInputChange = (e) => {
+        var _a;
+        if ((_a = e.target) === null || _a === void 0 ? void 0 : _a.files[0]) {
+            const file = e.target.files[0];
+            onChange(file);
+        }
+    };
+    const containerClasses = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
+        resoui_form_input_container: true,
+        resoui_fileinput_wrapper: true,
+    }, spacingsProps), rootClassName));
+    const textInputClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_fileinput_textinput: true,
+        resoui_form_controls_input: true,
+        resoui_form_controls_focus_noshadow: noShadowOnFocus === true,
+    }, textInputClassName, {
+        disabled,
+    }));
+    const fileInputClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_fileinput_fileinput: true,
+        resoui_fileinput_noTextField: hideTextInputField,
+    }, fileInputClassName, {
+        disabled,
+        resoui_no_select: true,
+    }));
+    const resetButtonClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_fileinput_reset_button: true,
+        resoui_fileinput_noTextField: hideTextInputField,
+    }, resetButtonClassName, {
+        disabled: disabled || !validations.stringHasValue(value),
+        resoui_no_select: true,
+    }));
+    return (React.createElement("div", { "data-testid": `file-input-${id}-root`, className: containerClasses, style: rootStyles },
+        React.createElement("div", { className: "resoui_fileinput_row" },
+            !hideTextInputField && (React.createElement("input", { "data-testid": "file-input-text-input", id: `resoui-file-input-textinput-${id}`, type: "text", value: String(value), readOnly: true, className: textInputClasses, placeholder: placeholder, disabled: true, onBlur: onBlur, onFocus: onFocus })),
+            React.createElement("label", { role: "input", className: fileInputClasses, htmlFor: `resoui-file-input-fileinput-${id}` },
+                React.createElement("input", { "data-testid": "file-input-input", id: `resoui-file-input-fileinput-${id}`, name: id, type: "file", value: "", className: "_resoui_fileinput_input", style: _resoui_fileinput_input_styles, disabled: disabled, accept: filterExtensionsInUsersFileExplorer ? accept : undefined, multiple: multiple, onChange: (event) => {
+                        handleInputChange(event);
+                    } }),
+                labelText),
+            React.createElement("button", { "data-testid": "file-input-reset-button", type: "button", className: resetButtonClasses, onClick: (e) => {
+                    e.preventDefault();
+                    if (validations.methodHasValue(onReset)) {
+                        onReset();
+                    }
+                }, disabled: !validations.stringHasValue(value) }, "Reset")),
+        error && (React.createElement("p", { "data-testid": `file-input-${id}-error`, className: "resoui_form_input_error" }, error))));
+};
+
+exports.FileInput = FileInput;
+//# sourceMappingURL=File-Input.js.map

package/dist/cjs/forms/Controls/File-Input/File-Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"File-Input.js","sources":["../../../../../src/library/forms/Controls/File-Input/File-Input.tsx"],"sourcesContent":[null],"names":["stringHasValue","stringIsValidAccept","useInputValidatorsMemo","useEffect","validate","createComponentStyles","createLayoutStyles","withSpacingsProps","methodHasValue"],"mappings":"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"}