@kaspernj/api-maker 1.0.461 → 1.0.462

package/build/translated-collections.js

@@ -1,6 +1,6 @@
 import { digg } from "diggerize";
 import I18nOnSteroids from "i18n-on-steroids";
-import translatedCollectionsData from "../src/translated-collections-data.js.erb";
+import translatedCollectionsData from "translated-collections-data.json";
 export default class ApiMakerTranslatedCollections {
   static get(modelClass, collectionName) {
     const locale = I18nOnSteroids.getCurrent().locale;
@@ -9,4 +9,4 @@ export default class ApiMakerTranslatedCollections {
     return collection;
   }
 }
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJkaWdnIiwiSTE4bk9uU3Rlcm9pZHMiLCJ0cmFuc2xhdGVkQ29sbGVjdGlvbnNEYXRhIiwiQXBpTWFrZXJUcmFuc2xhdGVkQ29sbGVjdGlvbnMiLCJnZXQiLCJtb2RlbENsYXNzIiwiY29sbGVjdGlvbk5hbWUiLCJsb2NhbGUiLCJnZXRDdXJyZW50IiwibW9kZWxDbGFzc05hbWUiLCJtb2RlbENsYXNzRGF0YSIsImNvbGxlY3Rpb24iXSwic291cmNlcyI6WyIuLi9zcmMvdHJhbnNsYXRlZC1jb2xsZWN0aW9ucy5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge2RpZ2d9IGZyb20gXCJkaWdnZXJpemVcIlxuaW1wb3J0IEkxOG5PblN0ZXJvaWRzIGZyb20gXCJpMThuLW9uLXN0ZXJvaWRzXCJcbmltcG9ydCB0cmFuc2xhdGVkQ29sbGVjdGlvbnNEYXRhIGZyb20gXCIuLi9zcmMvdHJhbnNsYXRlZC1jb2xsZWN0aW9ucy1kYXRhLmpzLmVyYlwiXG5cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIEFwaU1ha2VyVHJhbnNsYXRlZENvbGxlY3Rpb25zIHtcbiAgc3RhdGljIGdldCAobW9kZWxDbGFzcywgY29sbGVjdGlvbk5hbWUpIHtcbiAgICBjb25zdCBsb2NhbGUgPSBJMThuT25TdGVyb2lkcy5nZXRDdXJyZW50KCkubG9jYWxlXG4gICAgY29uc3QgbW9kZWxDbGFzc05hbWUgPSBkaWdnKG1vZGVsQ2xhc3MubW9kZWxDbGFzc0RhdGEoKSwgXCJuYW1lXCIpXG4gICAgY29uc3QgY29sbGVjdGlvbiA9IGRpZ2codHJhbnNsYXRlZENvbGxlY3Rpb25zRGF0YSwgbW9kZWxDbGFzc05hbWUsIGNvbGxlY3Rpb25OYW1lLCBsb2NhbGUsIFwiY29sbGVjdGlvbl9hcnJheVwiKVxuXG4gICAgcmV0dXJuIGNvbGxlY3Rpb25cbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFRQSxJQUFJLFFBQU8sV0FBVztBQUM5QixPQUFPQyxjQUFjLE1BQU0sa0JBQWtCO0FBQzdDLE9BQU9DLHlCQUF5QixNQUFNLDJDQUEyQztBQUVqRixlQUFlLE1BQU1DLDZCQUE2QixDQUFDO0VBQ2pELE9BQU9DLEdBQUdBLENBQUVDLFVBQVUsRUFBRUMsY0FBYyxFQUFFO0lBQ3RDLE1BQU1DLE1BQU0sR0FBR04sY0FBYyxDQUFDTyxVQUFVLENBQUMsQ0FBQyxDQUFDRCxNQUFNO0lBQ2pELE1BQU1FLGNBQWMsR0FBR1QsSUFBSSxDQUFDSyxVQUFVLENBQUNLLGNBQWMsQ0FBQyxDQUFDLEVBQUUsTUFBTSxDQUFDO0lBQ2hFLE1BQU1DLFVBQVUsR0FBR1gsSUFBSSxDQUFDRSx5QkFBeUIsRUFBRU8sY0FBYyxFQUFFSCxjQUFjLEVBQUVDLE1BQU0sRUFBRSxrQkFBa0IsQ0FBQztJQUU5RyxPQUFPSSxVQUFVO0VBQ25CO0FBQ0YiLCJpZ25vcmVMaXN0IjpbXX0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJkaWdnIiwiSTE4bk9uU3Rlcm9pZHMiLCJ0cmFuc2xhdGVkQ29sbGVjdGlvbnNEYXRhIiwiQXBpTWFrZXJUcmFuc2xhdGVkQ29sbGVjdGlvbnMiLCJnZXQiLCJtb2RlbENsYXNzIiwiY29sbGVjdGlvbk5hbWUiLCJsb2NhbGUiLCJnZXRDdXJyZW50IiwibW9kZWxDbGFzc05hbWUiLCJtb2RlbENsYXNzRGF0YSIsImNvbGxlY3Rpb24iXSwic291cmNlcyI6WyIuLi9zcmMvdHJhbnNsYXRlZC1jb2xsZWN0aW9ucy5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge2RpZ2d9IGZyb20gXCJkaWdnZXJpemVcIlxuaW1wb3J0IEkxOG5PblN0ZXJvaWRzIGZyb20gXCJpMThuLW9uLXN0ZXJvaWRzXCJcbmltcG9ydCB0cmFuc2xhdGVkQ29sbGVjdGlvbnNEYXRhIGZyb20gXCJ0cmFuc2xhdGVkLWNvbGxlY3Rpb25zLWRhdGEuanNvblwiXG5cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIEFwaU1ha2VyVHJhbnNsYXRlZENvbGxlY3Rpb25zIHtcbiAgc3RhdGljIGdldCAobW9kZWxDbGFzcywgY29sbGVjdGlvbk5hbWUpIHtcbiAgICBjb25zdCBsb2NhbGUgPSBJMThuT25TdGVyb2lkcy5nZXRDdXJyZW50KCkubG9jYWxlXG4gICAgY29uc3QgbW9kZWxDbGFzc05hbWUgPSBkaWdnKG1vZGVsQ2xhc3MubW9kZWxDbGFzc0RhdGEoKSwgXCJuYW1lXCIpXG4gICAgY29uc3QgY29sbGVjdGlvbiA9IGRpZ2codHJhbnNsYXRlZENvbGxlY3Rpb25zRGF0YSwgbW9kZWxDbGFzc05hbWUsIGNvbGxlY3Rpb25OYW1lLCBsb2NhbGUsIFwiY29sbGVjdGlvbl9hcnJheVwiKVxuXG4gICAgcmV0dXJuIGNvbGxlY3Rpb25cbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFRQSxJQUFJLFFBQU8sV0FBVztBQUM5QixPQUFPQyxjQUFjLE1BQU0sa0JBQWtCO0FBQzdDLE9BQU9DLHlCQUF5QixNQUFNLGtDQUFrQztBQUV4RSxlQUFlLE1BQU1DLDZCQUE2QixDQUFDO0VBQ2pELE9BQU9DLEdBQUdBLENBQUVDLFVBQVUsRUFBRUMsY0FBYyxFQUFFO0lBQ3RDLE1BQU1DLE1BQU0sR0FBR04sY0FBYyxDQUFDTyxVQUFVLENBQUMsQ0FBQyxDQUFDRCxNQUFNO0lBQ2pELE1BQU1FLGNBQWMsR0FBR1QsSUFBSSxDQUFDSyxVQUFVLENBQUNLLGNBQWMsQ0FBQyxDQUFDLEVBQUUsTUFBTSxDQUFDO0lBQ2hFLE1BQU1DLFVBQVUsR0FBR1gsSUFBSSxDQUFDRSx5QkFBeUIsRUFBRU8sY0FBYyxFQUFFSCxjQUFjLEVBQUVDLE1BQU0sRUFBRSxrQkFBa0IsQ0FBQztJQUU5RyxPQUFPSSxVQUFVO0VBQ25CO0FBQ0YiLCJpZ25vcmVMaXN0IjpbXX0=

package/build/use-breakpoint.js

@@ -1,6 +1,7 @@
 import { useCallback, useLayoutEffect } from "react";
 import apiMakerConfig from "@kaspernj/api-maker/build/config";
 import { Dimensions } from "react-native";
+import * as inflection from "inflection";
 import useShape from "set-state-compare/src/use-shape";
 const calculateBreakPoint = window => {
   const windowWidth = window.width;
@@ -19,6 +20,7 @@ const calculateBreakPoint = window => {
   }
   throw new Error(`Couldn't not find breakpoint from window width: ${windowWidth}`);
 };
+const sizeTypes = ["down", "up"];
 const useBreakpoint = () => {
   const s = useShape();
   const onCalled = useCallback(({
@@ -34,11 +36,27 @@ const useBreakpoint = () => {
   s.useStates({
     breakpoint: () => calculateBreakPoint(Dimensions.get("window"))
   });
+  const styling = useCallback(args => {
+    const style = Object.assign({}, args.base);
+    for (const breakpointData of apiMakerConfig.getBreakPoints()) {
+      const breakpoint = breakpointData[0];
+      for (const sizeType of sizeTypes) {
+        const breakpointWithSizeType = `${breakpoint}${inflection.camelize(sizeType)}`;
+        if (args[breakpointWithSizeType] && s.s.breakpoint[breakpointWithSizeType]) {
+          Object.assign(style, args[breakpointWithSizeType]);
+        }
+      }
+    }
+    return style;
+  }, []);
   useLayoutEffect(() => {
     const subscription = Dimensions.addEventListener("change", onCalled);
     return () => subscription?.remove();
   });
-  return s.s.breakpoint;
+  return {
+    styling,
+    ...s.s.breakpoint
+  };
 };
 export default useBreakpoint;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ1c2VDYWxsYmFjayIsInVzZUxheW91dEVmZmVjdCIsImFwaU1ha2VyQ29uZmlnIiwiRGltZW5zaW9ucyIsInVzZVNoYXBlIiwiY2FsY3VsYXRlQnJlYWtQb2ludCIsIndpbmRvdyIsIndpbmRvd1dpZHRoIiwid2lkdGgiLCJyZXN1bHQiLCJicmVha3BvaW50RGF0YSIsImdldEJyZWFrUG9pbnRzIiwiYnJlYWtwb2ludCIsIm5hbWUiLCJCb29sZWFuIiwiRXJyb3IiLCJ1c2VCcmVha3BvaW50IiwicyIsIm9uQ2FsbGVkIiwic2V0IiwidXNlU3RhdGVzIiwiZ2V0Iiwic3Vic2NyaXB0aW9uIiwiYWRkRXZlbnRMaXN0ZW5lciIsInJlbW92ZSJdLCJzb3VyY2VzIjpbIi4uL3NyYy91c2UtYnJlYWtwb2ludC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge3VzZUNhbGxiYWNrLCB1c2VMYXlvdXRFZmZlY3R9IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQgYXBpTWFrZXJDb25maWcgZnJvbSBcIkBrYXNwZXJuai9hcGktbWFrZXIvYnVpbGQvY29uZmlnXCJcbmltcG9ydCB7RGltZW5zaW9uc30gZnJvbSBcInJlYWN0LW5hdGl2ZVwiXG5pbXBvcnQgdXNlU2hhcGUgZnJvbSBcInNldC1zdGF0ZS1jb21wYXJlL3NyYy91c2Utc2hhcGVcIlxuXG5jb25zdCBjYWxjdWxhdGVCcmVha1BvaW50ID0gKHdpbmRvdykgPT4ge1xuICBjb25zdCB3aW5kb3dXaWR0aCA9IHdpbmRvdy53aWR0aFxuICBjb25zdCByZXN1bHQgPSB7fVxuXG4gIGZvciAoY29uc3QgYnJlYWtwb2ludERhdGEgb2YgYXBpTWFrZXJDb25maWcuZ2V0QnJlYWtQb2ludHMoKSkge1xuICAgIGNvbnN0IGJyZWFrcG9pbnQgPSBicmVha3BvaW50RGF0YVswXVxuICAgIGNvbnN0IHdpZHRoID0gYnJlYWtwb2ludERhdGFbMV1cblxuICAgIGlmICghcmVzdWx0Lm5hbWUgJiYgd2luZG93V2lkdGggPj0gd2lkdGgpIHtcbiAgICAgIHJlc3VsdC5uYW1lID0gYnJlYWtwb2ludFxuICAgIH1cblxuICAgIHJlc3VsdFtgJHticmVha3BvaW50fURvd25gXSA9ICFyZXN1bHQubmFtZVxuICAgIHJlc3VsdFtgJHticmVha3BvaW50fVVwYF0gPSBCb29sZWFuKHJlc3VsdC5uYW1lKVxuICB9XG5cbiAgaWYgKHJlc3VsdC5uYW1lKSB7XG4gICAgcmV0dXJuIHJlc3VsdFxuICB9XG5cbiAgdGhyb3cgbmV3IEVycm9yKGBDb3VsZG4ndCBub3QgZmluZCBicmVha3BvaW50IGZyb20gd2luZG93IHdpZHRoOiAke3dpbmRvd1dpZHRofWApXG59XG5cbmNvbnN0IHVzZUJyZWFrcG9pbnQgPSAoKSA9PiB7XG4gIGNvbnN0IHMgPSB1c2VTaGFwZSgpXG4gIGNvbnN0IG9uQ2FsbGVkID0gdXNlQ2FsbGJhY2soKHt3aW5kb3d9KSA9PiB7XG4gICAgY29uc3QgYnJlYWtwb2ludCA9IGNhbGN1bGF0ZUJyZWFrUG9pbnQod2luZG93KVxuXG4gICAgaWYgKGJyZWFrcG9pbnQubmFtZSAhPSBzLnMuYnJlYWtwb2ludC5uYW1lKSB7XG4gICAgICBzLnNldCh7YnJlYWtwb2ludH0pXG4gICAgfVxuICB9LCBbXSlcblxuICBzLnVzZVN0YXRlcyh7XG4gICAgYnJlYWtwb2ludDogKCkgPT4gY2FsY3VsYXRlQnJlYWtQb2ludChEaW1lbnNpb25zLmdldChcIndpbmRvd1wiKSlcbiAgfSlcblxuICB1c2VMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHN1YnNjcmlwdGlvbiA9IERpbWVuc2lvbnMuYWRkRXZlbnRMaXN0ZW5lcihcImNoYW5nZVwiLCBvbkNhbGxlZClcblxuICAgIHJldHVybiAoKSA9PiBzdWJzY3JpcHRpb24/LnJlbW92ZSgpXG4gIH0pXG5cbiAgcmV0dXJuIHMucy5icmVha3BvaW50XG59XG5cbmV4cG9ydCBkZWZhdWx0IHVzZUJyZWFrcG9pbnRcbiJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBUUEsV0FBVyxFQUFFQyxlQUFlLFFBQU8sT0FBTztBQUNsRCxPQUFPQyxjQUFjLE1BQU0sa0NBQWtDO0FBQzdELFNBQVFDLFVBQVUsUUFBTyxjQUFjO0FBQ3ZDLE9BQU9DLFFBQVEsTUFBTSxpQ0FBaUM7QUFFdEQsTUFBTUMsbUJBQW1CLEdBQUlDLE1BQU0sSUFBSztFQUN0QyxNQUFNQyxXQUFXLEdBQUdELE1BQU0sQ0FBQ0UsS0FBSztFQUNoQyxNQUFNQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO0VBRWpCLEtBQUssTUFBTUMsY0FBYyxJQUFJUixjQUFjLENBQUNTLGNBQWMsQ0FBQyxDQUFDLEVBQUU7SUFDNUQsTUFBTUMsVUFBVSxHQUFHRixjQUFjLENBQUMsQ0FBQyxDQUFDO0lBQ3BDLE1BQU1GLEtBQUssR0FBR0UsY0FBYyxDQUFDLENBQUMsQ0FBQztJQUUvQixJQUFJLENBQUNELE1BQU0sQ0FBQ0ksSUFBSSxJQUFJTixXQUFXLElBQUlDLEtBQUssRUFBRTtNQUN4Q0MsTUFBTSxDQUFDSSxJQUFJLEdBQUdELFVBQVU7SUFDMUI7SUFFQUgsTUFBTSxDQUFDLEdBQUdHLFVBQVUsTUFBTSxDQUFDLEdBQUcsQ0FBQ0gsTUFBTSxDQUFDSSxJQUFJO0lBQzFDSixNQUFNLENBQUMsR0FBR0csVUFBVSxJQUFJLENBQUMsR0FBR0UsT0FBTyxDQUFDTCxNQUFNLENBQUNJLElBQUksQ0FBQztFQUNsRDtFQUVBLElBQUlKLE1BQU0sQ0FBQ0ksSUFBSSxFQUFFO0lBQ2YsT0FBT0osTUFBTTtFQUNmO0VBRUEsTUFBTSxJQUFJTSxLQUFLLENBQUMsbURBQW1EUixXQUFXLEVBQUUsQ0FBQztBQUNuRixDQUFDO0FBRUQsTUFBTVMsYUFBYSxHQUFHQSxDQUFBLEtBQU07RUFDMUIsTUFBTUMsQ0FBQyxHQUFHYixRQUFRLENBQUMsQ0FBQztFQUNwQixNQUFNYyxRQUFRLEdBQUdsQixXQUFXLENBQUMsQ0FBQztJQUFDTTtFQUFNLENBQUMsS0FBSztJQUN6QyxNQUFNTSxVQUFVLEdBQUdQLG1CQUFtQixDQUFDQyxNQUFNLENBQUM7SUFFOUMsSUFBSU0sVUFBVSxDQUFDQyxJQUFJLElBQUlJLENBQUMsQ0FBQ0EsQ0FBQyxDQUFDTCxVQUFVLENBQUNDLElBQUksRUFBRTtNQUMxQ0ksQ0FBQyxDQUFDRSxHQUFHLENBQUM7UUFBQ1A7TUFBVSxDQUFDLENBQUM7SUFDckI7RUFDRixDQUFDLEVBQUUsRUFBRSxDQUFDO0VBRU5LLENBQUMsQ0FBQ0csU0FBUyxDQUFDO0lBQ1ZSLFVBQVUsRUFBRUEsQ0FBQSxLQUFNUCxtQkFBbUIsQ0FBQ0YsVUFBVSxDQUFDa0IsR0FBRyxDQUFDLFFBQVEsQ0FBQztFQUNoRSxDQUFDLENBQUM7RUFFRnBCLGVBQWUsQ0FBQyxNQUFNO0lBQ3BCLE1BQU1xQixZQUFZLEdBQUduQixVQUFVLENBQUNvQixnQkFBZ0IsQ0FBQyxRQUFRLEVBQUVMLFFBQVEsQ0FBQztJQUVwRSxPQUFPLE1BQU1JLFlBQVksRUFBRUUsTUFBTSxDQUFDLENBQUM7RUFDckMsQ0FBQyxDQUFDO0VBRUYsT0FBT1AsQ0FBQyxDQUFDQSxDQUFDLENBQUNMLFVBQVU7QUFDdkIsQ0FBQztBQUVELGVBQWVJLGFBQWEiLCJpZ25vcmVMaXN0IjpbXX0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ1c2VDYWxsYmFjayIsInVzZUxheW91dEVmZmVjdCIsImFwaU1ha2VyQ29uZmlnIiwiRGltZW5zaW9ucyIsImluZmxlY3Rpb24iLCJ1c2VTaGFwZSIsImNhbGN1bGF0ZUJyZWFrUG9pbnQiLCJ3aW5kb3ciLCJ3aW5kb3dXaWR0aCIsIndpZHRoIiwicmVzdWx0IiwiYnJlYWtwb2ludERhdGEiLCJnZXRCcmVha1BvaW50cyIsImJyZWFrcG9pbnQiLCJuYW1lIiwiQm9vbGVhbiIsIkVycm9yIiwic2l6ZVR5cGVzIiwidXNlQnJlYWtwb2ludCIsInMiLCJvbkNhbGxlZCIsInNldCIsInVzZVN0YXRlcyIsImdldCIsInN0eWxpbmciLCJhcmdzIiwic3R5bGUiLCJPYmplY3QiLCJhc3NpZ24iLCJiYXNlIiwic2l6ZVR5cGUiLCJicmVha3BvaW50V2l0aFNpemVUeXBlIiwiY2FtZWxpemUiLCJzdWJzY3JpcHRpb24iLCJhZGRFdmVudExpc3RlbmVyIiwicmVtb3ZlIl0sInNvdXJjZXMiOlsiLi4vc3JjL3VzZS1icmVha3BvaW50LmpzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7dXNlQ2FsbGJhY2ssIHVzZUxheW91dEVmZmVjdH0gZnJvbSBcInJlYWN0XCJcbmltcG9ydCBhcGlNYWtlckNvbmZpZyBmcm9tIFwiQGthc3Blcm5qL2FwaS1tYWtlci9idWlsZC9jb25maWdcIlxuaW1wb3J0IHtEaW1lbnNpb25zfSBmcm9tIFwicmVhY3QtbmF0aXZlXCJcbmltcG9ydCAqIGFzIGluZmxlY3Rpb24gZnJvbSBcImluZmxlY3Rpb25cIlxuaW1wb3J0IHVzZVNoYXBlIGZyb20gXCJzZXQtc3RhdGUtY29tcGFyZS9zcmMvdXNlLXNoYXBlXCJcblxuY29uc3QgY2FsY3VsYXRlQnJlYWtQb2ludCA9ICh3aW5kb3cpID0+IHtcbiAgY29uc3Qgd2luZG93V2lkdGggPSB3aW5kb3cud2lkdGhcbiAgY29uc3QgcmVzdWx0ID0ge31cblxuICBmb3IgKGNvbnN0IGJyZWFrcG9pbnREYXRhIG9mIGFwaU1ha2VyQ29uZmlnLmdldEJyZWFrUG9pbnRzKCkpIHtcbiAgICBjb25zdCBicmVha3BvaW50ID0gYnJlYWtwb2ludERhdGFbMF1cbiAgICBjb25zdCB3aWR0aCA9IGJyZWFrcG9pbnREYXRhWzFdXG5cbiAgICBpZiAoIXJlc3VsdC5uYW1lICYmIHdpbmRvd1dpZHRoID49IHdpZHRoKSB7XG4gICAgICByZXN1bHQubmFtZSA9IGJyZWFrcG9pbnRcbiAgICB9XG5cbiAgICByZXN1bHRbYCR7YnJlYWtwb2ludH1Eb3duYF0gPSAhcmVzdWx0Lm5hbWVcbiAgICByZXN1bHRbYCR7YnJlYWtwb2ludH1VcGBdID0gQm9vbGVhbihyZXN1bHQubmFtZSlcbiAgfVxuXG4gIGlmIChyZXN1bHQubmFtZSkge1xuICAgIHJldHVybiByZXN1bHRcbiAgfVxuXG4gIHRocm93IG5ldyBFcnJvcihgQ291bGRuJ3Qgbm90IGZpbmQgYnJlYWtwb2ludCBmcm9tIHdpbmRvdyB3aWR0aDogJHt3aW5kb3dXaWR0aH1gKVxufVxuXG5jb25zdCBzaXplVHlwZXMgPSBbXCJkb3duXCIsIFwidXBcIl1cblxuY29uc3QgdXNlQnJlYWtwb2ludCA9ICgpID0+IHtcbiAgY29uc3QgcyA9IHVzZVNoYXBlKClcbiAgY29uc3Qgb25DYWxsZWQgPSB1c2VDYWxsYmFjaygoe3dpbmRvd30pID0+IHtcbiAgICBjb25zdCBicmVha3BvaW50ID0gY2FsY3VsYXRlQnJlYWtQb2ludCh3aW5kb3cpXG5cbiAgICBpZiAoYnJlYWtwb2ludC5uYW1lICE9IHMucy5icmVha3BvaW50Lm5hbWUpIHtcbiAgICAgIHMuc2V0KHticmVha3BvaW50fSlcbiAgICB9XG4gIH0sIFtdKVxuXG4gIHMudXNlU3RhdGVzKHtcbiAgICBicmVha3BvaW50OiAoKSA9PiBjYWxjdWxhdGVCcmVha1BvaW50KERpbWVuc2lvbnMuZ2V0KFwid2luZG93XCIpKVxuICB9KVxuXG4gIGNvbnN0IHN0eWxpbmcgPSB1c2VDYWxsYmFjaygoYXJncykgPT4ge1xuICAgIGNvbnN0IHN0eWxlID0gT2JqZWN0LmFzc2lnbih7fSwgYXJncy5iYXNlKVxuXG4gICAgZm9yIChjb25zdCBicmVha3BvaW50RGF0YSBvZiBhcGlNYWtlckNvbmZpZy5nZXRCcmVha1BvaW50cygpKSB7XG4gICAgICBjb25zdCBicmVha3BvaW50ID0gYnJlYWtwb2ludERhdGFbMF1cblxuICAgICAgZm9yIChjb25zdCBzaXplVHlwZSBvZiBzaXplVHlwZXMpIHtcbiAgICAgICAgY29uc3QgYnJlYWtwb2ludFdpdGhTaXplVHlwZSA9IGAke2JyZWFrcG9pbnR9JHtpbmZsZWN0aW9uLmNhbWVsaXplKHNpemVUeXBlKX1gXG5cbiAgICAgICAgaWYgKGFyZ3NbYnJlYWtwb2ludFdpdGhTaXplVHlwZV0gJiYgcy5zLmJyZWFrcG9pbnRbYnJlYWtwb2ludFdpdGhTaXplVHlwZV0pIHtcbiAgICAgICAgICBPYmplY3QuYXNzaWduKHN0eWxlLCBhcmdzW2JyZWFrcG9pbnRXaXRoU2l6ZVR5cGVdKVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIHN0eWxlXG4gIH0sIFtdKVxuXG4gIHVzZUxheW91dEVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3Qgc3Vic2NyaXB0aW9uID0gRGltZW5zaW9ucy5hZGRFdmVudExpc3RlbmVyKFwiY2hhbmdlXCIsIG9uQ2FsbGVkKVxuXG4gICAgcmV0dXJuICgpID0+IHN1YnNjcmlwdGlvbj8ucmVtb3ZlKClcbiAgfSlcblxuICByZXR1cm4ge1xuICAgIHN0eWxpbmcsXG4gICAgLi4ucy5zLmJyZWFrcG9pbnRcbiAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCB1c2VCcmVha3BvaW50XG4iXSwibWFwcGluZ3MiOiJBQUFBLFNBQVFBLFdBQVcsRUFBRUMsZUFBZSxRQUFPLE9BQU87QUFDbEQsT0FBT0MsY0FBYyxNQUFNLGtDQUFrQztBQUM3RCxTQUFRQyxVQUFVLFFBQU8sY0FBYztBQUN2QyxPQUFPLEtBQUtDLFVBQVUsTUFBTSxZQUFZO0FBQ3hDLE9BQU9DLFFBQVEs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

package/build/utils/icon.js

@@ -0,0 +1,23 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import BaseComponent from "../base-component";
+import FontAwesomeIcon from "react-native-vector-icons/FontAwesome";
+import memo from "set-state-compare/src/memo";
+import React from "react";
+import { shapeComponent } from "set-state-compare/src/shape-component";
+import { useDefaultStyle } from "./default-style";
+export default memo(shapeComponent(class ApiMakerUtilsIcon extends BaseComponent {
+  render() {
+    const defaultStyle = useDefaultStyle();
+    const {
+      style,
+      ...restProps
+    } = this.props;
+    const actualStyle = Object.assign({
+      color: defaultStyle.Text.color
+    }, style);
+    return /*#__PURE__*/React.createElement(FontAwesomeIcon, _extends({
+      style: actualStyle
+    }, restProps));
+  }
+}));
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJCYXNlQ29tcG9uZW50IiwiRm9udEF3ZXNvbWVJY29uIiwibWVtbyIsIlJlYWN0Iiwic2hhcGVDb21wb25lbnQiLCJ1c2VEZWZhdWx0U3R5bGUiLCJBcGlNYWtlclV0aWxzSWNvbiIsInJlbmRlciIsImRlZmF1bHRTdHlsZSIsInN0eWxlIiwicmVzdFByb3BzIiwicHJvcHMiLCJhY3R1YWxTdHlsZSIsIk9iamVjdCIsImFzc2lnbiIsImNvbG9yIiwiVGV4dCIsImNyZWF0ZUVsZW1lbnQiLCJfZXh0ZW5kcyJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9pY29uLmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgQmFzZUNvbXBvbmVudCBmcm9tIFwiLi4vYmFzZS1jb21wb25lbnRcIlxuaW1wb3J0IEZvbnRBd2Vzb21lSWNvbiBmcm9tIFwicmVhY3QtbmF0aXZlLXZlY3Rvci1pY29ucy9Gb250QXdlc29tZVwiXG5pbXBvcnQgbWVtbyBmcm9tIFwic2V0LXN0YXRlLWNvbXBhcmUvc3JjL21lbW9cIlxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQge3NoYXBlQ29tcG9uZW50fSBmcm9tIFwic2V0LXN0YXRlLWNvbXBhcmUvc3JjL3NoYXBlLWNvbXBvbmVudFwiXG5pbXBvcnQge3VzZURlZmF1bHRTdHlsZX0gZnJvbSBcIi4vZGVmYXVsdC1zdHlsZVwiXG5cbmV4cG9ydCBkZWZhdWx0IG1lbW8oc2hhcGVDb21wb25lbnQoY2xhc3MgQXBpTWFrZXJVdGlsc0ljb24gZXh0ZW5kcyBCYXNlQ29tcG9uZW50IHtcbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IGRlZmF1bHRTdHlsZSA9IHVzZURlZmF1bHRTdHlsZSgpXG4gICAgY29uc3Qge3N0eWxlLCAuLi5yZXN0UHJvcHN9ID0gdGhpcy5wcm9wc1xuICAgIGNvbnN0IGFjdHVhbFN0eWxlID0gT2JqZWN0LmFzc2lnbihcbiAgICAgIHtjb2xvcjogZGVmYXVsdFN0eWxlLlRleHQuY29sb3J9LFxuICAgICAgc3R5bGVcbiAgICApXG5cbiAgICByZXR1cm4gKFxuICAgICAgPEZvbnRBd2Vzb21lSWNvbiBzdHlsZT17YWN0dWFsU3R5bGV9IHsuLi5yZXN0UHJvcHN9IC8+XG4gICAgKVxuICB9XG59KSlcbiJdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU9BLGFBQWEsTUFBTSxtQkFBbUI7QUFDN0MsT0FBT0MsZUFBZSxNQUFNLHVDQUF1QztBQUNuRSxPQUFPQyxJQUFJLE1BQU0sNEJBQTRCO0FBQzdDLE9BQU9DLEtBQUssTUFBTSxPQUFPO0FBQ3pCLFNBQVFDLGNBQWMsUUFBTyx1Q0FBdUM7QUFDcEUsU0FBUUMsZUFBZSxRQUFPLGlCQUFpQjtBQUUvQyxlQUFlSCxJQUFJLENBQUNFLGNBQWMsQ0FBQyxNQUFNRSxpQkFBaUIsU0FBU04sYUFBYSxDQUFDO0VBQy9FTyxNQUFNQSxDQUFBLEVBQUc7SUFDUCxNQUFNQyxZQUFZLEdBQUdILGVBQWUsQ0FBQyxDQUFDO0lBQ3RDLE1BQU07TUFBQ0ksS0FBSztNQUFFLEdBQUdDO0lBQVMsQ0FBQyxHQUFHLElBQUksQ0FBQ0MsS0FBSztJQUN4QyxNQUFNQyxXQUFXLEdBQUdDLE1BQU0sQ0FBQ0MsTUFBTSxDQUMvQjtNQUFDQyxLQUFLLEVBQUVQLFlBQVksQ0FBQ1EsSUFBSSxDQUFDRDtJQUFLLENBQUMsRUFDaENOLEtBQ0YsQ0FBQztJQUVELG9CQUNFTixLQUFBLENBQUFjLGFBQUEsQ0FBQ2hCLGVBQWUsRUFBQWlCLFFBQUE7TUFBQ1QsS0FBSyxFQUFFRztJQUFZLEdBQUtGLFNBQVMsQ0FBRyxDQUFDO0VBRTFEO0FBQ0YsQ0FBQyxDQUFDLENBQUMiLCJpZ25vcmVMaXN0IjpbXX0=

package/build/utils/modal.js

@@ -2,7 +2,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 import { Modal, Pressable, View } from "react-native";
 import BaseComponent from "../base-component";
 import Card from "./card";
-import FontAwesomeIcon from "react-native-vector-icons/FontAwesome";
+import Icon from "../utils/icon";
 import memo from "set-state-compare/src/memo";
 import { shapeComponent } from "set-state-compare/src/shape-component";
 import useBreakpoint from "../use-breakpoint";
@@ -52,10 +52,10 @@ export default memo(shapeComponent(class ApiMakerUtilsComponent extends BaseComp
         marginLeft: "auto",
         padding: 5
       }
-    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+    }, /*#__PURE__*/React.createElement(Icon, {
       name: "remove"
     }));
   }
   onModalClosePress = () => this.props.onRequestClose && this.props.onRequestClose();
 }));
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJNb2RhbCIsIlByZXNzYWJsZSIsIlZpZXciLCJCYXNlQ29tcG9uZW50IiwiQ2FyZCIsIkZvbnRBd2Vzb21lSWNvbiIsIm1lbW8iLCJzaGFwZUNvbXBvbmVudCIsInVzZUJyZWFrcG9pbnQiLCJBcGlNYWtlclV0aWxzQ29tcG9uZW50IiwicmVuZGVyIiwieHMiLCJzbSIsImNoaWxkcmVuIiwiZGF0YVNldCIsInJlc3RQcm9wcyIsInByb3BzIiwiYWN0dWFsRGF0YVNldCIsIk9iamVjdCIsImFzc2lnbiIsImNvbXBvbmVudCIsIndpZHRoIiwibWF4V2lkdGgiLCJSZWFjdCIsImNyZWF0ZUVsZW1lbnQiLCJfZXh0ZW5kcyIsInN0eWxlIiwiYWxpZ25JdGVtcyIsImp1c3RpZnlDb250ZW50IiwiaGVpZ2h0IiwiYmFja2dyb3VuZENvbG9yIiwiY29udHJvbHMiLCJjYXJkSGVhZGVyQ29udHJvbHMiLCJvblByZXNzIiwidHQiLCJvbk1vZGFsQ2xvc2VQcmVzcyIsIm1hcmdpbkxlZnQiLCJwYWRkaW5nIiwibmFtZSIsIm9uUmVxdWVzdENsb3NlIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL3V0aWxzL21vZGFsLmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge01vZGFsLCBQcmVzc2FibGUsIFZpZXd9IGZyb20gXCJyZWFjdC1uYXRpdmVcIlxuaW1wb3J0IEJhc2VDb21wb25lbnQgZnJvbSBcIi4uL2Jhc2UtY29tcG9uZW50XCJcbmltcG9ydCBDYXJkIGZyb20gXCIuL2NhcmRcIlxuaW1wb3J0IEZvbnRBd2Vzb21lSWNvbiBmcm9tIFwicmVhY3QtbmF0aXZlLXZlY3Rvci1pY29ucy9Gb250QXdlc29tZVwiXG5pbXBvcnQgbWVtbyBmcm9tIFwic2V0LXN0YXRlLWNvbXBhcmUvc3JjL21lbW9cIlxuaW1wb3J0IHtzaGFwZUNvbXBvbmVudH0gZnJvbSBcInNldC1zdGF0ZS1jb21wYXJlL3NyYy9zaGFwZS1jb21wb25lbnRcIlxuaW1wb3J0IHVzZUJyZWFrcG9pbnQgZnJvbSBcIi4uL3VzZS1icmVha3BvaW50XCJcblxuZXhwb3J0IGRlZmF1bHQgbWVtbyhzaGFwZUNvbXBvbmVudChjbGFzcyBBcGlNYWtlclV0aWxzQ29tcG9uZW50IGV4dGVuZHMgQmFzZUNvbXBvbmVudCB7XG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7eHMsIHNtfSA9IHVzZUJyZWFrcG9pbnQoKVxuICAgIGNvbnN0IHtjaGlsZHJlbiwgZGF0YVNldCwgLi4ucmVzdFByb3BzfSA9IHRoaXMucHJvcHNcbiAgICBjb25zdCBhY3R1YWxEYXRhU2V0ID0gT2JqZWN0LmFzc2lnbihcbiAgICAgIHtcbiAgICAgICAgY29tcG9uZW50OiBcImFwaS1tYWtlci91dGlscy9tb2RhbFwiXG4gICAgICB9LFxuICAgICAgZGF0YVNldFxuICAgIClcbiAgICBsZXQgd2lkdGgsIG1heFdpZHRoXG5cbiAgICBpZiAoeHMgfHwgc20pIHtcbiAgICAgIHdpZHRoID0gXCI5NSVcIlxuICAgIH0gZWxzZSB7XG4gICAgICB3aWR0aCA9IFwiODAlXCJcbiAgICAgIG1heFdpZHRoID0gODAwXG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxNb2RhbCBkYXRhU2V0PXthY3R1YWxEYXRhU2V0fSB7Li4ucmVzdFByb3BzfT5cbiAgICAgICAgPFZpZXdcbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZ2JhKDAsIDAsIDAsIDAuOClcIlxuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICA8Q2FyZFxuICAgICAgICAgICAgY29udHJvbHM9e3RoaXMuY2FyZEhlYWRlckNvbnRyb2xzKCl9XG4gICAgICAgICAgICBzdHlsZT17e3dpZHRoLCBtYXhXaWR0aH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvQ2FyZD5cbiAgICAgICAgPC9WaWV3PlxuICAgICAgPC9Nb2RhbD5cbiAgICApXG4gIH1cblxuICBjYXJkSGVhZGVyQ29udHJvbHMoKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxQcmVzc2FibGUgb25QcmVzcz17dGhpcy50dC5vbk1vZGFsQ2xvc2VQcmVzc30gc3R5bGU9e3ttYXJnaW5MZWZ0OiBcImF1dG9cIiwgcGFkZGluZzogNX19PlxuICAgICAgICA8Rm9udEF3ZXNvbWVJY29uIG5hbWU9XCJyZW1vdmVcIiAvPlxuICAgICAgPC9QcmVzc2FibGU+XG4gICAgKVxuICB9XG5cbiAgb25Nb2RhbENsb3NlUHJlc3MgPSAoKSA9PiB0aGlzLnByb3BzLm9uUmVxdWVzdENsb3NlICYmIHRoaXMucHJvcHMub25SZXF1ZXN0Q2xvc2UoKVxufSkpXG4iXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFRQSxLQUFLLEVBQUVDLFNBQVMsRUFBRUMsSUFBSSxRQUFPLGNBQWM7QUFDbkQsT0FBT0MsYUFBYSxNQUFNLG1CQUFtQjtBQUM3QyxPQUFPQyxJQUFJLE1BQU0sUUFBUTtBQUN6QixPQUFPQyxlQUFlLE1BQU0sdUNBQXVDO0FBQ25FLE9BQU9DLElBQUksTUFBTSw0QkFBNEI7QUFDN0MsU0FBUUMsY0FBYyxRQUFPLHVDQUF1QztBQUNwRSxPQUFPQyxhQUFhLE1BQU0sbUJBQW1CO0FBRTdDLGVBQWVGLElBQUksQ0FBQ0MsY0FBYyxDQUFDLE1BQU1FLHNCQUFzQixTQUFTTixhQUFhLENBQUM7RUFDcEZPLE1BQU1BLENBQUEsRUFBRztJQUNQLE1BQU07TUFBQ0MsRUFBRTtNQUFFQztJQUFFLENBQUMsR0FBR0osYUFBYSxDQUFDLENBQUM7SUFDaEMsTUFBTTtNQUFDSyxRQUFRO01BQUVDLE9BQU87TUFBRSxHQUFHQztJQUFTLENBQUMsR0FBRyxJQUFJLENBQUNDLEtBQUs7SUFDcEQsTUFBTUMsYUFBYSxHQUFHQyxNQUFNLENBQUNDLE1BQU0sQ0FDakM7TUFDRUMsU0FBUyxFQUFFO0lBQ2IsQ0FBQyxFQUNETixPQUNGLENBQUM7SUFDRCxJQUFJTyxLQUFLLEVBQUVDLFFBQVE7SUFFbkIsSUFBSVgsRUFBRSxJQUFJQyxFQUFFLEVBQUU7TUFDWlMsS0FBSyxHQUFHLEtBQUs7SUFDZixDQUFDLE1BQU07TUFDTEEsS0FBSyxHQUFHLEtBQUs7TUFDYkMsUUFBUSxHQUFHLEdBQUc7SUFDaEI7SUFFQSxvQkFDRUMsS0FBQSxDQUFBQyxhQUFBLENBQUN4QixLQUFLLEVBQUF5QixRQUFBO01BQUNYLE9BQU8sRUFBRUc7SUFBYyxHQUFLRixTQUFTLGdCQUMxQ1EsS0FBQSxDQUFBQyxhQUFBLENBQUN0QixJQUFJO01BQ0h3QixLQUFLLEVBQUU7UUFDTEMsVUFBVSxFQUFFLFFBQVE7UUFDcEJDLGNBQWMsRUFBRSxRQUFRO1FBQ3hCUCxLQUFLLEVBQUUsTUFBTTtRQUNiUSxNQUFNLEVBQUUsTUFBTTtRQUNkQyxlQUFlLEVBQUU7TUFDbkI7SUFBRSxnQkFFRlAsS0FBQSxDQUFBQyxhQUFBLENBQUNwQixJQUFJO01BQ0gyQixRQUFRLEVBQUUsSUFBSSxDQUFDQyxrQkFBa0IsQ0FBQyxDQUFFO01BQ3BDTixLQUFLLEVBQUU7UUFBQ0wsS0FBSztRQUFFQztNQUFRO0lBQUUsR0FFeEJULFFBQ0csQ0FDRixDQUNELENBQUM7RUFFWjtFQUVBbUIsa0JBQWtCQSxDQUFBLEVBQUc7SUFDbkIsb0JBQ0VULEtBQUEsQ0FBQUMsYUFBQSxDQUFDdkIsU0FBUztNQUFDZ0MsT0FBTyxFQUFFLElBQUksQ0FBQ0MsRUFBRSxDQUFDQyxpQkFBa0I7TUFBQ1QsS0FBSyxFQUFFO1FBQUNVLFVBQVUsRUFBRSxNQUFNO1FBQUVDLE9BQU8sRUFBRTtNQUFDO0lBQUUsZ0JBQ3JGZCxLQUFBLENBQUFDLGFBQUEsQ0FBQ25CLGVBQWU7TUFBQ2lDLElBQUksRUFBQztJQUFRLENBQUUsQ0FDdkIsQ0FBQztFQUVoQjtFQUVBSCxpQkFBaUIsR0FBR0EsQ0FBQSxLQUFNLElBQUksQ0FBQ25CLEtBQUssQ0FBQ3VCLGNBQWMsSUFBSSxJQUFJLENBQUN2QixLQUFLLENBQUN1QixjQUFjLENBQUMsQ0FBQztBQUNwRixDQUFDLENBQUMsQ0FBQyIsImlnbm9yZUxpc3QiOltdfQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJNb2RhbCIsIlByZXNzYWJsZSIsIlZpZXciLCJCYXNlQ29tcG9uZW50IiwiQ2FyZCIsIkljb24iLCJtZW1vIiwic2hhcGVDb21wb25lbnQiLCJ1c2VCcmVha3BvaW50IiwiQXBpTWFrZXJVdGlsc0NvbXBvbmVudCIsInJlbmRlciIsInhzIiwic20iLCJjaGlsZHJlbiIsImRhdGFTZXQiLCJyZXN0UHJvcHMiLCJwcm9wcyIsImFjdHVhbERhdGFTZXQiLCJPYmplY3QiLCJhc3NpZ24iLCJjb21wb25lbnQiLCJ3aWR0aCIsIm1heFdpZHRoIiwiUmVhY3QiLCJjcmVhdGVFbGVtZW50IiwiX2V4dGVuZHMiLCJzdHlsZSIsImFsaWduSXRlbXMiLCJqdXN0aWZ5Q29udGVudCIsImhlaWdodCIsImJhY2tncm91bmRDb2xvciIsImNvbnRyb2xzIiwiY2FyZEhlYWRlckNvbnRyb2xzIiwib25QcmVzcyIsInR0Iiwib25Nb2RhbENsb3NlUHJlc3MiLCJtYXJnaW5MZWZ0IiwicGFkZGluZyIsIm5hbWUiLCJvblJlcXVlc3RDbG9zZSJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9tb2RhbC5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtNb2RhbCwgUHJlc3NhYmxlLCBWaWV3fSBmcm9tIFwicmVhY3QtbmF0aXZlXCJcbmltcG9ydCBCYXNlQ29tcG9uZW50IGZyb20gXCIuLi9iYXNlLWNvbXBvbmVudFwiXG5pbXBvcnQgQ2FyZCBmcm9tIFwiLi9jYXJkXCJcbmltcG9ydCBJY29uIGZyb20gXCIuLi91dGlscy9pY29uXCJcbmltcG9ydCBtZW1vIGZyb20gXCJzZXQtc3RhdGUtY29tcGFyZS9zcmMvbWVtb1wiXG5pbXBvcnQge3NoYXBlQ29tcG9uZW50fSBmcm9tIFwic2V0LXN0YXRlLWNvbXBhcmUvc3JjL3NoYXBlLWNvbXBvbmVudFwiXG5pbXBvcnQgdXNlQnJlYWtwb2ludCBmcm9tIFwiLi4vdXNlLWJyZWFrcG9pbnRcIlxuXG5leHBvcnQgZGVmYXVsdCBtZW1vKHNoYXBlQ29tcG9uZW50KGNsYXNzIEFwaU1ha2VyVXRpbHNDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50IHtcbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHt4cywgc219ID0gdXNlQnJlYWtwb2ludCgpXG4gICAgY29uc3Qge2NoaWxkcmVuLCBkYXRhU2V0LCAuLi5yZXN0UHJvcHN9ID0gdGhpcy5wcm9wc1xuICAgIGNvbnN0IGFjdHVhbERhdGFTZXQgPSBPYmplY3QuYXNzaWduKFxuICAgICAge1xuICAgICAgICBjb21wb25lbnQ6IFwiYXBpLW1ha2VyL3V0aWxzL21vZGFsXCJcbiAgICAgIH0sXG4gICAgICBkYXRhU2V0XG4gICAgKVxuICAgIGxldCB3aWR0aCwgbWF4V2lkdGhcblxuICAgIGlmICh4cyB8fCBzbSkge1xuICAgICAgd2lkdGggPSBcIjk1JVwiXG4gICAgfSBlbHNlIHtcbiAgICAgIHdpZHRoID0gXCI4MCVcIlxuICAgICAgbWF4V2lkdGggPSA4MDBcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPE1vZGFsIGRhdGFTZXQ9e2FjdHVhbERhdGFTZXR9IHsuLi5yZXN0UHJvcHN9PlxuICAgICAgICA8Vmlld1xuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoMCwgMCwgMCwgMC44KVwiXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIDxDYXJkXG4gICAgICAgICAgICBjb250cm9scz17dGhpcy5jYXJkSGVhZGVyQ29udHJvbHMoKX1cbiAgICAgICAgICAgIHN0eWxlPXt7d2lkdGgsIG1heFdpZHRofX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9DYXJkPlxuICAgICAgICA8L1ZpZXc+XG4gICAgICA8L01vZGFsPlxuICAgIClcbiAgfVxuXG4gIGNhcmRIZWFkZXJDb250cm9scygpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFByZXNzYWJsZSBvblByZXNzPXt0aGlzLnR0Lm9uTW9kYWxDbG9zZVByZXNzfSBzdHlsZT17e21hcmdpbkxlZnQ6IFwiYXV0b1wiLCBwYWRkaW5nOiA1fX0+XG4gICAgICAgIDxJY29uIG5hbWU9XCJyZW1vdmVcIiAvPlxuICAgICAgPC9QcmVzc2FibGU+XG4gICAgKVxuICB9XG5cbiAgb25Nb2RhbENsb3NlUHJlc3MgPSAoKSA9PiB0aGlzLnByb3BzLm9uUmVxdWVzdENsb3NlICYmIHRoaXMucHJvcHMub25SZXF1ZXN0Q2xvc2UoKVxufSkpXG4iXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFRQSxLQUFLLEVBQUVDLFNBQVMsRUFBRUMsSUFBSSxRQUFPLGNBQWM7QUFDbkQsT0FBT0MsYUFBYSxNQUFNLG1CQUFtQjtBQUM3QyxPQUFPQyxJQUFJLE1BQU0sUUFBUTtBQUN6QixPQUFPQyxJQUFJLE1BQU0sZUFBZTtBQUNoQyxPQUFPQyxJQUFJLE1BQU0sNEJBQTRCO0FBQzdDLFNBQVFDLGNBQWMsUUFBTyx1Q0FBdUM7QUFDcEUsT0FBT0MsYUFBYSxNQUFNLG1CQUFtQjtBQUU3QyxlQUFlRixJQUFJLENBQUNDLGNBQWMsQ0FBQyxNQUFNRSxzQkFBc0IsU0FBU04sYUFBYSxDQUFDO0VBQ3BGTyxNQUFNQSxDQUFBLEVBQUc7SUFDUCxNQUFNO01BQUNDLEVBQUU7TUFBRUM7SUFBRSxDQUFDLEdBQUdKLGFBQWEsQ0FBQyxDQUFDO0lBQ2hDLE1BQU07TUFBQ0ssUUFBUTtNQUFFQyxPQUFPO01BQUUsR0FBR0M7SUFBUyxDQUFDLEdBQUcsSUFBSSxDQUFDQyxLQUFLO0lBQ3BELE1BQU1DLGFBQWEsR0FBR0MsTUFBTSxDQUFDQyxNQUFNLENBQ2pDO01BQ0VDLFNBQVMsRUFBRTtJQUNiLENBQUMsRUFDRE4sT0FDRixDQUFDO0lBQ0QsSUFBSU8sS0FBSyxFQUFFQyxRQUFRO0lBRW5CLElBQUlYLEVBQUUsSUFBSUMsRUFBRSxFQUFFO01BQ1pTLEtBQUssR0FBRyxLQUFLO0lBQ2YsQ0FBQyxNQUFNO01BQ0xBLEtBQUssR0FBRyxLQUFLO01BQ2JDLFFBQVEsR0FBRyxHQUFHO0lBQ2hCO0lBRUEsb0JBQ0VDLEtBQUEsQ0FBQUMsYUFBQSxDQUFDeEIsS0FBSyxFQUFBeUIsUUFBQTtNQUFDWCxPQUFPLEVBQUVHO0lBQWMsR0FBS0YsU0FBUyxnQkFDMUNRLEtBQUEsQ0FBQUMsYUFBQSxDQUFDdEIsSUFBSTtNQUNId0IsS0FBSyxFQUFFO1FBQ0xDLFVBQVUsRUFBRSxRQUFRO1FBQ3BCQyxjQUFjLEVBQUUsUUFBUTtRQUN4QlAsS0FBSyxFQUFFLE1BQU07UUFDYlEsTUFBTSxFQUFFLE1BQU07UUFDZEMsZUFBZSxFQUFFO01BQ25CO0lBQUUsZ0JBRUZQLEtBQUEsQ0FBQUMsYUFBQSxDQUFDcEIsSUFBSTtNQUNIMkIsUUFBUSxFQUFFLElBQUksQ0FBQ0Msa0JBQWtCLENBQUMsQ0FBRTtNQUNwQ04sS0FBSyxFQUFFO1FBQUNMLEtBQUs7UUFBRUM7TUFBUTtJQUFFLEdBRXhCVCxRQUNHLENBQ0YsQ0FDRCxDQUFDO0VBRVo7RUFFQW1CLGtCQUFrQkEsQ0FBQSxFQUFHO0lBQ25CLG9CQUNFVCxLQUFBLENBQUFDLGFBQUEsQ0FBQ3ZCLFNBQVM7TUFBQ2dDLE9BQU8sRUFBRSxJQUFJLENBQUNDLEVBQUUsQ0FBQ0MsaUJBQWtCO01BQUNULEtBQUssRUFBRTtRQUFDVSxVQUFVLEVBQUUsTUFBTTtRQUFFQyxPQUFPLEVBQUU7TUFBQztJQUFFLGdCQUNyRmQsS0FBQSxDQUFBQyxhQUFBLENBQUNuQixJQUFJO01BQUNpQyxJQUFJLEVBQUM7SUFBUSxDQUFFLENBQ1osQ0FBQztFQUVoQjtFQUVBSCxpQkFBaUIsR0FBR0EsQ0FBQSxLQUFNLElBQUksQ0FBQ25CLEtBQUssQ0FBQ3VCLGNBQWMsSUFBSSxJQUFJLENBQUN2QixLQUFLLENBQUN1QixjQUFjLENBQUMsQ0FBQztBQUNwRixDQUFDLENBQUMsQ0FBQyIsImlnbm9yZUxpc3QiOltdfQ==

package/build/with-api-maker.js

@@ -0,0 +1,29 @@
+import React, { createContext, useContext, useMemo } from "react";
+import ApiMakerConfig from "./config";
+import memo from "set-state-compare/src/memo";
+const ApiMakerContext = /*#__PURE__*/createContext();
+const useApiMaker = () => {
+  const apiMakerContext = useContext(ApiMakerContext);
+  if (apiMakerContext) {
+    return apiMakerContext;
+  }
+  return {
+    config: ApiMakerConfig
+  };
+};
+const WithApiMaker = memo(({
+  children,
+  config,
+  ...restProps
+}) => {
+  const restPropsKeys = Object.keys(restProps);
+  const value = useMemo(() => ({
+    config
+  }), [config]);
+  if (restPropsKeys.length > 0) throw new Error(`Unhandled props: ${restPropsKeys.join(", ")}`);
+  return /*#__PURE__*/React.createElement(ApiMakerContext.Provider, {
+    value: value
+  }, children);
+});
+export { useApiMaker, WithApiMaker };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsImNyZWF0ZUNvbnRleHQiLCJ1c2VDb250ZXh0IiwidXNlTWVtbyIsIkFwaU1ha2VyQ29uZmlnIiwibWVtbyIsIkFwaU1ha2VyQ29udGV4dCIsInVzZUFwaU1ha2VyIiwiYXBpTWFrZXJDb250ZXh0IiwiY29uZmlnIiwiV2l0aEFwaU1ha2VyIiwiY2hpbGRyZW4iLCJyZXN0UHJvcHMiLCJyZXN0UHJvcHNLZXlzIiwiT2JqZWN0Iiwia2V5cyIsInZhbHVlIiwibGVuZ3RoIiwiRXJyb3IiLCJqb2luIiwiY3JlYXRlRWxlbWVudCIsIlByb3ZpZGVyIl0sInNvdXJjZXMiOlsiLi4vc3JjL3dpdGgtYXBpLW1ha2VyLmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHtjcmVhdGVDb250ZXh0LCB1c2VDb250ZXh0LCB1c2VNZW1vfSBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IEFwaU1ha2VyQ29uZmlnIGZyb20gXCIuL2NvbmZpZ1wiXG5pbXBvcnQgbWVtbyBmcm9tIFwic2V0LXN0YXRlLWNvbXBhcmUvc3JjL21lbW9cIlxuXG5jb25zdCBBcGlNYWtlckNvbnRleHQgPSBjcmVhdGVDb250ZXh0KClcbmNvbnN0IHVzZUFwaU1ha2VyID0gKCkgPT4ge1xuICBjb25zdCBhcGlNYWtlckNvbnRleHQgPSB1c2VDb250ZXh0KEFwaU1ha2VyQ29udGV4dClcblxuICBpZiAoYXBpTWFrZXJDb250ZXh0KSB7XG4gICAgcmV0dXJuIGFwaU1ha2VyQ29udGV4dFxuICB9XG5cbiAgcmV0dXJuIHtcbiAgICBjb25maWc6IEFwaU1ha2VyQ29uZmlnXG4gIH1cbn1cblxuY29uc3QgV2l0aEFwaU1ha2VyID0gbWVtbygoe2NoaWxkcmVuLCBjb25maWcsIC4uLnJlc3RQcm9wc30pID0+IHtcbiAgY29uc3QgcmVzdFByb3BzS2V5cyA9IE9iamVjdC5rZXlzKHJlc3RQcm9wcylcbiAgY29uc3QgdmFsdWUgPSB1c2VNZW1vKCgpID0+ICh7Y29uZmlnfSksIFtjb25maWddKVxuXG4gIGlmIChyZXN0UHJvcHNLZXlzLmxlbmd0aCA+IDApIHRocm93IG5ldyBFcnJvcihgVW5oYW5kbGVkIHByb3BzOiAke3Jlc3RQcm9wc0tleXMuam9pbihcIiwgXCIpfWApXG5cbiAgcmV0dXJuIChcbiAgICA8QXBpTWFrZXJDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXt2YWx1ZX0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9BcGlNYWtlckNvbnRleHQuUHJvdmlkZXI+XG4gIClcbn0pXG5cbmV4cG9ydCB7dXNlQXBpTWFrZXIsIFdpdGhBcGlNYWtlcn0iXSwibWFwcGluZ3MiOiJBQUFBLE9BQU9BLEtBQUssSUFBR0MsYUFBYSxFQUFFQyxVQUFVLEVBQUVDLE9BQU8sUUFBTyxPQUFPO0FBQy9ELE9BQU9DLGNBQWMsTUFBTSxVQUFVO0FBQ3JDLE9BQU9DLElBQUksTUFBTSw0QkFBNEI7QUFFN0MsTUFBTUMsZUFBZSxnQkFBR0wsYUFBYSxDQUFDLENBQUM7QUFDdkMsTUFBTU0sV0FBVyxHQUFHQSxDQUFBLEtBQU07RUFDeEIsTUFBTUMsZUFBZSxHQUFHTixVQUFVLENBQUNJLGVBQWUsQ0FBQztFQUVuRCxJQUFJRSxlQUFlLEVBQUU7SUFDbkIsT0FBT0EsZUFBZTtFQUN4QjtFQUVBLE9BQU87SUFDTEMsTUFBTSxFQUFFTDtFQUNWLENBQUM7QUFDSCxDQUFDO0FBRUQsTUFBTU0sWUFBWSxHQUFHTCxJQUFJLENBQUMsQ0FBQztFQUFDTSxRQUFRO0VBQUVGLE1BQU07RUFBRSxHQUFHRztBQUFTLENBQUMsS0FBSztFQUM5RCxNQUFNQyxhQUFhLEdBQUdDLE1BQU0sQ0FBQ0MsSUFBSSxDQUFDSCxTQUFTLENBQUM7RUFDNUMsTUFBTUksS0FBSyxHQUFHYixPQUFPLENBQUMsT0FBTztJQUFDTTtFQUFNLENBQUMsQ0FBQyxFQUFFLENBQUNBLE1BQU0sQ0FBQyxDQUFDO0VBRWpELElBQUlJLGFBQWEsQ0FBQ0ksTUFBTSxHQUFHLENBQUMsRUFBRSxNQUFNLElBQUlDLEtBQUssQ0FBQyxvQkFBb0JMLGFBQWEsQ0FBQ00sSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7RUFFN0Ysb0JBQ0VuQixLQUFBLENBQUFvQixhQUFBLENBQUNkLGVBQWUsQ0FBQ2UsUUFBUTtJQUFDTCxLQUFLLEVBQUVBO0VBQU0sR0FDcENMLFFBQ3VCLENBQUM7QUFFL0IsQ0FBQyxDQUFDO0FBRUYsU0FBUUosV0FBVyxFQUFFRyxZQUFZIiwiaWdub3JlTGlzdCI6W119

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaspernj/api-maker",
-  "version": "1.0.461",
+  "version": "1.0.462",
   "description": "My new module",
   "main": "build/index.js",
   "scripts": {
@@ -15,7 +15,8 @@
     "open:ios": "xed example/ios",
     "open:android": "open -a \"Android Studio\" example/android",
     "eslint": "eslint --ext .js,.jsx",
-    "eslint-find-rules": "eslint-find-rules"
+    "eslint-find-rules": "eslint-find-rules",
+    "watch": "babel src --out-dir build --extensions \".js,.jsx\" --source-maps inline --watch"
   },
   "keywords": [
     "react-native",

package/src/bootstrap/attribute-row.jsx

@@ -54,7 +54,8 @@ export default memo(shapeComponent(class ApiMakerBootstrapAttributeRow extends S
       <View
         dataSet={{
           attribute,
-          class: classNames(className, "component-api-maker-attribute-row"),
+          class: className,
+          component: "api-maker/attribute-row",
           identifier
         }}
         style={actualStyle}

package/src/bootstrap/sort-link.jsx

@@ -1,6 +1,6 @@
 import BaseComponent from "../base-component"
 import * as inflection from "inflection"
-import FontAwesomeIcon from "react-native-vector-icons/FontAwesome"
+import Icon from "../utils/icon"
 import PropTypes from "prop-types"
 import qs from "qs"
 import memo from "set-state-compare/src/memo"
@@ -84,10 +84,10 @@ export default memo(shapeComponent(class ApiMakerBootstrapSortLink extends BaseC
           {this.title()}
         </Text>
         {isSortedByAttribute && sortMode == "asc" &&
-          <FontAwesomeIcon name="chevron-down" size={14} style={{marginLeft: 3}} />
+          <Icon name="chevron-down" size={14} style={{marginLeft: 3}} />
         }
         {isSortedByAttribute && sortMode == "desc" &&
-          <FontAwesomeIcon name="chevron-up" size={14} style={{marginLeft: 3}} />
+          <Icon name="chevron-up" size={14} style={{marginLeft: 3}} />
         }
       </LinkComponent>
     )

package/src/config.js

@@ -13,7 +13,7 @@ const accessors = {
     required: true
   },
   currenciesCollection: {required: true},
-  history: {required: false},
+  history: {required: true},
   host: {required: false},
   i18n: {required: false},
   modal: {required: false},

package/src/inputs/checkbox.jsx

@@ -96,13 +96,9 @@ export default memo(shapeComponent(class ApiMakerInputsCheckbox extends BaseComp
 
     if (attribute && autoSubmit && model) new AutoSubmit({component: this}).autoSubmit()
 
-    console.log("onChanged", {form, name})
-
     if (form && name) {
       const checked = args[0].target.checked
 
-      console.log("Checkbox onChanged", {checked})
-
       form.setValue(name, checked)
     }
 

package/src/link.jsx

@@ -5,12 +5,17 @@ import memo from "set-state-compare/src/memo"
 import PropTypes from "prop-types"
 import React from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
+import {useApiMaker} from "@kaspernj/api-maker/build/with-api-maker"
 
 export default memo(shapeComponent(class ApiMakerLink extends BaseComponent {
   static propTypes = {
     usePressable: PropTypes.bool
   }
 
+  setup() {
+    this.apiMaker = useApiMaker()
+  }
+
   render() {
     const {dataSet, to, onClick, onPress, usePressable, ...restProps} = this.props
 
@@ -58,7 +63,7 @@ export default memo(shapeComponent(class ApiMakerLink extends BaseComponent {
   }
 
   redirect = () => {
-    const history = globalThis.apiMakerConfigGlobal?.history
+    const history = this.apiMaker.config.getHistory()
 
     if (!history) throw new Error("History hasn't been set in the API maker configuration")
 

package/src/super-admin/layout/header/index.jsx

@@ -1,11 +1,10 @@
 // import "../../../../src/super-admin/layout/header/style"
+import React, {useRef} from "react"
 import BaseComponent from "../../../base-component"
-import FontAwesomeIcon from "react-native-vector-icons/FontAwesome"
+import Icon from "../../../utils/icon"
 import memo from "set-state-compare/src/memo"
-import {useRef} from "react"
 import PropTypes from "prop-types"
 import PropTypesExact from "prop-types-exact"
-import React from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import Text from "../../../utils/text"
 import {Pressable, View} from "react-native"
@@ -20,10 +19,10 @@ export default memo(shapeComponent(class ApiMakerSuperAdminLayoutHeader extends
   })
 
   setup() {
-    const {name: breakpoint} = useBreakpoint()
+    const {name: breakpoint, mdUp} = useBreakpoint()
 
     this.headerActionsRef = useRef()
-    this.setInstance({breakpoint})
+    this.setInstance({breakpoint, mdUp})
     this.useStates({
       headerActionsActive: false
     })
@@ -32,7 +31,7 @@ export default memo(shapeComponent(class ApiMakerSuperAdminLayoutHeader extends
   }
 
   render() {
-    const {breakpoint} = this.tt
+    const {breakpoint, mdUp} = this.tt
     const {actions, onTriggerMenu, title} = this.props
 
     const headerStyle = {
@@ -108,21 +107,33 @@ export default memo(shapeComponent(class ApiMakerSuperAdminLayoutHeader extends
             </View>
           </View>
         }
-        <View dataSet={{class: "burger-menu-container"}}>
-          {actions &&
-            <Pressable dataSet={{class: "actions-link"}} onPress={this.tt.onGearsClicked} style={{marginRight: 8, fontSize: 22}}>
-              <FontAwesomeIcon name="gear" size={20} />
+        {!mdUp &&
+          <View
+            dataSet={{class: "burger-menu-container"}}
+            style={{
+              flexDirection: "row",
+              marginLeft: "auto"
+            }}
+          >
+            {actions &&
+              <Pressable dataSet={{class: "actions-link"}} onPress={this.tt.onGearsClicked} style={{marginRight: 8, fontSize: 22}}>
+                <Icon name="gear" size={20} />
+              </Pressable>
+            }
+            <Pressable dataSet={{class: "burger-menu-link"}} onPress={onTriggerMenu}>
+              <Icon name="bars" size={20} />
             </Pressable>
-          }
-          <Pressable dataSet={{class: "burger-menu-link"}} onPress={onTriggerMenu}>
-            <FontAwesomeIcon icon="bars" size={20} />
-          </Pressable>
-        </View>
+          </View>
+        }
       </View>
     )
   }
 
-  onGearsClicked = () => this.setState({headerActionsActive: !this.s.headerActionsActive})
+  onGearsClicked = () => {
+    console.log("onGearsClicked")
+
+    this.setState({headerActionsActive: !this.s.headerActionsActive})
+  }
 
   onWindowMouseUp = (e) => {
     // Close the header actions menu if clicked happened outside

package/src/super-admin/layout/header/style.scss

@@ -42,15 +42,4 @@
       }
     }
   }
-
-  [data-class="burger-menu-container"] {
-    @media (max-width: $sm-to) {
-      margin-left: auto;
-      font-size: 28px;
-    }
-
-    @media (min-width: $md-from) {
-      display: none;
-    }
-  }
 }

package/src/super-admin/layout/index.jsx

@@ -1,5 +1,5 @@
-// import "../../../src/super-admin/layout/style"
 import React, {useMemo} from "react"
+import {StyleSheet, View} from "react-native"
 import BaseComponent from "../../base-component"
 import CommandsPool from "../../commands-pool"
 import config from "super-admin/config"
@@ -9,12 +9,48 @@ import Menu from "./menu"
 import PropTypes from "prop-types"
 import PropTypesExact from "prop-types-exact"
 import {shapeComponent} from "set-state-compare/src/shape-component"
+import Text from "../../utils/text"
+import useBreakpoint from "../../use-breakpoint"
 import useCurrentUser from "../../use-current-user"
 import useI18n from "i18n-on-steroids/src/use-i18n"
-import {View} from "react-native"
 
 const NoAccess = React.lazy(() => import("./no-access"))
 
+const styles = StyleSheet.create({
+  appLayoutContentContainer: {
+    base: {
+      minHeight: "100vh",
+      backgroundColor: "#f7f7f7"
+    },
+    mdDown: {
+      paddingTop: 130,
+      paddingRight: 30,
+      paddingBottom: 30
+    },
+    mdUp: {
+      paddingTop: 130,
+      paddingRight: 30,
+      paddingBottom: 30,
+      paddingLeft: 280
+    },
+    lgUp: {
+      paddingTop: 130,
+      paddingRight: 30,
+      paddingBottom: 30,
+      paddingLeft: 320
+    }
+  },
+  mb15: {
+    marginBottom: 15
+  },
+  rootView: {
+    width: "100%",
+    minHeight: "100vh",
+    backgroundColor: "#fff",
+    color: "#000"
+  }
+})
+
 export default memo(shapeComponent(class ApiMakerSuperAdminLayout extends BaseComponent {
   static propTypes = PropTypesExact({
     actions: PropTypes.node,
@@ -31,9 +67,10 @@ export default memo(shapeComponent(class ApiMakerSuperAdminLayout extends BaseCo
   setup() {
     const currentUser = useCurrentUser()
     const {locale, t} = useI18n({namespace: "js.api_maker.super_admin.layout"})
+    const {lgUp, mdUp, mdDown} = useBreakpoint()
 
     this.useStates({menuTriggered: false})
-    this.setInstance({currentUser, t})
+    this.setInstance({currentUser, lgUp, mdUp, mdDown, t})
 
     useMemo(() => {
       CommandsPool.current().globalRequestData.layout = "admin"
@@ -42,7 +79,7 @@ export default memo(shapeComponent(class ApiMakerSuperAdminLayout extends BaseCo
   }
 
   render() {
-    const {currentUser, t} = this.tt
+    const {currentUser, lgUp, mdUp, mdDown, t} = this.tt
     const {
       actions,
       active,
@@ -63,9 +100,17 @@ export default memo(shapeComponent(class ApiMakerSuperAdminLayout extends BaseCo
     }
 
     const noAccess = !currentUser
+    const appLayoutContentContainerStyles = [styles.appLayoutContentContainer.base]
+
+    if (mdDown) appLayoutContentContainerStyles.push(styles.appLayoutContentContainer.mdDown)
+    if (mdUp) appLayoutContentContainerStyles.push(styles.appLayoutContentContainer.mdUp)
+    if (lgUp) appLayoutContentContainerStyles.push(styles.appLayoutContentContainer.lgUp)
 
     return (
-      <View dataSet={{component: "super-admin--layout", class: className, menuTriggered: this.s.menuTriggered}} {...restProps}>
+      <View
+        dataSet={{component: "super-admin--layout", class: className, menuTriggered: this.s.menuTriggered}}
+        style={styles.rootView}
+        {...restProps}>
         <Menu
           active={active}
           noAccess={noAccess}
@@ -73,22 +118,22 @@ export default memo(shapeComponent(class ApiMakerSuperAdminLayout extends BaseCo
           triggered={this.s.menuTriggered}
         />
         <Header actions={actions} onTriggerMenu={this.tt.onTriggerMenu} title={headerTitle} />
-        <View dataSet={{class: "app-layout-content-container"}}>
+        <View dataSet={{class: "app-layout-content-container"}} style={appLayoutContentContainerStyles}>
           {noAccess &&
             <>
               <NoAccess />
               {currentUser &&
                 <>
-                  <div className="mb-4">
+                  <Text style={styles.mb15}>
                     {t(".try_signing_out_and_in_with_a_different_user", {defaultValue: "Try signing in with a different user."})}
-                  </div>
+                  </Text>
                 </>
               }
               {!currentUser &&
                 <>
-                  <div className="mb-4">
+                  <Text style={styles.mb15}>
                     {t(".try_signing_in", {defaultValue: "Try signing in."})}
-                  </div>
+                  </Text>
                   {config.signInContent()}
                 </>
               }
@@ -103,6 +148,6 @@ export default memo(shapeComponent(class ApiMakerSuperAdminLayout extends BaseCo
   onRequestMenuClose = () => this.setState({menuTriggered: false})
   onTriggerMenu = (e) => {
     e.preventDefault()
-    setMenuTriggered(!this.s.menuTriggered)
+    this.setState({menuTriggered: !this.s.menuTriggered})
   }
 }))