@mindful-web/marko-web-search 1.0.0

package/components/filters/website-sections.marko.js

@@ -0,0 +1,123 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-search$1.0.0/components/filters/website-sections.marko",
+    marko_component = require("./website-sections.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_objectPath_module = require("@mindful-web/object-path"),
+    objectPath_module = module_objectPath_module.default || module_objectPath_module,
+    getAsArray = module_objectPath_module.getAsArray,
+    module_utils_module = require("@mindful-web/utils"),
+    utils_module = module_utils_module.default || module_utils_module,
+    isFunction = module_utils_module.isFunction,
+    module_loadWebsiteSections = require("./load-website-sections"),
+    loadWebsiteSections = module_loadWebsiteSections.default || module_loadWebsiteSections,
+    marko_forOf = require("marko/dist/runtime/helpers/for-of"),
+    helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    marko_web_search_set_filter_value_link_template = require("../links/set-filter-value.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_search_set_filter_value_link_tag = marko_loadTag(marko_web_search_set_filter_value_link_template),
+    marko_web_element_template = require("@mindful-web/marko-web/components/element/index.marko"),
+    marko_web_element_tag = marko_loadTag(marko_web_element_template),
+    marko_web_search_filter_block_template = require("./filter-block.marko"),
+    marko_web_search_filter_block_tag = marko_loadTag(marko_web_search_filter_block_template),
+    marko_web_resolve_template = require("@mindful-web/marko-core/components/resolve.marko"),
+    marko_web_resolve_tag = marko_loadTag(marko_web_resolve_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { $markoWebSearch, apollo, i18n } = out.global;
+
+  const filterKey = "assignedToWebsiteSectionIds";
+
+  const title = isFunction(i18n) ? i18n("Website Sections") : "Website Sections";
+
+  marko_web_resolve_tag({
+      promise: loadWebsiteSections({
+          $markoWebSearch: $markoWebSearch,
+          apolloMindfulWebCMS: apollo
+        }),
+      renderBody: function(out, { resolved }) {
+        const { selectedSection, configuredSections } = resolved;
+
+        marko_web_search_filter_block_tag({
+            filterKey: filterKey,
+            items: configuredSections,
+            title: {
+                value: title
+              },
+            item: {
+                renderBody: function(out, { node, blockName }) {
+                  if (selectedSection && selectedSection.hierarchyMap.has(node.id)) {
+                    const { hierarchy } = selectedSection;
+
+                    marko_web_element_tag({
+                        name: "item",
+                        tag: "div",
+                        blockName: blockName,
+                        modifiers: [
+                            "breadcrumbs"
+                          ],
+                        renderBody: function(out) {
+                          var $for$0 = 0;
+
+                          marko_forOf(hierarchy, function(section) {
+                            var $keyScope$0 = "[" + (($for$0++) + "]");
+
+                            marko_web_search_set_filter_value_link_tag({
+                                name: filterKey,
+                                value: section.id,
+                                resetClass: blockName + "__clear-item",
+                                renderBody: function(out) {
+                                  out.w(marko_escapeXml(section.name));
+                                }
+                              }, out, __component, "5" + $keyScope$0);
+                          });
+                        }
+                      }, out, __component, "4");
+
+                    const children = getAsArray(selectedSection, "children.edges").map(edge => edge.node);
+
+                    marko_web_search_filter_block_tag({
+                        filterKey: filterKey,
+                        items: children,
+                        modifiers: [
+                            "children"
+                          ],
+                        item: {
+                            labelPath: "name"
+                          }
+                      }, out, __component, "6");
+                  } else {
+                    marko_web_search_set_filter_value_link_tag({
+                        name: filterKey,
+                        value: node.id,
+                        renderBody: function(out) {
+                          out.w(marko_escapeXml(node.name));
+                        }
+                      }, out, __component, "8");
+                  }
+                }
+              }
+          }, out, __component, "1");
+      }
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    e_: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-search$1.0.0/components/filters/website-sections.marko",
+    component: "./website-sections.marko",
+    tags: [
+      "../links/set-filter-value.marko",
+      "@mindful-web/marko-web/components/element/index.marko",
+      "./filter-block.marko",
+      "@mindful-web/marko-core/components/resolve.marko"
+    ]
+  };

package/components/form/index.marko

@@ -0,0 +1,23 @@
+import { getAsObject } from "@mindful-web/object-path";
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+import { cleanPath } from "@mindful-web/utils";
+
+$ const blockName = "marko-web-search-form";
+$ const { req, $markoWebSearch: search } = out.global;
+$ const path = defaultValue(input.path, req.path);
+$ const params = search.buildURLSearchParams({ page: 1 }, { searchQuery: true });
+
+<marko-web-block ...input.block tag="form" name=blockName>
+  <@attrs
+    ...getAsObject(input.block, "attrs")
+    method="GET"
+    action=`/${cleanPath(path)}`
+  />
+  <for|name| of=params.keys()>
+    $ const value = params.get(name);
+    <if(value)>
+      <input type="hidden" name=name value=params.get(name)>
+    </if>
+  </for>
+  <${input.renderBody} block-name=blockName />
+</marko-web-block>

package/components/form/index.marko.js

@@ -0,0 +1,79 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-search$1.0.0/components/form/index.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_objectPath_module = require("@mindful-web/object-path"),
+    objectPath_module = module_objectPath_module.default || module_objectPath_module,
+    getAsObject = module_objectPath_module.getAsObject,
+    module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
+    module_utils_module = require("@mindful-web/utils"),
+    utils_module = module_utils_module.default || module_utils_module,
+    cleanPath = module_utils_module.cleanPath,
+    marko_assign = require("marko/dist/runtime/helpers/assign"),
+    marko_forOf = require("marko/dist/runtime/helpers/for-of"),
+    marko_attr = require("marko/dist/runtime/html/helpers/attr"),
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    marko_web_block_template = require("@mindful-web/marko-web/components/element/block.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_block_tag = marko_loadTag(marko_web_block_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const blockName = "marko-web-search-form";
+
+  const { req, $markoWebSearch: search } = out.global;
+
+  const path = defaultValue(input.path, req.path);
+
+  const params = search.buildURLSearchParams({ page: 1 }, { searchQuery: true });
+
+  marko_web_block_tag(marko_assign({
+      name: "block",
+      tag: "div"
+    }, input.block, {
+      tag: "form",
+      name: blockName,
+      attrs: marko_assign({}, getAsObject(input.block, "attrs"), {
+          method: "GET",
+          action: "/" + cleanPath(path)
+        }),
+      renderBody: function(out) {
+        var $for$0 = 0;
+
+        marko_forOf(params.keys(), function(name) {
+          var $keyScope$0 = "[" + (($for$0++) + "]");
+
+          const value = params.get(name);
+
+          if (value) {
+            out.w("<input type=\"hidden\"" +
+              marko_attr("name", name) +
+              marko_attr("value", params.get(name)) +
+              ">");
+          }
+        });
+
+        marko_dynamicTag(out, input.renderBody, function() {
+          return {
+              "block-name": blockName
+            };
+        }, null, null, null, __component, "3");
+      }
+    }), out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-search$1.0.0/components/form/index.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/block.marko"
+    ]
+  };

package/components/form/input.marko

@@ -0,0 +1,8 @@
+$ const { $markoWebSearch: search } = out.global;
+
+<input
+  ...input
+  name="searchQuery"
+  type="search"
+  value=search.input.searchQuery
+>

package/components/form/input.marko.js

@@ -0,0 +1,30 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-search$1.0.0/components/form/input.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_mergeAttrs = require("marko/dist/runtime/html/helpers/merge-attrs");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { $markoWebSearch: search } = out.global;
+
+  out.w("<input" +
+    marko_mergeAttrs(input, {
+      name: "searchQuery",
+      type: "search",
+      value: search.input.searchQuery
+    }) +
+    ">");
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-search$1.0.0/components/form/input.marko"
+  };

package/components/form/marko.json

@@ -0,0 +1,10 @@
+{
+  "<marko-web-search-form>": {
+    "template": "./index.marko",
+    "<block>": {},
+    "@path": "string"
+  },
+  "<marko-web-search-input>": {
+    "template": "./input.marko"
+  }
+}

package/components/links/link.marko

@@ -0,0 +1,14 @@
+<marko-web-search-build-href|{ href }|
+  path=input.path
+  query-values=input.queryValues
+>
+  <marko-web-link
+    class=input.class
+    href=href
+    target=input.target
+    rel=input.rel
+    attrs=input.attrs
+  >
+    <${input.renderBody} />
+  </marko-web-link>
+</marko-web-search-build-href>

package/components/links/link.marko.js

@@ -0,0 +1,47 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-search$1.0.0/components/links/link.marko",
+    marko_component = require("./link.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    marko_web_link_template = require("@mindful-web/marko-web/components/element/link.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_link_tag = marko_loadTag(marko_web_link_template),
+    marko_web_search_build_href_template = require("../build-href.marko"),
+    marko_web_search_build_href_tag = marko_loadTag(marko_web_search_build_href_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  marko_web_search_build_href_tag({
+      path: input.path,
+      queryValues: input.queryValues,
+      renderBody: function(out, { href }) {
+        marko_web_link_tag({
+            class: input.class,
+            href: href,
+            target: input.target,
+            rel: input.rel,
+            attrs: input.attrs,
+            renderBody: function(out) {
+              marko_dynamicTag(out, input.renderBody, null, null, null, null, __component, "2");
+            }
+          }, out, __component, "1");
+      }
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    e_: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-search$1.0.0/components/links/link.marko",
+    component: "./link.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/link.marko",
+      "../build-href.marko"
+    ]
+  };

package/components/links/marko.json

@@ -0,0 +1,17 @@
+{
+  "<marko-web-search-link>": {
+    "template": "./link.marko"
+  },
+  "<marko-web-search-next-page-link>": {
+    "template": "./next-page.marko"
+  },
+  "<marko-web-search-previous-page-link>": {
+    "template": "./previous-page.marko"
+  },
+  "<marko-web-search-reset-filter-link>": {
+    "template": "./reset-filter.marko"
+  },
+  "<marko-web-search-set-filter-value-link>": {
+    "template": "./set-filter-value.marko"
+  }
+}

package/components/links/next-page.marko

@@ -0,0 +1,25 @@
+import { isFunction } from '@mindful-web/utils';
+
+$ const { $markoWebSearch: search, i18n } = out.global;
+
+$ const nextPage = search.getNextPage(input.totalCount);
+
+$ const { sortField, sortOrder } = search.input;
+
+<if(nextPage)>
+  <marko-web-search-link
+    path=input.path
+    query-values={ page: nextPage, sortField, sortOrder }
+    class=input.class
+    target=input.target
+    rel=input.rel
+    attrs=input.attrs
+  >
+    <if(input.renderBody)>
+      <${input.renderBody} />
+    </if>
+    <else>
+      ${isFunction(i18n) ? i18n("Next Page") : "Next Page"}
+    </else>
+  </marko-web-search-link>
+</if>

package/components/links/next-page.marko.js

@@ -0,0 +1,59 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-search$1.0.0/components/links/next-page.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_utils_module = require("@mindful-web/utils"),
+    utils_module = module_utils_module.default || module_utils_module,
+    isFunction = module_utils_module.isFunction,
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    marko_web_search_link_template = require("./link.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_search_link_tag = marko_loadTag(marko_web_search_link_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { $markoWebSearch: search, i18n } = out.global;
+
+  const nextPage = search.getNextPage(input.totalCount);
+
+  const { sortField, sortOrder } = search.input;
+
+  if (nextPage) {
+    marko_web_search_link_tag({
+        path: input.path,
+        queryValues: {
+            page: nextPage,
+            sortField: sortField,
+            sortOrder: sortOrder
+          },
+        class: input.class,
+        target: input.target,
+        rel: input.rel,
+        attrs: input.attrs,
+        renderBody: function(out) {
+          if (input.renderBody) {
+            marko_dynamicTag(out, input.renderBody, null, null, null, null, __component, "1");
+          } else {
+            out.w(marko_escapeXml(isFunction(i18n) ? i18n("Next Page") : "Next Page"));
+          }
+        }
+      }, out, __component, "0");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-search$1.0.0/components/links/next-page.marko",
+    tags: [
+      "./link.marko"
+    ]
+  };

package/components/links/previous-page.marko

@@ -0,0 +1,25 @@
+import { isFunction } from '@mindful-web/utils';
+
+$ const { $markoWebSearch: search, i18n } = out.global;
+
+$ const previousPage = search.getPrevPage();
+
+$ const { sortField, sortOrder } = search.input;
+
+<if(previousPage)>
+  <marko-web-search-link
+    path=input.path
+    query-values={ page: previousPage, sortField, sortOrder }
+    class=input.class
+    target=input.target
+    rel=input.rel
+    attrs=input.attrs
+  >
+    <if(input.renderBody)>
+      <${input.renderBody} />
+    </if>
+    <else>
+      ${isFunction(i18n) ? i18n("Previous Page") : "Previous Page"}
+    </else>
+  </marko-web-search-link>
+</if>

package/components/links/previous-page.marko.js

@@ -0,0 +1,59 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-search$1.0.0/components/links/previous-page.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_utils_module = require("@mindful-web/utils"),
+    utils_module = module_utils_module.default || module_utils_module,
+    isFunction = module_utils_module.isFunction,
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    marko_web_search_link_template = require("./link.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_search_link_tag = marko_loadTag(marko_web_search_link_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { $markoWebSearch: search, i18n } = out.global;
+
+  const previousPage = search.getPrevPage();
+
+  const { sortField, sortOrder } = search.input;
+
+  if (previousPage) {
+    marko_web_search_link_tag({
+        path: input.path,
+        queryValues: {
+            page: previousPage,
+            sortField: sortField,
+            sortOrder: sortOrder
+          },
+        class: input.class,
+        target: input.target,
+        rel: input.rel,
+        attrs: input.attrs,
+        renderBody: function(out) {
+          if (input.renderBody) {
+            marko_dynamicTag(out, input.renderBody, null, null, null, null, __component, "1");
+          } else {
+            out.w(marko_escapeXml(isFunction(i18n) ? i18n("Previous Page") : "Previous Page"));
+          }
+        }
+      }, out, __component, "0");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-search$1.0.0/components/links/previous-page.marko",
+    tags: [
+      "./link.marko"
+    ]
+  };

package/components/links/reset-filter.marko

@@ -0,0 +1,24 @@
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+
+$ const { $markoWebSearch: search } = out.global;
+$ const resetPage = defaultValue(input.resetPage, true);
+$ const { name } = input;
+
+$ const isDefaultValue = search.isDefaultInputValueFor(name);
+$ const queryValues = {
+  [name]: null,
+  ...(resetPage && { page: 1 }),
+};
+
+<if(!isDefaultValue)>
+  <marko-web-search-link
+    path=input.path
+    query-values=queryValues
+    class=input.class
+    target=input.target
+    rel=input.rel
+    attrs=input.attrs
+  >
+    <${input.renderBody} />
+  </marko-web-search-link>
+</if>

package/components/links/reset-filter.marko.js

@@ -0,0 +1,55 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-search$1.0.0/components/links/reset-filter.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    marko_web_search_link_template = require("./link.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_search_link_tag = marko_loadTag(marko_web_search_link_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { $markoWebSearch: search } = out.global;
+
+  const resetPage = defaultValue(input.resetPage, true);
+
+  const { name } = input;
+
+  const isDefaultValue = search.isDefaultInputValueFor(name);
+
+  const queryValues = {
+  [name]: null,
+  ...(resetPage && { page: 1 }),
+};
+
+  if (!isDefaultValue) {
+    marko_web_search_link_tag({
+        path: input.path,
+        queryValues: queryValues,
+        class: input.class,
+        target: input.target,
+        rel: input.rel,
+        attrs: input.attrs,
+        renderBody: function(out) {
+          marko_dynamicTag(out, input.renderBody, null, null, null, null, __component, "1");
+        }
+      }, out, __component, "0");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-search$1.0.0/components/links/reset-filter.marko",
+    tags: [
+      "./link.marko"
+    ]
+  };

package/components/links/set-filter-value.marko

@@ -0,0 +1,45 @@
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+
+$ const { isArray } = Array;
+$ const { $markoWebSearch: search } = out.global;
+$ const { name } = input;
+
+$ const { value } = input;
+$ const v = search.isArrayParam(name) && !isArray(value) ? [value] : value;
+$ const resetPage = defaultValue(input.resetPage, true);
+$ const queryValues = {
+  [name]: v,
+  ...(resetPage && { page: 1 }),
+};
+$ const resetValues = {
+  ...queryValues,
+  [name]: null,
+};
+
+$ const isSelected = search.isInputValueSelectedFor(name, v);
+
+<if(isSelected)>
+  <!-- instruct the link to remove the current value -->
+  <marko-web-search-link
+    path=input.path
+    query-values=resetValues
+    class=input.resetClass
+    target=input.target
+    rel=input.rel
+    attrs=input.attrs
+  >
+    <${input.renderBody} is-selected=false />
+  </marko-web-search-link>
+</if>
+<else>
+  <marko-web-search-link
+    path=input.path
+    query-values=queryValues
+    class=input.class
+    target=input.target
+    rel=input.rel
+    attrs=input.attrs
+  >
+    <${input.renderBody} is-selected=false />
+  </marko-web-search-link>
+</else>