@dextinity/cms-admin 2.0.0-canary-20260729062014

package/lib/contentScope/ContentScopeSelect.js

@@ -0,0 +1,354 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { 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 _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { AppHeaderDropdown, ClearInputAdornment } from "@dextinity/admin";
+import { Domain, Language, Search } from "@dextinity/admin-icons";
+import { Box, Divider, InputAdornment, InputBase, List, ListItem, ListItemButton, ListItemIcon, ListItemText, ListSubheader, Typography, useTheme } from "@mui/material";
+import { capitalCase } from "change-case";
+import { Fragment, useState } from "react";
+import { FormattedMessage, useIntl } from "react-intl";
+import { findTextMatches, MarkedMatches } from "../common/MarkedMatches";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export var contentScopeLocalStorageKey = "contentScopeSelect.selectedScope";
+export function ContentScopeSelect(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    options = _ref.options,
+    searchable = _ref.searchable,
+    groupBy = _ref.groupBy,
+    _ref$icon = _ref.icon,
+    icon = _ref$icon === void 0 ? /*#__PURE__*/_jsx(Language, {}) : _ref$icon,
+    renderOption = _ref.renderOption,
+    renderSelectedOption = _ref.renderSelectedOption;
+  var intl = useIntl();
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchValue = _useState2[0],
+    setSearchValue = _useState2[1];
+  var theme = useTheme();
+  var hasMultipleDimensions = options.some(function (option) {
+    return Object.keys(option.scope).length > 1;
+  });
+  var filteredOptions = options;
+  if (searchable) {
+    filteredOptions = options.filter(function (option) {
+      return Object.values(option.scope).some(function (value) {
+        return value.toLowerCase().includes(searchValue.toLowerCase());
+      }) || Object.values(option.label || []).some(function (value) {
+        return value === null || value === void 0 ? void 0 : value.toLowerCase().includes(searchValue.toLowerCase());
+      });
+    });
+  }
+  var groups = [];
+  if (groupBy) {
+    if (hasMultipleDimensions) {
+      var _iterator = _createForOfIteratorHelper(filteredOptions),
+        _step;
+      try {
+        var _loop = function _loop() {
+          var option = _step.value;
+          var groupForOption = groups.find(function (group) {
+            return group.value === option.scope[groupBy];
+          });
+          if (groupForOption) {
+            groupForOption.options.push(option);
+          } else {
+            groups.push({
+              value: option.scope[groupBy],
+              label: option.label ? option.label[groupBy] : undefined,
+              options: [option]
+            });
+          }
+        };
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          _loop();
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    } else {
+      console.warn("ContentScopeSelect: groupBy is set but only one dimension is present. Ignoring groupBy.");
+      groups = [{
+        value: "",
+        label: "",
+        options: filteredOptions
+      }];
+    }
+  } else {
+    groups = [{
+      value: "",
+      label: "",
+      options: filteredOptions
+    }];
+  }
+  var selectedOption = options.find(function (option) {
+    return valueMatchesOption(value, option);
+  });
+  if (!selectedOption) {
+    throw new Error("ContentScopeSelect: Can't find provided value in options.");
+  }
+  if (!renderOption) {
+    renderOption = function renderOption(option, query, isSelected) {
+      var text = Object.entries(option.scope).filter(function (_ref2) {
+        var _ref3 = _slicedToArray(_ref2, 1),
+          dimension = _ref3[0];
+        return hasMultipleDimensions && groupBy ? dimension !== groupBy : true;
+      }).map(function (_ref4) {
+        var _ref6;
+        var _ref5 = _slicedToArray(_ref4, 2),
+          key = _ref5[0],
+          value = _ref5[1];
+        return (_ref6 = option.label && option.label[key]) !== null && _ref6 !== void 0 ? _ref6 : value;
+      }).join(" – ");
+      var matches = findTextMatches(text, query);
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(ListItemIcon, {
+          children: /*#__PURE__*/_jsx(Domain, {})
+        }), /*#__PURE__*/_jsx(ListItemText, {
+          slotProps: {
+            primary: {
+              variant: isSelected ? "subtitle2" : "body2"
+            }
+          },
+          sx: {
+            margin: 0
+          },
+          primary: /*#__PURE__*/_jsx(MarkedMatches, {
+            text: text,
+            matches: matches
+          })
+        })]
+      });
+    };
+  }
+  if (!renderSelectedOption) {
+    renderSelectedOption = function renderSelectedOption(option) {
+      return Object.keys(option.scope).map(function (key) {
+        return humanReadableLabel({
+          label: option.label ? option.label[key] : undefined,
+          value: option.scope[key]
+        });
+      }).join(" / ");
+    };
+  }
+  var handleChange = function handleChange(selectedScope) {
+    localStorage.setItem(contentScopeLocalStorageKey, JSON.stringify(selectedScope));
+    onChange(selectedScope);
+  };
+  return /*#__PURE__*/_jsx(AppHeaderDropdown, {
+    buttonChildren: renderSelectedOption(selectedOption),
+    startIcon: icon,
+    slotProps: {
+      root: {
+        sx: function sx(theme) {
+          return _defineProperty({
+            overflow: "hidden",
+            width: "100%"
+          }, theme.breakpoints.up("md"), {
+            width: "auto"
+          });
+        }
+      },
+      button: {
+        slotProps: {
+          root: {
+            sx: function sx(theme) {
+              return _defineProperty({
+                width: "100%",
+                justifyContent: "start"
+              }, theme.breakpoints.up("md"), {
+                justifyContent: "center"
+              });
+            }
+          },
+          content: {
+            sx: function sx(theme) {
+              return _defineProperty({
+                width: "100%",
+                justifyContent: "start"
+              }, theme.breakpoints.up("md"), {
+                justifyContent: "center"
+              });
+            }
+          },
+          endIcon: {
+            sx: function sx(theme) {
+              return _defineProperty(_defineProperty({}, theme.breakpoints.up("xs"), {
+                "&:not(:first-of-type)": {
+                  marginLeft: "auto"
+                }
+              }), theme.breakpoints.up("md"), {
+                "&:not(:first-of-type)": {
+                  marginLeft: theme.spacing(2)
+                }
+              });
+            }
+          },
+          typography: {
+            sx: {
+              textOverflow: "ellipsis",
+              overflow: "hidden",
+              whiteSpace: "nowrap"
+            }
+          }
+        }
+      },
+      popover: {
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "left"
+        },
+        transformOrigin: {
+          vertical: "top",
+          horizontal: "left"
+        },
+        PaperProps: {
+          sx: function sx(theme) {
+            return _defineProperty({
+              minWidth: "350px",
+              maxHeight: "calc(100vh - 60px)"
+            }, theme.breakpoints.down("md"), {
+              width: "100%",
+              maxWidth: "none",
+              bottom: 0
+            });
+          }
+        }
+      }
+    },
+    children: function children(hideDropdown) {
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [searchable && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(Box, {
+            sx: {
+              px: 3,
+              py: 2
+            },
+            children: /*#__PURE__*/_jsx(InputBase, {
+              startAdornment: /*#__PURE__*/_jsx(InputAdornment, {
+                position: "start",
+                children: /*#__PURE__*/_jsx(Search, {
+                  htmlColor: theme.palette.grey[900]
+                })
+              }),
+              placeholder: intl.formatMessage({
+                id: "contentScopeSelect.searchInput.placeholder",
+                defaultMessage: "Search..."
+              }),
+              value: searchValue,
+              onChange: function onChange(event) {
+                return setSearchValue(event.currentTarget.value);
+              },
+              endAdornment: searchValue !== "" ? /*#__PURE__*/_jsx(ClearInputAdornment, {
+                onClick: function onClick() {
+                  return setSearchValue("");
+                },
+                position: "end",
+                slotProps: {
+                  buttonBase: {
+                    sx: {
+                      fontSize: "16px"
+                    }
+                  }
+                }
+              }) : undefined,
+              autoFocus: true,
+              fullWidth: true
+            })
+          }), /*#__PURE__*/_jsx(Divider, {})]
+        }), /*#__PURE__*/_jsxs(List, {
+          sx: {
+            paddingTop: 0
+          },
+          children: [groups.map(function (group, index) {
+            var showGroupHeader = hasMultipleDimensions;
+            var showGroupDivider = showGroupHeader && index !== groups.length - 1;
+            var groupLabel = humanReadableLabel(group);
+            var matches = findTextMatches(groupLabel, searchValue);
+            return /*#__PURE__*/_jsxs(Fragment, {
+              children: [showGroupHeader && /*#__PURE__*/_jsx(ListSubheader, {
+                sx: function sx(theme) {
+                  return {
+                    paddingX: theme.spacing(3),
+                    paddingTop: theme.spacing(4),
+                    paddingBottom: theme.spacing(2),
+                    lineHeight: "inherit"
+                  };
+                },
+                children: /*#__PURE__*/_jsx(Typography, {
+                  variant: "overline",
+                  sx: function sx(theme) {
+                    return {
+                      color: theme.palette.grey[500]
+                    };
+                  },
+                  children: matches ? /*#__PURE__*/_jsx(MarkedMatches, {
+                    text: groupLabel,
+                    matches: matches
+                  }) : groupLabel
+                })
+              }), group.options.map(function (option) {
+                var _renderOption;
+                var isSelected = option === selectedOption;
+                return /*#__PURE__*/_jsx(ListItemButton, {
+                  onClick: function onClick() {
+                    hideDropdown();
+                    handleChange(option.scope);
+                    setSearchValue("");
+                  },
+                  selected: isSelected,
+                  sx: function sx(_ref10) {
+                    var spacing = _ref10.spacing;
+                    return {
+                      paddingX: spacing(6)
+                    };
+                  },
+                  children: (_renderOption = renderOption) === null || _renderOption === void 0 ? void 0 : _renderOption(option, searchValue, isSelected)
+                }, JSON.stringify(option));
+              }), showGroupDivider && /*#__PURE__*/_jsx(Divider, {
+                sx: function sx(_ref11) {
+                  var spacing = _ref11.spacing,
+                    palette = _ref11.palette;
+                  return {
+                    marginX: "8px",
+                    marginY: spacing(2),
+                    borderColor: palette.grey[50]
+                  };
+                }
+              })]
+            }, group.value);
+          }), filteredOptions.length === 0 && /*#__PURE__*/_jsx(ListItem, {
+            children: /*#__PURE__*/_jsx(FormattedMessage, {
+              id: "contentScopeSelect.list.noOptions",
+              defaultMessage: "No options"
+            })
+          })]
+        })]
+      });
+    }
+  });
+}
+function humanReadableLabel(_ref12) {
+  var label = _ref12.label,
+    value = _ref12.value;
+  return label !== null && label !== void 0 ? label : capitalCase(value);
+}
+function valueMatchesOption(value, option) {
+  var optionMatchesAllValueDimensions = Object.keys(value).every(function (dimension) {
+    return value[dimension] === option.scope[dimension];
+  });
+  var valueMatchesAllOptionDimensions = Object.keys(option.scope).every(function (dimension) {
+    return option.scope[dimension] === value[dimension];
+  });
+  return optionMatchesAllValueDimensions && valueMatchesAllOptionDimensions;
+}

package/lib/contentScope/Controls.d.ts

@@ -0,0 +1,10 @@
+import type { JSX, ReactNode } from "react";
+import { type ContentScope } from "./Provider";
+interface ContentScopeControlsProps {
+    searchable?: boolean;
+    groupBy?: keyof ContentScope;
+    icon?: ReactNode;
+}
+export declare function ContentScopeControls({ searchable, icon, groupBy }: ContentScopeControlsProps): JSX.Element;
+export {};
+//# sourceMappingURL=Controls.d.ts.map

package/lib/contentScope/Controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Controls.d.ts","sourceRoot":"","sources":["../../src/contentScope/Controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,KAAK,YAAY,EAAmB,MAAM,YAAY,CAAC;AAEhE,UAAU,yBAAyB;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,YAAY,CAAC;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAID,wBAAgB,oBAAoB,CAAC,EAAE,UAAiB,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,yBAAyB,GAAG,GAAG,CAAC,OAAO,CAYjH"}

package/lib/contentScope/Controls.js

@@ -0,0 +1,27 @@
+import { ContentScopeSelect } from "./ContentScopeSelect";
+import { useContentScope } from "./Provider";
+import { jsx as _jsx } from "react/jsx-runtime";
+// A standard control form for scope
+// Can be easily configured (should fit for 90% of all cases)
+export function ContentScopeControls(_ref) {
+  var _ref$searchable = _ref.searchable,
+    searchable = _ref$searchable === void 0 ? true : _ref$searchable,
+    icon = _ref.icon,
+    groupBy = _ref.groupBy;
+  var _useContentScope = useContentScope(),
+    scope = _useContentScope.scope,
+    setScope = _useContentScope.setScope,
+    values = _useContentScope.values;
+  return /*#__PURE__*/_jsx(ContentScopeSelect, {
+    value: scope,
+    onChange: function onChange(value) {
+      return setScope(function () {
+        return value;
+      });
+    },
+    options: values,
+    searchable: searchable,
+    icon: icon,
+    groupBy: groupBy !== null && groupBy !== void 0 ? groupBy : Object.keys(scope)[0]
+  });
+}

package/lib/contentScope/Provider.d.ts

@@ -0,0 +1,47 @@
+import { type Dispatch, type ReactNode, type SetStateAction } from "react";
+import { type match } from "react-router";
+export interface ContentScope {
+    [key: string]: any;
+}
+type ContentScopeLocation = {
+    createPath: (scope: ContentScopeValues) => string | string[];
+    createUrl: (scope: ContentScope) => string;
+};
+type NonNull<T> = T extends null ? never : T;
+type NonNullRecord<T> = {
+    [P in keyof T]: NonNull<T[P]>;
+};
+type SetContentScopeAction = (state: ContentScope) => ContentScope;
+export type UseContentScopeApi = {
+    scope: ContentScope;
+    setScope: (action: SetContentScopeAction) => void;
+    match: match;
+    setRedirectPathAfterChange: Dispatch<SetStateAction<string | undefined>>;
+    supported: boolean;
+    createUrl: (scope: ContentScope) => string;
+    values: ContentScopeValues;
+};
+export type ContentScopeValues = Array<{
+    scope: ContentScope;
+    label?: {
+        [P in keyof ContentScope]?: string;
+    };
+}>;
+export declare function useContentScope(): UseContentScopeApi;
+export interface ContentScopeProviderProps {
+    defaultValue?: ContentScope;
+    values?: ContentScopeValues;
+    children: (p: {
+        match: match<NonNullRecord<ContentScope>>;
+    }) => ReactNode;
+    location?: ContentScopeLocation;
+    /**
+     * Fallback UI for users who have no content scopes.
+     *
+     * @default <NoContentScopeFallback />
+     */
+    noContentScopeFallback?: ReactNode;
+}
+export declare function ContentScopeProvider({ children, defaultValue, values, location, noContentScopeFallback, }: ContentScopeProviderProps): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null;
+export {};
+//# sourceMappingURL=Provider.d.ts.map

package/lib/contentScope/Provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../src/contentScope/Provider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAA8C,MAAM,OAAO,CAAC;AACtI,OAAO,EAAE,KAAK,KAAK,EAAsD,MAAM,cAAc,CAAC;AAO9F,MAAM,WAAW,YAAY;IAEzB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,KAAK,oBAAoB,GAAG;IACxB,UAAU,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,MAAM,GAAG,MAAM,EAAE,CAAC;IAC7D,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,MAAM,CAAC;CAC9C,CAAC;AAqBF,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,GAAG,KAAK,GAAG,CAAC,CAAC;AAC7C,KAAK,aAAa,CAAC,CAAC,IAAI;KACnB,CAAC,IAAI,MAAM,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAChC,CAAC;AAEF,KAAK,qBAAqB,GAAG,CAAC,KAAK,EAAE,YAAY,KAAK,YAAY,CAAC;AAEnE,MAAM,MAAM,kBAAkB,GAAG;IAC7B,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,KAAK,EAAE,KAAK,CAAC;IACb,0BAA0B,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;IACzE,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,MAAM,CAAC;IAC3C,MAAM,EAAE,kBAAkB,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE;SAAG,CAAC,IAAI,MAAM,YAAY,CAAC,CAAC,EAAE,MAAM;KAAE,CAAC;CAClD,CAAC,CAAC;AAkCH,wBAAgB,eAAe,IAAI,kBAAkB,CA6BpD;AAED,MAAM,WAAW,yBAAyB;IACtC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,QAAQ,EAAE,CAAC,CAAC,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAA;KAAE,KAAK,SAAS,CAAC;IAC1E,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAEhC;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,SAAS,CAAC;CACtC;AAED,wBAAgB,oBAAoB,CAAC,EACjC,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,QAAsC,EACtC,sBAAmD,GACtD,EAAE,yBAAyB,+TAyD3B"}

package/lib/contentScope/Provider.js

@@ -0,0 +1,160 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { 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 _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import isEqual from "lodash.isequal";
+import { createContext, useCallback, useContext, useMemo, useState } from "react";
+import { Redirect, Route, Switch, useHistory, useRouteMatch } from "react-router";
+import { useCurrentUser } from "../userPermissions/hooks/currentUser";
+import { contentScopeLocalStorageKey } from "./ContentScopeSelect";
+import { NoContentScopeFallback } from "./noContentScopeFallback/NoContentScopeFallback";
+import { defaultCreatePath } from "./utils/defaultCreatePath";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var defaultContentScopeLocation = {
+  createPath: defaultCreatePath,
+  createUrl: defaultCreateUrl
+};
+var defaultContentScopeContext = {
+  path: "/",
+  setRedirectPathAfterChange: function setRedirectPathAfterChange() {
+    //
+  },
+  values: [],
+  location: defaultContentScopeLocation
+};
+// @TODO (maybe): factory for Provider (and other components) to be able to create a generic context https://ordina-jworks.github.io/architecture/2021/02/12/react-generic-context.html
+// ... and get rid of "as" type-assertions
+var Context = /*#__PURE__*/createContext(defaultContentScopeContext);
+var NullValueAsString = "-"; // used to represent null-values in the url
+
+function parseScopeFromRouterMatchParams(params) {
+  return Object.entries(params).reduce(function (a, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    return _objectSpread(_objectSpread({}, a), {}, _defineProperty({}, key, !value || value === NullValueAsString ? null : value));
+  }, {});
+}
+function formatScopeToRouterMatchParams(scope) {
+  return Object.entries(scope).reduce(function (a, _ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+      key = _ref4[0],
+      value = _ref4[1];
+    return _objectSpread(_objectSpread({}, a), {}, _defineProperty({}, key, !value || value === null ? NullValueAsString : value));
+  }, {});
+}
+function defaultCreateUrl(scope) {
+  var formattedMatchParams = formatScopeToRouterMatchParams(scope);
+  return Object.entries(formattedMatchParams).reduce(function (a, _ref5) {
+    var _ref6 = _slicedToArray(_ref5, 2),
+      value = _ref6[1];
+    return "".concat(a, "/").concat(value);
+  }, "");
+}
+
+// @TODO: scope can no longer be undefined
+// @TODO: remove supported attribute
+// @TODO: provide default empty scope "{}"
+export function useContentScope() {
+  var context = useContext(Context);
+  var history = useHistory();
+  var matchContextScope = useRouteMatch((context === null || context === void 0 ? void 0 : context.path) || "");
+  var matchDefault = useRouteMatch();
+  var match = matchContextScope || matchDefault;
+  var matchParamsString = JSON.stringify(match.params); // convert matchParams to string, like this we can memoize or callbacks more easily
+  var scope = useMemo(function () {
+    return parseScopeFromRouterMatchParams(JSON.parse(matchParamsString));
+  }, [matchParamsString]);
+  var redirectPath = context.redirectPathAfterChange;
+  var setScope = useCallback(function (action) {
+    var newContentScope = action(scope);
+    var pathAfterScopePath = redirectPath || "";
+    var url = context.location.createUrl(newContentScope);
+    history.push({
+      pathname: url + pathAfterScopePath
+    });
+  }, [scope, history, redirectPath, context.location]);
+  return {
+    scope: scope,
+    setScope: setScope,
+    match: match,
+    setRedirectPathAfterChange: context.setRedirectPathAfterChange,
+    supported: Object.keys(scope).length > 0,
+    values: context.values,
+    // @TODO:
+    createUrl: context.location.createUrl
+  };
+}
+export function ContentScopeProvider(_ref7) {
+  var children = _ref7.children,
+    defaultValue = _ref7.defaultValue,
+    values = _ref7.values,
+    _ref7$location = _ref7.location,
+    location = _ref7$location === void 0 ? defaultContentScopeLocation : _ref7$location,
+    _ref7$noContentScopeF = _ref7.noContentScopeFallback,
+    noContentScopeFallback = _ref7$noContentScopeF === void 0 ? /*#__PURE__*/_jsx(NoContentScopeFallback, {}) : _ref7$noContentScopeF;
+  var user = useCurrentUser();
+  if (values === undefined) {
+    var _user$allowedContentS;
+    values = user.allowedContentScopes;
+    defaultValue = (_user$allowedContentS = user.allowedContentScopes[0]) === null || _user$allowedContentS === void 0 ? void 0 : _user$allowedContentS.scope;
+  } else if (!values || !defaultValue) {
+    throw new Error("ContentScopeProvider: values and defaultValue couldn't be evaluated from currentUser and must therefore be provided.");
+  }
+  var path = location.createPath(values);
+  var match = useRouteMatch(path);
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    redirectPathAfterChange = _useState2[0],
+    setRedirectPathAfterChange = _useState2[1];
+  if (values.length === 0) {
+    return noContentScopeFallback;
+  }
+  var storedScope = localStorage.getItem(contentScopeLocalStorageKey);
+  var defaultUrl;
+  if (storedScope && storedScope !== "undefined") {
+    var parsedStoredScope = JSON.parse(storedScope);
+    // Validate that the stored scope is in the user's allowed scopes
+    var isStoredScopeAllowed = values.some(function (value) {
+      return isEqual(parsedStoredScope, value.scope);
+    });
+    if (isStoredScopeAllowed) {
+      defaultUrl = location.createUrl(parsedStoredScope);
+    } else {
+      // If stored scope is not allowed, clear it and use default
+      localStorage.removeItem(contentScopeLocalStorageKey);
+      defaultUrl = location.createUrl(defaultValue);
+    }
+  } else {
+    defaultUrl = location.createUrl(defaultValue);
+  }
+  return /*#__PURE__*/_jsx(Context.Provider, {
+    value: {
+      path: path,
+      redirectPathAfterChange: redirectPathAfterChange,
+      setRedirectPathAfterChange: setRedirectPathAfterChange,
+      values: values,
+      location: location
+    },
+    children: /*#__PURE__*/_jsxs(Switch, {
+      children: [match && /*#__PURE__*/_jsx(Route, {
+        exact: false,
+        strict: false,
+        path: path,
+        children: children({
+          match: match
+        })
+      }), /*#__PURE__*/_jsx(Redirect, {
+        to: defaultUrl
+      })]
+    })
+  });
+}

package/lib/contentScope/noContentScopeFallback/NoContentScopeFallback.d.ts

@@ -0,0 +1,3 @@
+import type { FunctionComponent } from "react";
+export declare const NoContentScopeFallback: FunctionComponent;
+//# sourceMappingURL=NoContentScopeFallback.d.ts.map

package/lib/contentScope/noContentScopeFallback/NoContentScopeFallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoContentScopeFallback.d.ts","sourceRoot":"","sources":["../../../src/contentScope/noContentScopeFallback/NoContentScopeFallback.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAO/C,eAAO,MAAM,sBAAsB,EAAE,iBAqEpC,CAAC"}