solid-panes 4.4.2-7 → 4.5.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

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.registerPanes = registerPanes;
+var _profilePane = _interopRequireDefault(require("profile-pane"));
+var _trustedApplications = _interopRequireDefault(require("./trustedApplications/trustedApplications.view"));
+var _dashboardPane = _interopRequireDefault(require("./dashboard/dashboardPane"));
+var _basicPreferences = _interopRequireDefault(require("./dashboard/basicPreferences"));
+var _issuePane = _interopRequireDefault(require("issue-pane"));
+var _contactsPane = _interopRequireDefault(require("contacts-pane"));
+var _activitystreamsPane = _interopRequireDefault(require("activitystreams-pane"));
+var _padPane = _interopRequireDefault(require("./pad/padPane"));
+var _pane = _interopRequireDefault(require("./transaction/pane.js"));
+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");
+var _tripPane = _interopRequireDefault(require("./trip/tripPane.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"));
+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("./social/socialPane");
+var _humanReadablePane = _interopRequireDefault(require("./humanReadablePane"));
+var _dataContentPane = require("./dataContentPane");
+var _sourcePane = _interopRequireDefault(require("source-pane"));
+var _n3Pane = require("./n3Pane");
+var _RDFXMLPane = require("./RDFXMLPane");
+var _pane2 = require("./form/pane");
+var _tableViewPane = require("./tableViewPane.js");
+var _defaultPane = require("./defaultPane");
+var _pane3 = _interopRequireDefault(require("./ui/pane.js"));
+var _sharingPane = _interopRequireDefault(require("./sharing/sharingPane"));
+var _internalPane = _interopRequireDefault(require("./internal/internalPane"));
+var _homePane = _interopRequireDefault(require("./home/homePane"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// import editProfileView from './profile/editProfile.view'
+
+// import argumentPane from './argument/argumentPane.js'
+
+// import publicationPane from './publication/publicationPane.js'
+
+function registerPanes(register) {
+  /*  Note that the earliest panes have priority. So the most specific ones are first.
+   **
+   */
+  // Developer designed:
+
+  register(_profilePane.default); // View someone's public profile - dominates all other panes.
+  const editProfileView = _profilePane.default.editor;
+  if (!editProfileView) {
+    console.log('@@@ editProfileView', 'profilePane is not providing an editor pane');
+  } else {
+    register(editProfileView); // Edit my profile.
+  }
+  register(_trustedApplications.default); // must be registered before basicPreferences
+  // register(dashboardPane)
+  register(_basicPreferences.default);
+  register(_issuePane.default);
+  register(_contactsPane.default);
+  register(_activitystreamsPane.default);
+  register(_padPane.default);
+  // register(argumentPane) // A position in an argument tree
+
+  register(_pane.default);
+  register(_period.default);
+  register(_meetingPane.default);
+  register(_tabbedPane.default);
+  register(_chatPane.longChatPane); // Long pane must have prio in case short pane tries to do a long pane
+  register(_chatPane.shortChatPane); // was './chat/chatPane.js'
+
+  // register(publicationPane)  // Suppress for now
+
+  register(_schedulePane.schedulePane); // doodle poll
+
+  register(_tripPane.default);
+  // register(require('./airPane.js'))
+
+  // Content views
+
+  register(_imagePane.imagePane); // Basic image view
+  register(_playlistPane.default); // Basic playlist view
+
+  register(_videoPane.default); // Video clip player
+  register(_audioPane.default); // Audio clip player
+
+  register(_dokieliPane.default); // Should be above dataContentPane
+  register(_folderPane.default); // Should be above dataContentPane
+  register(_classInstancePane.classInstancePane); // Should be above dataContentPane
+  // register(require('./dynamic/dynamicPanes.js')) // warp etc  warp broken 2017/8
+  register(_slideshowPane.slideshowPane);
+  register(_socialPane.socialPane);
+  register(_humanReadablePane.default); // A web page as a web page -- how to escape to tabr?
+  // register(require('markdown-pane').Pane) // replaced by markdown in humanReadablePane
+
+  register(_dataContentPane.dataContentPane); // Preferred for a data file
+  register(_sourcePane.default); // edit source
+  register(_n3Pane.n3Pane);
+  register(_RDFXMLPane.RDFXMLPane);
+
+  // User configured - data driven
+  register(_pane2.formPane);
+
+  // Generic:
+
+  register(_tableViewPane.tableViewPane);
+
+  // Fallback totally generic:
+  register(_defaultPane.defaultPane);
+  register(_pane3.default);
+
+  // register(require("categoryPane.js"))  // Not useful enough
+  // register(require("pubsPane.js")) // not finished
+
+  // @@ jambo commented these things out to pare things down temporarily.
+  // Note must use // not /* to comment out to make sure expander sees it
+  // register(require("lawPane.js"))
+
+  // register(require('./microblogPane/microblogPane.js'))
+
+  // register(require("./social/pane.js")) // competitor to other social
+  // register(require("./airPane.js"))
+  // register(require("./lawPane.js"))
+  // register(require("pushbackPane.js"))
+  // register(require("CVPane.js"))
+  // register(require("photoPane.js"))
+  // register(require("tagPane.js"))
+  // register(require("photoImportPane.js"))
+
+  // The sharing pane is fairly generic and administrative  201
+  register(_sharingPane.default);
+
+  // The internals pane is always (almost?) the last as it is the least user-friendly
+  register(_internalPane.default);
+  register(_homePane.default); // This is a global pane
+
+  // ENDS
+}

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

@@ -1,5 +1,7 @@
-import { DataBrowserContext } from '../../node_modules/pane-registry';
-import { NamedNode } from '../../node_modules/rdflib';
+import type { DataBrowserContext } from 'pane-registry';
+import type { NamedNode } from 'rdflib';
+import './schedulePane.css';
+import '../styles/utilities.css';
 type MintOptions = {
     newBase: string;
     useExisting?: NamedNode;