@xyo-network/react-map 2.64.0 → 2.64.3

package/dist/browser/Components/MapSettingsComponents/index.js

@@ -1,3 +1,51 @@
-export * from "./Setting";
-export * from "./SettingsBox";
+// src/Components/MapSettingsComponents/Setting.tsx
+import { FormControlLabel, Switch } from "@mui/material";
+
+// src/Contexts/MapSettings/Context.ts
+import { createContext } from "react";
+var MapSettingsContext = createContext({});
+
+// src/Contexts/MapSettings/useMapSettings.tsx
+import { useContext } from "react";
+var useMapSettings = () => {
+  const context = useContext(MapSettingsContext);
+  return context;
+};
+
+// src/Components/MapSettingsComponents/Setting.tsx
+import { jsx } from "react/jsx-runtime";
+var MapSettingSwitch = ({ developerMode, field, ...props }) => {
+  const { mapSettings, setMapSettings } = useMapSettings();
+  const setting = mapSettings?.[field];
+  const onLocalChange = (event) => {
+    if (setting) {
+      setMapSettings?.((previous) => {
+        previous[setting.field].value = event.target.checked;
+        return { ...previous };
+      });
+    }
+  };
+  if (setting?.devMode && developerMode === false) {
+    return null;
+  }
+  return setting?.hidden ? null : /* @__PURE__ */ jsx(FormControlLabel, { label: setting?.label, control: /* @__PURE__ */ jsx(Switch, { checked: setting?.value, onChange: onLocalChange, ...props }) });
+};
+
+// src/Components/MapSettingsComponents/SettingsBox.tsx
+import { Paper, Stack } from "@mui/material";
+import { FlexGrowRow, FlexRow } from "@xylabs/react-flexbox";
+import { useAppSettings } from "@xyo-network/react-app-settings";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var MapSettingsBox = ({ developerMode, ...props }) => {
+  const { mapSettings } = useMapSettings();
+  const { developerMode: devModeFromContext } = useAppSettings();
+  const resolveDeveloperMode = developerMode ?? devModeFromContext;
+  return mapSettings && resolveDeveloperMode ? /* @__PURE__ */ jsx2(FlexGrowRow, { bottom: 36, left: 10, position: "absolute", ...props, children: /* @__PURE__ */ jsx2(FlexRow, { paddingX: 2, children: /* @__PURE__ */ jsx2(Paper, { children: /* @__PURE__ */ jsx2(Stack, { direction: "row", spacing: 1, marginX: 1, children: Object.keys(mapSettings).map((key, index) => {
+    return /* @__PURE__ */ jsx2(MapSettingSwitch, { field: mapSettings[key].field, developerMode }, index);
+  }) }) }) }) }) : null;
+};
+export {
+  MapSettingSwitch,
+  MapSettingsBox
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/Components/MapSettingsComponents/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/Components/MapSettingsComponents/index.tsx"],"sourcesContent":["export * from './Setting'\nexport * from './SettingsBox'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/Components/MapSettingsComponents/Setting.tsx","../../../../src/Contexts/MapSettings/Context.ts","../../../../src/Contexts/MapSettings/useMapSettings.tsx","../../../../src/Components/MapSettingsComponents/SettingsBox.tsx"],"sourcesContent":["import { FormControlLabel, Switch, SwitchProps } from '@mui/material'\n\nimport { useMapSettings } from '../../Contexts'\n\nexport interface MapSettingSwitchProps extends SwitchProps {\n  developerMode?: boolean\n  field: string\n}\n\nexport const MapSettingSwitch: React.FC<MapSettingSwitchProps> = ({ developerMode, field, ...props }) => {\n  const { mapSettings, setMapSettings } = useMapSettings()\n  const setting = mapSettings?.[field]\n\n  const onLocalChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (setting) {\n      setMapSettings?.((previous) => {\n        previous[setting.field].value = event.target.checked\n        return { ...previous }\n      })\n    }\n  }\n\n  if (setting?.devMode && developerMode === false) {\n    return null\n  }\n\n  return setting?.hidden ? null : (\n    <FormControlLabel label={setting?.label} control={<Switch checked={setting?.value} onChange={onLocalChange} {...props} />} />\n  )\n}\n","import { createContext } from 'react'\n\nimport { MapSettingsState } from './State'\n\nconst MapSettingsContext = createContext<MapSettingsState>({})\n\nexport { MapSettingsContext }\n","import { useContext } from 'react'\n\nimport { MapSettingsContext } from './Context'\n\nconst useMapSettings = () => {\n  const context = useContext(MapSettingsContext)\n\n  return context\n}\n\nexport { useMapSettings }\n","import { Paper, Stack } from '@mui/material'\nimport { FlexBoxProps, FlexGrowRow, FlexRow } from '@xylabs/react-flexbox'\nimport { useAppSettings } from '@xyo-network/react-app-settings'\n\nimport { useMapSettings } from '../../Contexts'\nimport { MapSettingSwitch } from './Setting'\n\nexport interface MapSettingsBoxProps extends FlexBoxProps {\n  developerMode?: boolean\n}\n\nexport const MapSettingsBox: React.FC<MapSettingsBoxProps> = ({ developerMode, ...props }) => {\n  const { mapSettings } = useMapSettings()\n  const { developerMode: devModeFromContext } = useAppSettings()\n  const resolveDeveloperMode = developerMode ?? devModeFromContext\n\n  return mapSettings && resolveDeveloperMode ? (\n    <FlexGrowRow bottom={36} left={10} position=\"absolute\" {...props}>\n      <FlexRow paddingX={2}>\n        <Paper>\n          <Stack direction=\"row\" spacing={1} marginX={1}>\n            {Object.keys(mapSettings).map((key, index) => {\n              return <MapSettingSwitch key={index} field={mapSettings[key].field} developerMode={developerMode} />\n            })}\n          </Stack>\n        </Paper>\n      </FlexRow>\n    </FlexGrowRow>\n  ) : null\n}\n"],"mappings":";AAAA,SAAS,kBAAkB,cAA2B;;;ACAtD,SAAS,qBAAqB;AAI9B,IAAM,qBAAqB,cAAgC,CAAC,CAAC;;;ACJ7D,SAAS,kBAAkB;AAI3B,IAAM,iBAAiB,MAAM;AAC3B,QAAM,UAAU,WAAW,kBAAkB;AAE7C,SAAO;AACT;;;AFmBsD;AAlB/C,IAAM,mBAAoD,CAAC,EAAE,eAAe,OAAO,GAAG,MAAM,MAAM;AACvG,QAAM,EAAE,aAAa,eAAe,IAAI,eAAe;AACvD,QAAM,UAAU,cAAc,KAAK;AAEnC,QAAM,gBAAgB,CAAC,UAA+C;AACpE,QAAI,SAAS;AACX,uBAAiB,CAAC,aAAa;AAC7B,iBAAS,QAAQ,KAAK,EAAE,QAAQ,MAAM,OAAO;AAC7C,eAAO,EAAE,GAAG,SAAS;AAAA,MACvB,CAAC;AAAA,IACH;AAAA,EACF;AAEA,MAAI,SAAS,WAAW,kBAAkB,OAAO;AAC/C,WAAO;AAAA,EACT;AAEA,SAAO,SAAS,SAAS,OACvB,oBAAC,oBAAiB,OAAO,SAAS,OAAO,SAAS,oBAAC,UAAO,SAAS,SAAS,OAAO,UAAU,eAAgB,GAAG,OAAO,GAAI;AAE/H;;;AG7BA,SAAS,OAAO,aAAa;AAC7B,SAAuB,aAAa,eAAe;AACnD,SAAS,sBAAsB;AAoBV,gBAAAA,YAAA;AAXd,IAAM,iBAAgD,CAAC,EAAE,eAAe,GAAG,MAAM,MAAM;AAC5F,QAAM,EAAE,YAAY,IAAI,eAAe;AACvC,QAAM,EAAE,eAAe,mBAAmB,IAAI,eAAe;AAC7D,QAAM,uBAAuB,iBAAiB;AAE9C,SAAO,eAAe,uBACpB,gBAAAA,KAAC,eAAY,QAAQ,IAAI,MAAM,IAAI,UAAS,YAAY,GAAG,OACzD,0BAAAA,KAAC,WAAQ,UAAU,GACjB,0BAAAA,KAAC,SACC,0BAAAA,KAAC,SAAM,WAAU,OAAM,SAAS,GAAG,SAAS,GACzC,iBAAO,KAAK,WAAW,EAAE,IAAI,CAAC,KAAK,UAAU;AAC5C,WAAO,gBAAAA,KAAC,oBAA6B,OAAO,YAAY,GAAG,EAAE,OAAO,iBAAtC,KAAoE;AAAA,EACpG,CAAC,GACH,GACF,GACF,GACF,IACE;AACN;","names":["jsx"]}