@heymantle/litho 0.0.1

package/dist/cjs/utilities/dates.js

@@ -0,0 +1,339 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get DATE_LOCALES () {
+        return DATE_LOCALES;
+    },
+    get DATE_LOCALE_MAP () {
+        return DATE_LOCALE_MAP;
+    },
+    get DAY_FORMAT () {
+        return DAY_FORMAT;
+    },
+    get DAY_TIME_FORMAT () {
+        return DAY_TIME_FORMAT;
+    },
+    get HOURLY_RANGE_PRESETS () {
+        return HOURLY_RANGE_PRESETS;
+    },
+    get MONTHS () {
+        return MONTHS;
+    },
+    get NOW () {
+        return NOW;
+    },
+    get NOW_TODAY () {
+        return NOW_TODAY;
+    },
+    get RANGE_PRESETS () {
+        return RANGE_PRESETS;
+    },
+    get TIME_FORMAT () {
+        return TIME_FORMAT;
+    },
+    get isValidDate () {
+        return isValidDate;
+    }
+});
+var _locale = require("date-fns/locale");
+var _dayjs = /*#__PURE__*/ _interop_require_default(require("dayjs"));
+var _quarterOfYear = /*#__PURE__*/ _interop_require_default(require("dayjs/plugin/quarterOfYear.js"));
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+_dayjs.default.extend(_quarterOfYear.default);
+var isValidDate = function(date) {
+    return date && !isNaN(date.getTime());
+};
+var DAY_FORMAT = "MMM D YYYY";
+var DAY_TIME_FORMAT = "MMM D YYYY, h:mm A";
+var TIME_FORMAT = "HH:mm";
+var NOW = new Date();
+var NOW_TODAY = (0, _dayjs.default)(NOW).format(DAY_FORMAT);
+var DATE_LOCALES = {
+    enUS: _locale.enUS,
+    enGB: _locale.enGB,
+    arEG: _locale.arEG
+};
+var DATE_LOCALE_MAP = Object.entries({
+    enUS: [
+        "en-US",
+        "us",
+        "america"
+    ],
+    enGB: [
+        "en-GB",
+        "gb",
+        "uk"
+    ],
+    arEG: [
+        "ar-EG",
+        "egypt"
+    ]
+}).reduce(function(map, param) {
+    var _param = _sliced_to_array(param, 2), localeKey = _param[0], keys = _param[1];
+    var locale = DATE_LOCALES[localeKey];
+    keys.forEach(function(key) {
+        map[key] = locale;
+    });
+    return map;
+}, {});
+var HOURLY_RANGE_PRESETS = [
+    {
+        id: "last_30_minutes",
+        label: "Last 30 minutes",
+        value: {
+            start: (0, _dayjs.default)().startOf("minute").subtract(29, "minutes").toDate(),
+            end: (0, _dayjs.default)().endOf("minute").toDate()
+        }
+    },
+    {
+        id: "last_60_minutes",
+        label: "Last 60 minutes",
+        value: {
+            start: (0, _dayjs.default)().startOf("minute").subtract(59, "minutes").toDate(),
+            end: (0, _dayjs.default)().endOf("minute").toDate()
+        }
+    }
+];
+var RANGE_PRESETS = [
+    {
+        id: "today",
+        label: "Today",
+        value: {
+            start: (0, _dayjs.default)().startOf("day").toDate(),
+            end: (0, _dayjs.default)().endOf("day").toDate()
+        }
+    },
+    {
+        id: "yesterday",
+        label: "Yesterday",
+        value: {
+            start: (0, _dayjs.default)().subtract(1, "day").startOf("day").toDate(),
+            end: (0, _dayjs.default)().subtract(1, "day").endOf("day").toDate()
+        }
+    },
+    {
+        id: "last_12_hours",
+        label: "Last 12 hours",
+        value: {
+            start: (0, _dayjs.default)().subtract(11, "hours").startOf("hour").toDate(),
+            end: (0, _dayjs.default)().endOf("hour").toDate()
+        }
+    },
+    {
+        id: "last_24_hours",
+        hideCalendar: true,
+        label: "Last 24 hours",
+        value: {
+            start: (0, _dayjs.default)().subtract(23, "hours").startOf("hour").toDate(),
+            end: (0, _dayjs.default)().endOf("hour").toDate()
+        }
+    },
+    {
+        id: "last_7_days",
+        label: "Last 7 days",
+        value: {
+            start: (0, _dayjs.default)().subtract(6, "day").startOf("day").toDate(),
+            end: (0, _dayjs.default)().endOf("day").toDate()
+        }
+    },
+    {
+        id: "last_14_days",
+        label: "Last 14 days",
+        value: {
+            start: (0, _dayjs.default)().subtract(13, "day").startOf("day").toDate(),
+            end: (0, _dayjs.default)().endOf("day").toDate()
+        }
+    },
+    {
+        id: "last_30_days",
+        label: "Last 30 days",
+        value: {
+            start: (0, _dayjs.default)().subtract(29, "day").startOf("day").toDate(),
+            end: (0, _dayjs.default)().endOf("day").toDate()
+        }
+    },
+    {
+        id: "last_90_days",
+        label: "Last 90 days",
+        value: {
+            start: (0, _dayjs.default)().subtract(89, "day").startOf("day").toDate(),
+            end: (0, _dayjs.default)().endOf("day").toDate()
+        }
+    },
+    {
+        id: "last_month",
+        label: "Last month",
+        value: {
+            start: (0, _dayjs.default)().subtract(1, "month").startOf("month").toDate(),
+            end: (0, _dayjs.default)().subtract(1, "month").endOf("month").toDate()
+        }
+    },
+    {
+        id: "last_12_months",
+        label: "Last 12 months",
+        value: {
+            start: (0, _dayjs.default)().subtract(11, "month").startOf("month").toDate(),
+            end: (0, _dayjs.default)().endOf("day").toDate()
+        }
+    },
+    {
+        id: "last_24_months",
+        label: "Last 24 months",
+        value: {
+            start: (0, _dayjs.default)().subtract(23, "month").startOf("month").toDate(),
+            end: (0, _dayjs.default)().endOf("day").toDate()
+        }
+    },
+    {
+        id: "month_to_date",
+        label: "Month to date",
+        value: {
+            start: (0, _dayjs.default)().startOf("month").toDate(),
+            end: (0, _dayjs.default)().endOf("day").toDate()
+        }
+    },
+    {
+        id: "quarter_to_date",
+        label: "Quarter to date",
+        value: {
+            start: (0, _dayjs.default)().startOf("quarter").toDate(),
+            end: (0, _dayjs.default)().endOf("day").toDate()
+        }
+    },
+    {
+        id: "year_to_date",
+        label: "Year to date",
+        value: {
+            start: (0, _dayjs.default)().startOf("year").toDate(),
+            end: (0, _dayjs.default)().endOf("day").toDate()
+        }
+    },
+    {
+        id: "all_time",
+        label: "All time",
+        value: {
+            start: (0, _dayjs.default)("2018-01-01").toDate(),
+            end: (0, _dayjs.default)().endOf("day").toDate()
+        }
+    }
+];
+var MONTHS = [
+    {
+        value: 0,
+        name: "January",
+        shortName: "Jan"
+    },
+    {
+        value: 1,
+        name: "February",
+        shortName: "Feb"
+    },
+    {
+        value: 2,
+        name: "March",
+        shortName: "Mar"
+    },
+    {
+        value: 3,
+        name: "April",
+        shortName: "Apr"
+    },
+    {
+        value: 4,
+        name: "May",
+        shortName: "May"
+    },
+    {
+        value: 5,
+        name: "June",
+        shortName: "Jun"
+    },
+    {
+        value: 6,
+        name: "July",
+        shortName: "Jul"
+    },
+    {
+        value: 7,
+        name: "August",
+        shortName: "Aug"
+    },
+    {
+        value: 8,
+        name: "September",
+        shortName: "Sep"
+    },
+    {
+        value: 9,
+        name: "October",
+        shortName: "Oct"
+    },
+    {
+        value: 10,
+        name: "November",
+        shortName: "Nov"
+    },
+    {
+        value: 11,
+        name: "December",
+        shortName: "Dec"
+    }
+];

package/dist/cjs/utilities/useIndexResourceState.js

@@ -0,0 +1,175 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get SelectionType () {
+        return SelectionType;
+    },
+    get useIndexResourceState () {
+        return useIndexResourceState;
+    }
+});
+var _react = require("react");
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+var SelectionType = {
+    All: "all",
+    Page: "page",
+    Multi: "multi",
+    Single: "single",
+    Some: "some",
+    None: "none"
+};
+var defaultResourceIDResolver = function(resource) {
+    if ("id" in resource) {
+        return resource.id;
+    }
+    throw new Error("Your resource does not directly contain an `id`. Pass a `resourceIDResolver` to `useIndexResourceState`");
+};
+var useIndexResourceState = function(resources) {
+    var _ref = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, tmp = _ref.selectedResources, initSelectedResources = tmp === void 0 ? [] : tmp, tmp1 = _ref.allResourcesSelected, initAllResourcesSelected = tmp1 === void 0 ? false : tmp1, _ref_resourceIDResolver = _ref.resourceIDResolver, resourceIDResolver = _ref_resourceIDResolver === void 0 ? defaultResourceIDResolver : _ref_resourceIDResolver, _ref_resourceFilter = _ref.resourceFilter, resourceFilter = _ref_resourceFilter === void 0 ? undefined : _ref_resourceFilter;
+    var _useState = _sliced_to_array((0, _react.useState)(initSelectedResources), 2), selectedResources = _useState[0], setSelectedResources = _useState[1];
+    var _useState1 = _sliced_to_array((0, _react.useState)(initAllResourcesSelected), 2), allResourcesSelected = _useState1[0], setAllResourcesSelected = _useState1[1];
+    var handleSelectionChange = (0, _react.useCallback)(function(selectionType, isSelecting, selection) {
+        if (selectionType === SelectionType.All) {
+            setAllResourcesSelected(isSelecting);
+        } else if (allResourcesSelected) {
+            setAllResourcesSelected(false);
+        }
+        switch(selectionType){
+            case SelectionType.None:
+                setSelectedResources([]);
+                break;
+            case SelectionType.Single:
+                setSelectedResources(function(newSelectedResources) {
+                    return isSelecting ? _to_consumable_array(newSelectedResources).concat([
+                        selection
+                    ]) : newSelectedResources.filter(function(id) {
+                        return id !== selection;
+                    });
+                });
+                break;
+            case SelectionType.All:
+                if (resourceFilter) {
+                    var filteredResources = resources.filter(resourceFilter);
+                    setSelectedResources(isSelecting && selectedResources.length < filteredResources.length ? filteredResources.map(resourceIDResolver) : []);
+                } else {
+                    setSelectedResources(isSelecting ? resources.map(resourceIDResolver) : []);
+                }
+                break;
+            case SelectionType.Page:
+                setSelectedResources(resources.map(resourceIDResolver));
+                break;
+            case SelectionType.Multi:
+                if (!selection) break;
+                setSelectedResources(function(newSelectedResources) {
+                    var ids = [];
+                    var filteredResources = resourceFilter ? resources.filter(resourceFilter) : resources;
+                    for(var i = selection[0]; i <= selection[1]; i++){
+                        if (filteredResources.includes(resources[i])) {
+                            var id = resourceIDResolver(resources[i]);
+                            if (isSelecting && !newSelectedResources.includes(id) || !isSelecting && newSelectedResources.includes(id)) {
+                                ids.push(id);
+                            }
+                        }
+                    }
+                    return isSelecting ? _to_consumable_array(newSelectedResources).concat(_to_consumable_array(ids)) : newSelectedResources.filter(function(id) {
+                        return !ids.includes(id);
+                    });
+                });
+                break;
+        }
+    }, [
+        allResourcesSelected,
+        resourceFilter,
+        selectedResources.length,
+        resources,
+        resourceIDResolver
+    ]);
+    var clearSelection = (0, _react.useCallback)(function() {
+        setSelectedResources([]);
+        setAllResourcesSelected(false);
+    }, []);
+    var removeSelectedResources = (0, _react.useCallback)(function(removeResources) {
+        var newSelectedResources = selectedResources.filter(function(resource) {
+            return !removeResources.includes(resource);
+        });
+        setSelectedResources(newSelectedResources);
+        if (newSelectedResources.length === 0) {
+            setAllResourcesSelected(false);
+        }
+    }, [
+        selectedResources
+    ]);
+    return {
+        selectedResources: selectedResources,
+        allResourcesSelected: allResourcesSelected,
+        handleSelectionChange: handleSelectionChange,
+        clearSelection: clearSelection,
+        removeSelectedResources: removeSelectedResources
+    };
+};

package/dist/cjs/utilities/useMounted.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMounted", {
+    enumerable: true,
+    get: function() {
+        return useMounted;
+    }
+});
+var _react = require("react");
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+var useMounted = function() {
+    var _useState = _sliced_to_array((0, _react.useState)(), 2), mounted = _useState[0], setMounted = _useState[1];
+    // effects run only client-side
+    // so we can detect when the component is hydrated/mounted
+    // @see https://react.dev/reference/react/useEffect
+    (0, _react.useEffect)(function() {
+        setMounted(true);
+    }, []);
+    return mounted;
+};