@hortiview/shared-components 0.0.4540 → 0.0.4624

package/README.md

@@ -21,10 +21,14 @@ For the best experience use [react-router](https://reactrouter.com/en/main) in y
 1. [BaseView](#baseview)
 1. [BasicHeading](#basicheading)
 1. [BlockView](#blockview)
+1. [DeleteModal](#deletemodal)
+1. [Disclaimer](#disclaimer)
 1. [EmptyView](#emptyview)
 1. [HashTabView](#hashtabview)
+1. [HaederFilter](#headerfilter)
 1. [Iconify](#iconify)
 1. [ListArea](#listarea)
+1. [ScrollBar](#scrollbar)
 1. [SearchBar](#searchbar)
 1. [VerticalDivider](#verticaldivider)
 
@@ -36,10 +40,10 @@ Can used to show a kind off main and detail view. On the left side you will have
 import { BaseListElement, BaseView } from '@hortiview/shared-components';
 import { Link, useLocation } from 'react-router-dom';
 
-...
 const { pathname } = useLocation();
 
-const elements: BaseListElement[] = [{
+const elements: BaseListElement[] = [
+  {
     id: '1',
     title: 'First',
     subTitle: 'First Subtilte',
@@ -56,20 +60,19 @@ const elements: BaseListElement[] = [{
     icon: 'add',
     route: '/second',
     component: <MyComponentToShowOnClickSecond />,
-  }];
-
-...
+  },
+];
 
 return (
   <BaseView
-      routerLinkElement={Link}
-      pathname={pathname}
-      elements={elements}
-      heading='Header'
-      hasSearch
-      emptyText='Empty'
-    />
-  );
+    routerLinkElement={Link}
+    pathname={pathname}
+    elements={elements}
+    heading='Header'
+    hasSearch
+    emptyText='Empty'
+  />
+);
 ```
 
 ### BasicHeading
@@ -79,12 +82,9 @@ Provides a heading component with optional children which are rendered on the ri
 ```typescript
 import { BasicHeading } from '@hortiview/shared-components';
 
-...
-  <BasicHeading heading={'Header'}>
-      <button>Test</button>
-  </BasicHeading>
-...
-
+<BasicHeading heading={'Header'}>
+  <button>Test</button>
+</BasicHeading>;
 ```
 
 ### BlockView
@@ -94,18 +94,52 @@ This is a component showing blocks in a row/column view.
 ```typescript
 import { BlockView, BlockDto } from '@hortiview/shared-components';
 
-...
-  const blocks: BlockDto = [{
-    position: { row: 1, column:1 },
+const blocks: BlockDto = [
+  {
+    position: { row: 1, column: 1 },
     fieldId: '1',
-  }];
+  },
+];
 
-  <BlockView
-    blocks={blocks}
-    columns={1}
-    rows={1}
-  />
-...
+<BlockView blocks={blocks} columns={1} rows={1} />;
+```
+
+### DeleteModal
+
+A modal to confirm a deletion.
+
+```typescript
+import { DeleteModal } from '@hortiview/shared-components';
+
+const [open, setOpen] = useState<string>();
+const onDelete = () => {
+  console.log('deleted');
+};
+
+<DeleteModal
+  icon='block'
+  open={open}
+  setOpen={setOpen}
+  onDelete={onDelete}
+  title={'DELETE'}
+  confirmButtonLabel={'Remove'}
+  cancelButtonLabel={'Cancel'}
+  deleteHeader={'Delete my block'}
+  impossibleDeleteHeader={'block cant be deleted'}
+  deleteBody={['block 1', 'block 2', 'block 3']}
+  isDeletePossible
+/>;
+```
+
+### Disclaimer
+
+A red notice or hint with to show in the ui.
+
+```typescript
+
+import { Disclaimer } form '@hortiview/shared-components'
+
+<Disclaimer text='Currently not available' subtext='Please try again later' icon='wifi_off' />
 
 ```
 
@@ -138,6 +172,26 @@ const tabs: HashTab[] = [
 <HashTabView tabs={tabs} elevation={1} />;
 ```
 
+### HeaderFilter
+
+A filter dropdown component which can be used in headers like a tabview header. It supports a single filter value only.
+
+```typescript
+import { HeaderFilter } from '@hortiview/shared-components';
+
+const [filterValue, setFilterValue] = useState<string>();
+
+<HeaderFilter
+  heading={'Test'}
+  setFilter={setFilterValue}
+  filterValue={filterValue}
+  filterOptions={[
+    { value: 'test', label: 'Test' },
+    { value: 'different', label: 'Different' },
+  ]}
+/>;
+```
+
 ### Iconify
 
 Provides some custom icons based on the elements Icon API. Currently supported:
@@ -187,6 +241,24 @@ const elements: BaseListElement[] = [{
 />;
 ```
 
+### ScrollBar
+
+Provides a scrollbar in hortiview styling. Add it a classname on your component.
+
+```typescript
+
+import { ScrollbarY, ScrollbarX } from '@hortiview/shared-components';
+
+<div className={`${ScrollbarY}`}>
+  Height content
+<div>
+
+<div className={`${ScrollbarX}`}>
+  Wide content
+<div>
+
+```
+
 ### SearchBar
 
 Provides a searchbar component.

package/dist/BlockView.module-8kbPxxc4.js

@@ -0,0 +1,15 @@
+import "./assets/BlockView.css";
+const c = "_grid_g18cu_1", o = "_black_g18cu_11", _ = "_blockLayout_g18cu_15", t = "_blockRow_g18cu_27", l = "_block_g18cu_15", b = "_active_g18cu_46", k = "_error_g18cu_52", e = "_empty_g18cu_58", r = "_blockText_g18cu_65", g = {
+  grid: c,
+  black: o,
+  blockLayout: _,
+  blockRow: t,
+  block: l,
+  active: b,
+  error: k,
+  empty: e,
+  blockText: r
+};
+export {
+  g as s
+};

package/dist/HashTabView.module-BY0tbl3B.js

@@ -0,0 +1,13 @@
+import "./assets/HashTabView.css";
+const t = "_elevation_1rcw6_1", n = "_themeBackground_1rcw6_6", a = "_tabBar_1rcw6_10", r = "_tabWrapper_1rcw6_16", o = "_tabButton_1rcw6_20", c = "_childContainer_1rcw6_24", e = "_childContainerLg_1rcw6_28", i = {
+  elevation: t,
+  themeBackground: n,
+  tabBar: a,
+  tabWrapper: r,
+  tabButton: o,
+  childContainer: c,
+  childContainerLg: e
+};
+export {
+  i as s
+};

package/dist/HeaderFilter.module-DiBmulr5.js

@@ -0,0 +1,7 @@
+import "./assets/HeaderFilter.css";
+const e = "_filterSelect_923nc_1", l = {
+  filterSelect: e
+};
+export {
+  l as s
+};

package/dist/_getTag-DNUtgXkb.js

@@ -0,0 +1,136 @@
+import { k as G, h as U, o as W, p as j, q as T, s as S, t as F, g as I, v as V } from "./index.es-Cct4Uapb.js";
+var z = "__lodash_hash_undefined__";
+function J(e) {
+  return this.__data__.set(e, z), this;
+}
+var K = J;
+function Q(e) {
+  return this.__data__.has(e);
+}
+var X = Q, Y = G, Z = K, k = X;
+function A(e) {
+  var a = -1, r = e == null ? 0 : e.length;
+  for (this.__data__ = new Y(); ++a < r; )
+    this.add(e[a]);
+}
+A.prototype.add = A.prototype.push = Z;
+A.prototype.has = k;
+var ee = A;
+function ae(e, a) {
+  for (var r = -1, t = e == null ? 0 : e.length; ++r < t; )
+    if (a(e[r], r, e))
+      return !0;
+  return !1;
+}
+var re = ae;
+function te(e, a) {
+  return e.has(a);
+}
+var ne = te, se = ee, ie = re, fe = ne, ge = 1, ue = 2;
+function ve(e, a, r, t, g, n) {
+  var i = r & ge, s = e.length, c = a.length;
+  if (s != c && !(i && c > s))
+    return !1;
+  var o = n.get(e), l = n.get(a);
+  if (o && l)
+    return o == a && l == e;
+  var _ = -1, d = !0, y = r & ue ? new se() : void 0;
+  for (n.set(e, a), n.set(a, e); ++_ < s; ) {
+    var u = e[_], p = a[_];
+    if (t)
+      var M = i ? t(p, u, _, a, e, n) : t(u, p, _, e, a, n);
+    if (M !== void 0) {
+      if (M)
+        continue;
+      d = !1;
+      break;
+    }
+    if (y) {
+      if (!ie(a, function(E, D) {
+        if (!fe(y, D) && (u === E || g(u, E, r, t, n)))
+          return y.push(D);
+      })) {
+        d = !1;
+        break;
+      }
+    } else if (!(u === p || g(u, p, r, t, n))) {
+      d = !1;
+      break;
+    }
+  }
+  return n.delete(e), n.delete(a), d;
+}
+var oe = ve;
+function _e(e) {
+  var a = -1, r = Array(e.size);
+  return e.forEach(function(t, g) {
+    r[++a] = [g, t];
+  }), r;
+}
+var ce = _e;
+function le(e) {
+  var a = -1, r = Array(e.size);
+  return e.forEach(function(t) {
+    r[++a] = t;
+  }), r;
+}
+var de = le, P = U, L = W, pe = j, Ae = oe, Te = ce, Se = de, ye = 1, we = 2, $e = "[object Boolean]", be = "[object Date]", he = "[object Error]", Ce = "[object Map]", me = "[object Number]", Me = "[object RegExp]", Ee = "[object Set]", De = "[object String]", Pe = "[object Symbol]", Le = "[object ArrayBuffer]", Oe = "[object DataView]", O = P ? P.prototype : void 0, w = O ? O.valueOf : void 0;
+function Re(e, a, r, t, g, n, i) {
+  switch (r) {
+    case Oe:
+      if (e.byteLength != a.byteLength || e.byteOffset != a.byteOffset)
+        return !1;
+      e = e.buffer, a = a.buffer;
+    case Le:
+      return !(e.byteLength != a.byteLength || !n(new L(e), new L(a)));
+    case $e:
+    case be:
+    case me:
+      return pe(+e, +a);
+    case he:
+      return e.name == a.name && e.message == a.message;
+    case Me:
+    case De:
+      return e == a + "";
+    case Ce:
+      var s = Te;
+    case Ee:
+      var c = t & ye;
+      if (s || (s = Se), e.size != a.size && !c)
+        return !1;
+      var o = i.get(e);
+      if (o)
+        return o == a;
+      t |= we, i.set(e, a);
+      var l = Ae(s(e), s(a), t, g, n, i);
+      return i.delete(e), l;
+    case Pe:
+      if (w)
+        return w.call(e) == w.call(a);
+  }
+  return !1;
+}
+var ta = Re, Ne = T, He = S, xe = Ne(He, "DataView"), qe = xe, Be = T, Ge = S, Ue = Be(Ge, "Promise"), We = Ue, je = T, Fe = S, Ie = je(Fe, "Set"), Ve = Ie, ze = T, Je = S, Ke = ze(Je, "WeakMap"), Qe = Ke, $ = qe, b = F, h = We, C = Ve, m = Qe, B = I, v = V, R = "[object Map]", Xe = "[object Object]", N = "[object Promise]", H = "[object Set]", x = "[object WeakMap]", q = "[object DataView]", Ye = v($), Ze = v(b), ke = v(h), ea = v(C), aa = v(m), f = B;
+($ && f(new $(new ArrayBuffer(1))) != q || b && f(new b()) != R || h && f(h.resolve()) != N || C && f(new C()) != H || m && f(new m()) != x) && (f = function(e) {
+  var a = B(e), r = a == Xe ? e.constructor : void 0, t = r ? v(r) : "";
+  if (t)
+    switch (t) {
+      case Ye:
+        return q;
+      case Ze:
+        return R;
+      case ke:
+        return N;
+      case ea:
+        return H;
+      case aa:
+        return x;
+    }
+  return a;
+});
+var na = f;
+export {
+  oe as _,
+  ta as a,
+  na as b
+};

package/dist/_stringToPath-BfzwTbL6.js

@@ -0,0 +1,54 @@
+import { g as h, i as y, h as b, j as g, k as l } from "./index.es-Cct4Uapb.js";
+function _(r, e) {
+  for (var a = -1, t = r == null ? 0 : r.length, n = Array(t); ++a < t; )
+    n[a] = e(r[a], a, r);
+  return n;
+}
+var v = _, d = h, T = y, S = "[object Symbol]";
+function C(r) {
+  return typeof r == "symbol" || T(r) && d(r) == S;
+}
+var z = C, c = b, E = v, M = g, $ = z, A = 1 / 0, p = c ? c.prototype : void 0, m = p ? p.toString : void 0;
+function u(r) {
+  if (typeof r == "string")
+    return r;
+  if (M(r))
+    return E(r, u) + "";
+  if ($(r))
+    return m ? m.call(r) : "";
+  var e = r + "";
+  return e == "0" && 1 / r == -A ? "-0" : e;
+}
+var L = u, f = l, I = "Expected a function";
+function o(r, e) {
+  if (typeof r != "function" || e != null && typeof e != "function")
+    throw new TypeError(I);
+  var a = function() {
+    var t = arguments, n = e ? e.apply(this, t) : t[0], i = a.cache;
+    if (i.has(n))
+      return i.get(n);
+    var s = r.apply(this, t);
+    return a.cache = i.set(n, s) || i, s;
+  };
+  return a.cache = new (o.Cache || f)(), a;
+}
+o.Cache = f;
+var j = o, k = j, w = 500;
+function N(r) {
+  var e = k(r, function(t) {
+    return a.size === w && a.clear(), t;
+  }), a = e.cache;
+  return e;
+}
+var O = N, P = O, x = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, R = /\\(\\)?/g, F = P(function(r) {
+  var e = [];
+  return r.charCodeAt(0) === 46 && e.push(""), r.replace(x, function(a, t, n, i) {
+    e.push(n ? i.replace(R, "$1") : t || a);
+  }), e;
+}), X = F;
+export {
+  L as _,
+  X as a,
+  v as b,
+  z as i
+};