solid-panes 4.2.6 → 4.4.1-test.0

package/dist/profileUtils/ownerProfile.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getName = getName;
+exports.getNameOfPodOwner = getNameOfPodOwner;
+exports.loadProfileFromURI = loadProfileFromURI;
+var _rdflib = require("rdflib");
+var _solidUi = require("solid-ui");
+/*
+* Utility functions to help load the profile
+* especially when I am not logged in
+*/
+
+const DEFAULT_PROFILE_PATH = 'profile/card#me';
+async function loadProfileFromURI(uri, store, fetcher) {
+  const pod = uri.site().uri;
+  // TODO: This is a hack - we cannot assume that the profile is at this document, but we will live with it for now
+  const webId = (0, _rdflib.sym)(`${pod}${DEFAULT_PROFILE_PATH}`);
+  try {
+    await fetcher.load(webId);
+    return webId;
+  } catch (err) {
+    // continue
+  }
+
+  // we try a prefixed pod structure
+  try {
+    const uriUrl = new URL(uri.uri);
+    const pathSegments = uriUrl.pathname.split('/').filter(Boolean);
+    if (pathSegments.length > 0) {
+      const derivedPod = `${uriUrl.origin}/${pathSegments[0]}/`;
+      const derivedWebId = (0, _rdflib.sym)(`${derivedPod}${DEFAULT_PROFILE_PATH}`);
+      await fetcher.load(derivedWebId);
+      return derivedWebId;
+    }
+  } catch (err) {
+    // continue
+  }
+  try {
+    await fetcher.load(uri);
+  } catch (err) {
+    return uri;
+  }
+  const primaryTopic = store.any(uri, _solidUi.ns.foaf('primaryTopic'), null, uri.doc());
+  if (primaryTopic && primaryTopic.termType === 'NamedNode') {
+    try {
+      await fetcher.load(primaryTopic);
+      return primaryTopic;
+    } catch (err) {
+      return uri;
+    }
+  }
+  return uri;
+}
+async function getNameOfPodOwner(pod, store, fetcher) {
+  // TODO: This is a hack - we cannot assume that the profile is at this document, but we will live with it for now
+  const webId = (0, _rdflib.sym)(`${pod.uri}${DEFAULT_PROFILE_PATH}`);
+  try {
+    await fetcher.load(webId);
+    return getName(store, webId);
+  } catch (err) {
+    // continue
+  }
+
+  // we try a prefixed pod structure
+  try {
+    const uriUrl = new URL(pod.uri);
+    const pathSegments = uriUrl.pathname.split('/').filter(Boolean);
+    if (pathSegments.length > 0) {
+      const derivedPod = `${uriUrl.origin}/${pathSegments[0]}/`;
+      const derivedWebId = (0, _rdflib.sym)(`${derivedPod}${DEFAULT_PROFILE_PATH}`);
+      await fetcher.load(derivedWebId);
+      return getName(store, derivedWebId);
+    }
+  } catch (err) {
+    // continue
+  }
+  return '';
+}
+function getName(store, ownersProfile) {
+  return store.anyValue(ownersProfile, _solidUi.ns.vcard('fn'), null, ownersProfile.doc()) || store.anyValue(ownersProfile, _solidUi.ns.foaf('name'), null, ownersProfile.doc()) || new URL(ownersProfile.uri).host.split('.')[0];
+}

package/dist/registerPanes.js

@@ -17,9 +17,9 @@ var _period = _interopRequireDefault(require("./transaction/period.js"));
 var _meetingPane = _interopRequireDefault(require("meeting-pane"));
 var _tabbedPane = _interopRequireDefault(require("./tabbed/tabbedPane"));
 var _chatPane = require("chat-pane");
-var _schedulePane = require("./schedule/schedulePane.js");
+var _schedulePane = require("./schedule/schedulePane");
 var _tripPane = _interopRequireDefault(require("./trip/tripPane.js"));
-var _imagePane = require("./imagePane.js");
+var _imagePane = require("./imagePane");
 var _playlistPane = _interopRequireDefault(require("./playlist/playlistPane.js"));
 var _videoPane = _interopRequireDefault(require("./video/videoPane.js"));
 var _audioPane = _interopRequireDefault(require("./audio/audioPane.js"));
@@ -27,15 +27,15 @@ var _dokieliPane = _interopRequireDefault(require("./dokieli/dokieliPane.js"));
 var _folderPane = _interopRequireDefault(require("folder-pane"));
 var _classInstancePane = require("./classInstancePane.js");
 var _slideshowPane = require("./slideshow/slideshowPane.js");
-var _socialPane = require("./socialPane.js");
-var _humanReadablePane = _interopRequireDefault(require("./humanReadablePane.js"));
-var _dataContentPane = require("./dataContentPane.js");
+var _socialPane = require("./social/socialPane");
+var _humanReadablePane = _interopRequireDefault(require("./humanReadablePane"));
+var _dataContentPane = require("./dataContentPane");
 var _sourcePane = _interopRequireDefault(require("source-pane"));
-var _n3Pane = require("./n3Pane.js");
-var _RDFXMLPane = require("./RDFXMLPane.js");
-var _pane2 = require("./form/pane.js");
+var _n3Pane = require("./n3Pane");
+var _RDFXMLPane = require("./RDFXMLPane");
+var _pane2 = require("./form/pane");
 var _tableViewPane = require("./tableViewPane.js");
-var _defaultPane = require("./defaultPane.js");
+var _defaultPane = require("./defaultPane");
 var _pane3 = _interopRequireDefault(require("./ui/pane.js"));
 var _sharingPane = _interopRequireDefault(require("./sharing/sharingPane"));
 var _internalPane = _interopRequireDefault(require("./internal/internalPane"));
@@ -57,11 +57,11 @@ function registerPanes(register) {
   const editProfileView = _profilePane.default.editor;
   if (!editProfileView) {
     console.log('@@@ editProfileView', 'profilePane is not providing an editor pane');
+  } else {
+    register(editProfileView); // Edit my profile.
   }
-  register(editProfileView); // Edit my profile.
-
   register(_trustedApplications.default); // must be registered before basicPreferences
-  register(_dashboardPane.default);
+  // register(dashboardPane)
   register(_basicPreferences.default);
   register(_issuePane.default);
   register(_contactsPane.default);

package/dist/schedule/schedulePane.css

@@ -0,0 +1,294 @@
+.schedule-pane__table {
+  border-collapse: collapse;
+  background-color: white;
+  min-width: 40rem;
+  min-height: 13rem;
+}
+
+.schedule-pane__button {
+  background-color: #eef;
+  padding: var(--spacing-xs, 0.5rem);
+  border: .5rem solid white;
+  font-size: 100%;
+}
+
+.schedule-pane__button-icon {
+  width: var(--icon-sm, 1.8rem);
+  height: var(--icon-sm, 1.8rem);
+}
+
+.schedule-pane__nav {
+  text-align: center;
+  vertical-align: middle;
+  padding-top: 4rem;
+}
+
+.schedule-pane__cell {
+  padding: var(--spacing-xs, 0.3rem);
+  text-align: center;
+}
+
+.schedule-pane__table .schedule-pane__form-heading {
+  font-size: 110% !important;
+  font-weight: bold;
+  color: #888888;
+  padding: 0.2em;
+  margin: 0.7em 0 !important;
+}
+
+.schedule-pane__table .schedule-pane__form-heading--time-proposals {
+  margin-bottom: 0 !important;
+}
+
+.schedule-pane__table .schedule-pane__panel--time-proposals {
+  padding-bottom: 0.9rem !important;
+  border: none !important;
+}
+
+.schedule-pane__table .schedule-pane__panel {
+  padding-left: 0.75rem !important;
+  padding-right: 0.75rem !important;
+  margin-right: 0.5rem;
+  max-width: 100%;
+  box-sizing: border-box;
+}
+
+@media (max-width: 1024px) {
+  .schedule-pane__table .schedule-pane__main-cell {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+    box-sizing: border-box;
+  }
+
+  .schedule-pane__table .schedule-pane__field-row--comment {
+    display: flex !important;
+    flex-direction: row !important;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    gap: 0.5rem;
+  }
+
+  .schedule-pane__table .schedule-pane__field-row--comment > div:first-child {
+    width: auto !important;
+    min-width: 4.5rem;
+    flex: 0 1 6rem;
+  }
+
+  .schedule-pane__table .schedule-pane__field-value--comment {
+    min-width: 0;
+    flex: 1 1 20rem;
+    width: auto;
+    padding-right: 0.25rem;
+    box-sizing: border-box;
+  }
+
+  .schedule-pane__table .schedule-pane__field-value--comment .schedule-pane__form-control--textarea,
+  .schedule-pane__table .schedule-pane__field-row--comment .schedule-pane__form-control--textarea {
+    width: 100% !important;
+    max-width: 100% !important;
+    min-width: 0 !important;
+    box-sizing: border-box;
+    margin: 0.2rem 0 0 !important;
+    padding: 0.5rem 0.45rem;
+  }
+}
+
+div.schedule-pane[data-layout='mobile'] .schedule-pane__table {
+  min-width: 0;
+  width: 100%;
+  min-height: 0;
+  table-layout: fixed;
+}
+
+div.schedule-pane[data-layout='mobile'] .schedule-pane__table td,
+div.schedule-pane[data-layout='mobile'] .schedule-pane__table th {
+  min-width: 0;
+  max-width: 100%;
+  overflow-wrap: anywhere;
+}
+
+div.schedule-pane[data-layout='mobile'] .schedule-pane__table .schedule-pane__main-cell {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  box-sizing: border-box;
+}
+
+div.schedule-pane[data-layout='mobile'] .schedule-pane__table .schedule-pane__field-row--compact {
+  align-items: flex-start;
+  gap: 0.25rem;
+}
+
+div.schedule-pane[data-layout='mobile'] .schedule-pane__table .schedule-pane__field-row--compact .formFieldName {
+  width: auto !important;
+  min-width: 4.5rem;
+  flex: 0 1 5.5rem;
+}
+
+div.schedule-pane[data-layout='mobile'] .schedule-pane__table .schedule-pane__field-row--compact .formFieldValue {
+  min-width: 0;
+  flex: 1 1 auto;
+}
+
+div.schedule-pane[data-layout='mobile'] .schedule-pane__table .schedule-pane__field-row--compact .schedule-pane__form-control {
+  width: 100% !important;
+  max-width: 100% !important;
+  min-width: 0 !important;
+  box-sizing: border-box;
+  margin: 0.2rem 0 0 !important;
+  font-size: var(--font-size-sm, 0.875rem);
+  padding: 0.35rem 0.45rem;
+}
+
+div.schedule-pane[data-layout='mobile'] .schedule-pane__table .schedule-pane__field-row--comment {
+  display: flex !important;
+  flex-direction: column !important;
+  align-items: stretch;
+  gap: 0.25rem;
+}
+
+div.schedule-pane[data-layout='mobile'] .schedule-pane__table .schedule-pane__field-row--comment .formFieldName,
+div.schedule-pane[data-layout='mobile'] .schedule-pane__table .schedule-pane__field-row--comment > div:first-child {
+  width: auto !important;
+  min-width: 0;
+  flex: 0 0 auto;
+}
+
+div.schedule-pane[data-layout='mobile'] .schedule-pane__table .schedule-pane__field-row--comment .formFieldValue,
+div.schedule-pane[data-layout='mobile'] .schedule-pane__table .schedule-pane__field-row--comment > div:last-child,
+div.schedule-pane[data-layout='mobile'] .schedule-pane__table .schedule-pane__field-value--comment {
+  min-width: 0;
+  display: block;
+  flex: 1 1 auto;
+  width: 100%;
+}
+
+div.schedule-pane[data-layout='mobile'] .schedule-pane__table .schedule-pane__field-row--comment .schedule-pane__form-control--textarea,
+div.schedule-pane[data-layout='mobile'] .schedule-pane__table .schedule-pane__field-value--comment .schedule-pane__form-control--textarea {
+  width: 100% !important;
+  max-width: 100% !important;
+  min-width: 0 !important;
+  box-sizing: border-box;
+  margin: 0 !important;
+  font-size: var(--font-size-sm, 0.875rem);
+  padding: 0.35rem 0.45rem;
+  min-height: 5.5rem;
+}
+
+div.schedule-pane[data-layout='mobile'] .schedule-pane__button {
+  padding: 0.4rem;
+  border-width: 0.2rem;
+}
+
+div.schedule-pane[data-layout='mobile'] .schedule-pane__button-icon {
+  width: 1.35rem;
+  height: 1.35rem;
+}
+
+div.schedule-pane[data-layout='mobile'] .schedule-pane__nav {
+  padding-top: 1rem;
+}
+
+div.schedule-pane[data-layout='mobile'] .schedule-pane__cell {
+  padding: 0.2rem;
+}
+
+@media (max-width: 576px) {
+  .schedule-pane__table {
+    min-width: 0;
+    width: 100%;
+    min-height: 0;
+    table-layout: fixed;
+  }
+
+  .schedule-pane__table td,
+  .schedule-pane__table th {
+    min-width: 0;
+    max-width: 100%;
+    overflow-wrap: anywhere;
+  }
+
+  .schedule-pane__table .schedule-pane__main-cell {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+    box-sizing: border-box;
+  }
+
+  .schedule-pane__table .schedule-pane__field-row--compact {
+    align-items: flex-start;
+    gap: 0.25rem;
+  }
+
+  .schedule-pane__table .schedule-pane__field-row--compact .formFieldName {
+    width: auto !important;
+    min-width: 4.5rem;
+    flex: 0 1 5.5rem;
+  }
+
+  .schedule-pane__table .schedule-pane__field-row--compact .formFieldValue {
+    min-width: 0;
+    flex: 1 1 auto;
+  }
+
+  .schedule-pane__table .schedule-pane__field-row--compact .schedule-pane__form-control {
+    width: 100% !important;
+    max-width: 100% !important;
+    min-width: 0 !important;
+    box-sizing: border-box;
+    margin: 0.2rem 0 0 !important;
+    font-size: var(--font-size-sm, 0.875rem);
+    padding: 0.35rem 0.45rem;
+  }
+
+  .schedule-pane__table .schedule-pane__field-row--comment {
+    display: flex !important;
+    flex-direction: column !important;
+    align-items: stretch;
+    gap: 0.25rem;
+  }
+
+  .schedule-pane__table .schedule-pane__field-row--comment .formFieldName,
+  .schedule-pane__table .schedule-pane__field-row--comment > div:first-child {
+    width: auto !important;
+    min-width: 0;
+    flex: 0 0 auto;
+  }
+
+  .schedule-pane__table .schedule-pane__field-row--comment .formFieldValue,
+  .schedule-pane__table .schedule-pane__field-row--comment > div:last-child,
+  .schedule-pane__table .schedule-pane__field-value--comment {
+    min-width: 0;
+    display: block;
+    flex: 1 1 auto;
+    width: 100%;
+  }
+
+  .schedule-pane__table .schedule-pane__field-row--comment .schedule-pane__form-control--textarea,
+  .schedule-pane__table .schedule-pane__field-value--comment .schedule-pane__form-control--textarea {
+    width: 100% !important;
+    max-width: 100% !important;
+    min-width: 0 !important;
+    box-sizing: border-box;
+    margin: 0 !important;
+    font-size: var(--font-size-sm, 0.875rem);
+    padding: 0.35rem 0.45rem;
+    min-height: 5.5rem;
+  }
+
+  .schedule-pane__button {
+    padding: 0.4rem;
+    border-width: 0.2rem;
+  }
+
+  .schedule-pane__button-icon {
+    width: 1.35rem;
+    height: 1.35rem;
+  }
+
+  .schedule-pane__nav {
+    padding-top: 1rem;
+  }
+
+  .schedule-pane__cell {
+    padding: 0.2rem;
+  }
+}

package/dist/schedule/schedulePane.d.ts

@@ -0,0 +1,23 @@
+import type { DataBrowserContext } from 'pane-registry';
+import type { NamedNode } from 'rdflib';
+import './schedulePane.css';
+import '../styles/utilities.css';
+type MintOptions = {
+    newBase: string;
+    useExisting?: NamedNode;
+    noIndexHTML?: boolean;
+    me?: NamedNode | null;
+    newInstance?: NamedNode;
+    thisInstance?: NamedNode;
+};
+export declare const schedulePane: {
+    icon: string;
+    name: string;
+    audience: any[];
+    label: (subject: NamedNode, context: DataBrowserContext) => "Scheduling poll" | null;
+    mintClass: any;
+    mintNew: (context: DataBrowserContext, options: MintOptions) => Promise<MintOptions>;
+    render: (subject: NamedNode, context: DataBrowserContext) => HTMLDivElement;
+};
+export {};
+//# sourceMappingURL=schedulePane.d.ts.map

package/dist/schedule/schedulePane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schedulePane.d.ts","sourceRoot":"","sources":["../../src/schedule/schedulePane.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,kBAAkB,EAAqB,MAAM,eAAe,CAAA;AAC1E,OAAO,KAAK,EAAE,SAAS,EAA2C,MAAM,QAAQ,CAAA;AAEhF,OAAO,oBAAoB,CAAA;AAC3B,OAAO,yBAAyB,CAAA;AAkBhC,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,EAAE,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACrB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB,CAAA;AA2BD,eAAO,MAAM,YAAY;;;;qBAQG,SAAS,WAAW,kBAAkB;;uBAYpC,kBAAkB,WAAW,WAAW;sBAwSzC,SAAS,WAAW,kBAAkB;CAygClE,CAAA"}