@ck-ui/component-library 0.2.0 → 1.0.0

package/dist/components/MultiSelect/SimpleMultiSelect.js

@@ -0,0 +1,221 @@
+import { jsxs as c, jsx as t, Fragment as te } from "react/jsx-runtime";
+import { useState as u, useRef as re, useEffect as ne, useMemo as ae, useCallback as i } from "react";
+import { s as r } from "../../styles.module-Dojg5FTS.js";
+import { Search as oe } from "../Search/index.js";
+import { S as ce } from "../../info-icon-ooYw3va_.js";
+import { CKCheckbox as ie } from "../CKCheckbox/index.js";
+import de from "./_helpers/TriggerButton.js";
+import me from "./_helpers/OptionRow.js";
+import he from "./_helpers/SearchResult.js";
+import ue from "./_helpers/DropdownFooter.js";
+import { getInitialSelected as J } from "./_utils/getInitialSelected.js";
+import { filterOptions as ge } from "./_utils/filterOptions.js";
+import { mergeClasses as d } from "../../utils/mergeClasses.js";
+function Me({
+  label: x,
+  helperText: S,
+  required: L,
+  placeholder: Q = "Choose parameter",
+  searchPlaceholder: W = "Search",
+  selectAllLabel: M = "Select all",
+  options: s,
+  defaultSelected: A = [],
+  onApply: T,
+  exclude: b,
+  setExclude: q,
+  onSelect: D,
+  onClear: E,
+  classNames: m = {},
+  showExcludeBtn: B,
+  width: K = ""
+}) {
+  const { labelWrapperClass: P, helperClass: G } = m, [w, p] = u(!1), [C, v] = u(""), [n, I] = u(
+    () => J(A)
+  ), [a, g] = u(
+    () => J(A)
+  ), [H, f] = u(!1), [U, o] = u(!1), k = re(null);
+  ne(() => {
+    const e = (l) => {
+      k.current && !k.current.contains(l.target) && (g(n), f(n?.length === s?.length), p(!1), o(!1), v(""));
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [n, s.length]);
+  const y = ae(
+    () => ge(s, C),
+    [s, C]
+  ), j = 2, z = i(
+    (e, l, h, se) => {
+      h || o(!1);
+      const F = (N) => {
+        const O = N?.some((R) => R?.value === e) ? N?.filter((R) => R?.value !== e) : [...N, { value: e, label: l }];
+        return f(O?.length === s?.length), O?.length <= j && o(!1), O;
+      };
+      se && I(F), g(F), D?.();
+    },
+    [s.length, D]
+  ), V = i(() => {
+    o(!1), f((e) => {
+      const l = !e;
+      return g(
+        l ? s?.map((h) => ({ value: h?.value, label: h?.label })) : []
+      ), l;
+    });
+  }, [s]), X = i(() => {
+    g([]), f(!1), E?.();
+  }, [E]), Y = i(() => {
+    const e = s?.filter((l) => a?.some((h) => h?.value === l?.value))?.map((l) => ({ ...l, isChecked: !0 }));
+    T(e, b), I(a), p(!1);
+  }, [s, a, b, T]), Z = i(() => {
+    g(n), f(n?.length === s?.length), o(!1), p(!1), v("");
+  }, [n, s.length]), _ = i(() => {
+    p((e) => !e), o(!1);
+  }, []), $ = i((e) => {
+    e.stopPropagation(), o((l) => !l);
+  }, []), ee = JSON.stringify(a) === JSON.stringify(n), le = w ? a : n;
+  return /* @__PURE__ */ c("div", { className: r["ckds-wrapper"], style: { width: K }, children: [
+    x && /* @__PURE__ */ c(
+      "span",
+      {
+        className: d(
+          "ckds-body-xs-med",
+          r["label-wrapper"],
+          P ?? ""
+        ),
+        children: [
+          x,
+          L && /* @__PURE__ */ t("span", { className: r.required, children: " *" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ c("div", { className: r["trigger-wrapper"], ref: k, children: [
+      /* @__PURE__ */ t(
+        de,
+        {
+          open: w,
+          selected: le,
+          placeholder: Q,
+          showMenu: U,
+          isAllSelected: !1,
+          selectAllLabel: M,
+          onToggleOpen: _,
+          onToggleMenu: $,
+          onRemove: z,
+          classNames: m,
+          maxChips: j
+        }
+      ),
+      S && /* @__PURE__ */ t(
+        "div",
+        {
+          className: d(
+            "ckds-body-xs-reg",
+            r["helper-text"],
+            G ?? ""
+          ),
+          children: /* @__PURE__ */ c(te, { children: [
+            /* @__PURE__ */ t(ce, { width: "12", height: "12" }),
+            " ",
+            S
+          ] })
+        }
+      ),
+      w && /* @__PURE__ */ c("div", { className: d(r.dropdown, S ? r["dropdown-helper"] : ""), children: [
+        /* @__PURE__ */ t(
+          oe,
+          {
+            size: "medium",
+            value: C,
+            placeholder: W,
+            onChange: v,
+            onClear: () => v(""),
+            wrapperClassName: "",
+            inputClassName: ""
+          }
+        ),
+        /* @__PURE__ */ t(
+          he,
+          {
+            totalResults: y?.length,
+            exclude: b,
+            setExclude: q,
+            isToggleDisable: a?.length === 0,
+            showExcludeBtn: B,
+            hideExclude: !1
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: r.divider }),
+        /* @__PURE__ */ c(
+          "div",
+          {
+            className: d(
+              r["ckds-options-list"],
+              m?.optionsListWrapperClass ?? ""
+            ),
+            children: [
+              C.length === 0 && /* @__PURE__ */ c(
+                "div",
+                {
+                  className: d(
+                    r["option-row"],
+                    m?.optionRowClass ?? ""
+                  ),
+                  onClick: V,
+                  children: [
+                    /* @__PURE__ */ t(ie, { checked: H, size: "md" }),
+                    /* @__PURE__ */ t(
+                      "span",
+                      {
+                        className: d(
+                          "ckds-body-sm-reg",
+                          r["option-label"]
+                        ),
+                        children: M
+                      }
+                    )
+                  ]
+                }
+              ),
+              y?.length === 0 ? /* @__PURE__ */ t(
+                "span",
+                {
+                  className: d(
+                    "ckds-body-sm-reg",
+                    r["no-results"]
+                  ),
+                  children: "No results found"
+                }
+              ) : y?.map((e) => /* @__PURE__ */ t(
+                me,
+                {
+                  value: e?.value,
+                  label: e?.label,
+                  checked: a?.some(
+                    (l) => l?.value === e?.value
+                  ),
+                  onToggle: z,
+                  classNames: m
+                },
+                e?.value
+              ))
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(
+          ue,
+          {
+            onClear: X,
+            onCancel: Z,
+            onApply: Y,
+            classNames: m,
+            isClearDisabled: a?.length === 0,
+            isApplyDisabled: ee,
+            hideClear: !1
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  Me as SimpleMultiSelect
+};

package/dist/components/MultiSelect/_helpers/DropdownFooter.d.ts

@@ -0,0 +1,4 @@
+import { DropdownFooterProps } from '../_types/type';
+declare const DropdownFooter: ({ onClear, onCancel, onApply, classNames, isClearDisabled, isApplyDisabled, hideClear, }: DropdownFooterProps) => import("react/jsx-runtime").JSX.Element;
+export default DropdownFooter;
+//# sourceMappingURL=DropdownFooter.d.ts.map

package/dist/components/MultiSelect/_helpers/DropdownFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownFooter.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_helpers/DropdownFooter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAI1D,QAAA,MAAM,cAAc,GAAI,0FAQrB,mBAAmB,4CA4CrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/MultiSelect/_helpers/DropdownFooter.js

@@ -0,0 +1,72 @@
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
+import { s as l } from "../../../styles.module-Dojg5FTS.js";
+import { CKButton as r } from "../../CKButton/index.js";
+import { mergeClasses as e } from "../../../utils/mergeClasses.js";
+const y = ({
+  onClear: n,
+  onCancel: c,
+  onApply: i,
+  classNames: a,
+  isClearDisabled: m,
+  isApplyDisabled: d,
+  hideClear: o
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: e(
+      l["ckds-multi-select-footer"],
+      a?.footerWrapperClass ?? ""
+    ),
+    children: [
+      !o && /* @__PURE__ */ s(
+        "button",
+        {
+          className: e(
+            "ckds-body-sm-med",
+            l["clear-btn"],
+            m ? l.clearDisabled : "",
+            a?.clearAllBtnClass ?? ""
+          ),
+          onClick: n,
+          type: "button",
+          children: "Clear all"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: e(
+            l["footer-actions"],
+            o ? l["footer-actions-end"] : ""
+          ),
+          children: [
+            /* @__PURE__ */ s(
+              r,
+              {
+                variant: "secondary",
+                size: "small",
+                label: "Cancel",
+                onClick: c,
+                className: a?.cancelBtnClass
+              }
+            ),
+            /* @__PURE__ */ s(
+              r,
+              {
+                variant: "primary",
+                size: "small",
+                label: "Apply",
+                onClick: i,
+                disabled: d,
+                className: a?.applyBtnClass
+              }
+            )
+          ]
+        }
+      )
+    ]
+  }
+);
+export {
+  y as default
+};

package/dist/components/MultiSelect/_helpers/OptionRow.d.ts

@@ -0,0 +1,4 @@
+import { OptionRowProps } from '../_types/type';
+declare const OptionRow: import('react').NamedExoticComponent<OptionRowProps>;
+export default OptionRow;
+//# sourceMappingURL=OptionRow.d.ts.map

package/dist/components/MultiSelect/_helpers/OptionRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionRow.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_helpers/OptionRow.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD,QAAA,MAAM,SAAS,sDA4Bb,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/dist/components/MultiSelect/_helpers/OptionRow.js

@@ -0,0 +1,40 @@
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import { memo as a, useCallback as l } from "react";
+import { s as m } from "../../../styles.module-Dojg5FTS.js";
+import { CKCheckbox as d } from "../../CKCheckbox/index.js";
+import { mergeClasses as t } from "../../../utils/mergeClasses.js";
+const u = a(function({
+  value: s,
+  label: o,
+  checked: e,
+  onToggle: r,
+  classNames: n
+}) {
+  const c = l(
+    () => r(s, o),
+    [s, o, r]
+  );
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      className: t(
+        m["option-row"],
+        n?.optionRowClass ?? ""
+      ),
+      onClick: c,
+      children: [
+        /* @__PURE__ */ i(d, { checked: e, size: "md" }),
+        /* @__PURE__ */ i(
+          "span",
+          {
+            className: t("ckds-body-sm-reg", m["option-label"]),
+            children: o
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  u as default
+};

package/dist/components/MultiSelect/_helpers/OverflowMenu.d.ts

@@ -0,0 +1,4 @@
+import { OverflowMenuProps } from '../_types/type';
+declare const OverflowMenu: ({ selected, maxChips }: OverflowMenuProps) => import("react/jsx-runtime").JSX.Element;
+export default OverflowMenu;
+//# sourceMappingURL=OverflowMenu.d.ts.map

package/dist/components/MultiSelect/_helpers/OverflowMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenu.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_helpers/OverflowMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,QAAA,MAAM,YAAY,GAAI,wBAA4B,iBAAiB,4CAOlE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/MultiSelect/_helpers/OverflowMenu.js

@@ -0,0 +1,7 @@
+import { jsx as r } from "react/jsx-runtime";
+import { s } from "../../../styles.module-Dojg5FTS.js";
+import o from "./OverflowMenuItem.js";
+const a = ({ selected: m, maxChips: t = 2 }) => /* @__PURE__ */ r("div", { className: s["menu-list"], children: m?.map((e, l) => l < t ? null : /* @__PURE__ */ r(o, { item: e }, e?.value)) });
+export {
+  a as default
+};

package/dist/components/MultiSelect/_helpers/OverflowMenuItem.d.ts

@@ -0,0 +1,4 @@
+import { OverflowMenuItemProps } from '../_types/type';
+declare const OverflowMenuItem: ({ item: { value, label }, }: OverflowMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export default OverflowMenuItem;
+//# sourceMappingURL=OverflowMenuItem.d.ts.map

package/dist/components/MultiSelect/_helpers/OverflowMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenuItem.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_helpers/OverflowMenuItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAG5D,QAAA,MAAM,gBAAgB,GAAI,6BAEvB,qBAAqB,4CAgCvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/MultiSelect/_helpers/OverflowMenuItem.js

@@ -0,0 +1,30 @@
+import { jsx as t } from "react/jsx-runtime";
+import { s as i } from "../../../styles.module-Dojg5FTS.js";
+import { Tooltip as f } from "../../Tooltip/index.js";
+import { useRef as a, useState as d, useLayoutEffect as u } from "react";
+import { mergeClasses as p } from "../../../utils/mergeClasses.js";
+const b = ({
+  item: { value: c, label: s }
+}) => {
+  const r = a(null), [m, l] = d(!1);
+  return u(() => {
+    const e = r.current;
+    if (!e) return;
+    const o = () => {
+      l(e.scrollWidth > e.clientWidth + 1);
+    };
+    o();
+    const n = new ResizeObserver(o);
+    return n.observe(e), () => n.disconnect();
+  }, [s]), /* @__PURE__ */ t(f, { title: m ? s : "", placement: "right", children: /* @__PURE__ */ t(
+    "div",
+    {
+      className: p("ckds-body-sm-med", i["ckds-menu-item"]),
+      onClick: (e) => e.stopPropagation(),
+      children: /* @__PURE__ */ t("span", { ref: r, className: i["menu-item-label"], children: s })
+    }
+  ) }, c);
+};
+export {
+  b as default
+};

package/dist/components/MultiSelect/_helpers/SearchResult.d.ts

@@ -0,0 +1,4 @@
+import { ResultProps } from '../_types/type';
+declare const SearchResult: ({ totalResults, exclude, setExclude, isToggleDisable, showExcludeBtn, hideExclude, }: ResultProps) => import("react/jsx-runtime").JSX.Element;
+export default SearchResult;
+//# sourceMappingURL=SearchResult.d.ts.map

package/dist/components/MultiSelect/_helpers/SearchResult.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchResult.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_helpers/SearchResult.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,QAAA,MAAM,YAAY,GAAI,sFAOnB,WAAW,4CAmBb,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/MultiSelect/_helpers/SearchResult.js

@@ -0,0 +1,33 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { s as e } from "../../../styles.module-Dojg5FTS.js";
+import { Toggle as p } from "../../Toggle/index.js";
+import { mergeClasses as a } from "../../../utils/mergeClasses.js";
+const g = ({
+  totalResults: l,
+  exclude: c,
+  setExclude: d,
+  isToggleDisable: m,
+  showExcludeBtn: o,
+  hideExclude: i
+}) => /* @__PURE__ */ s("div", { className: e["result-wrapper"], children: [
+  /* @__PURE__ */ s("span", { className: a("ckds-cap-reg", e["result-count"]), children: [
+    l,
+    " ",
+    l === 1 ? "Result" : "Results"
+  ] }),
+  o && !i && /* @__PURE__ */ s("div", { className: e["exclude-row"], children: [
+    /* @__PURE__ */ r("span", { className: a("ckds-cap-reg", e["exclude-label"]), children: "Exclude" }),
+    /* @__PURE__ */ r(
+      p,
+      {
+        size: "small",
+        checked: c,
+        onChange: d,
+        disabled: m
+      }
+    )
+  ] })
+] });
+export {
+  g as default
+};

package/dist/components/MultiSelect/_helpers/TagContent.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { TagContentProps } from '../_types/type';
+declare const TagContent: React.NamedExoticComponent<TagContentProps>;
+export default TagContent;
+//# sourceMappingURL=TagContent.d.ts.map

package/dist/components/MultiSelect/_helpers/TagContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagContent.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_helpers/TagContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAI9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,QAAA,MAAM,UAAU,6CA0Dd,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/components/MultiSelect/_helpers/TagContent.js

@@ -0,0 +1,48 @@
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import v, { useRef as g, useState as w, useLayoutEffect as C, useCallback as l } from "react";
+import { S as O } from "../../../cancel-BAgTEOGD.js";
+import { s } from "../../../styles.module-Dojg5FTS.js";
+import { Tooltip as R } from "../../Tooltip/index.js";
+const j = v.memo(function({
+  label: t,
+  value: n,
+  onRemove: r,
+  hideCross: f = !1
+}) {
+  const c = g(null), [m, p] = w(!1);
+  C(() => {
+    const e = c.current;
+    if (!e) return;
+    const a = () => {
+      p(e.scrollWidth > e.clientWidth + 1);
+    };
+    a();
+    const i = new ResizeObserver(a);
+    return i.observe(e), () => i.disconnect();
+  }, [t]);
+  const d = l(
+    (e) => e.stopPropagation(),
+    []
+  ), u = l(
+    (e) => {
+      e.preventDefault(), e.stopPropagation(), r(n, t, !1, !0);
+    },
+    [n, t, r]
+  );
+  return /* @__PURE__ */ h("div", { className: s["selected-tag-wrapper"], children: [
+    /* @__PURE__ */ o(R, { title: m ? t : "", placement: "bottom", children: /* @__PURE__ */ o("span", { ref: c, className: s["selected-tag-content"], children: t }) }),
+    !f && /* @__PURE__ */ o(
+      O,
+      {
+        className: s["remove-icon"],
+        width: "14",
+        height: "14",
+        onMouseDown: d,
+        onClick: u
+      }
+    )
+  ] });
+});
+export {
+  j as default
+};

package/dist/components/MultiSelect/_helpers/TriggerButton.d.ts

@@ -0,0 +1,4 @@
+import { TriggerButtonProps } from '../_types/type';
+declare const TriggerButton: ({ open, selected, placeholder, showMenu, isAllSelected, selectAllLabel, requireSelection, onToggleOpen, onToggleMenu, onRemove, classNames, maxChips, }: TriggerButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default TriggerButton;
+//# sourceMappingURL=TriggerButton.d.ts.map

package/dist/components/MultiSelect/_helpers/TriggerButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerButton.d.ts","sourceRoot":"","sources":["../../../../lib/components/MultiSelect/_helpers/TriggerButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAIzD,QAAA,MAAM,aAAa,GAAI,yJAapB,kBAAkB,4CA6DpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/MultiSelect/_helpers/TriggerButton.js

@@ -0,0 +1,82 @@
+import { jsxs as t, jsx as l, Fragment as C } from "react/jsx-runtime";
+import { s as r } from "../../../styles.module-Dojg5FTS.js";
+import { CKTag as N } from "../../CKTag/index.js";
+import { S as k } from "../../../chevron-down-Cm9R64Fe.js";
+import w from "./TagContent.js";
+import y from "./OverflowMenu.js";
+import { mergeClasses as o } from "../../../utils/mergeClasses.js";
+const D = ({
+  open: c,
+  selected: e,
+  placeholder: m,
+  showMenu: d,
+  isAllSelected: g,
+  selectAllLabel: p,
+  requireSelection: n,
+  onToggleOpen: h,
+  onToggleMenu: f,
+  onRemove: u,
+  classNames: i,
+  maxChips: a = 2
+}) => /* @__PURE__ */ t(
+  "button",
+  {
+    className: o(
+      r.trigger,
+      c ? r["trigger-open"] : "",
+      i?.dropdownOpenerWrapperClass ?? ""
+    ),
+    onClick: h,
+    type: "button",
+    children: [
+      e?.length > 0 ? /* @__PURE__ */ l("div", { className: r["selected-tags-container"], children: g ? /* @__PURE__ */ l("span", { className: o("ckds-body-sm-reg", r["select-all-label"]), children: p }) : /* @__PURE__ */ t(C, { children: [
+        e.map((s, v) => {
+          if (v >= a) return null;
+          const b = !!(n && e.length === 1);
+          return /* @__PURE__ */ l(N, { variation: "INFO", size: "small", fill: "soft", children: /* @__PURE__ */ l(
+            w,
+            {
+              label: s?.label,
+              value: s?.value,
+              onRemove: u,
+              hideCross: b
+            }
+          ) }, s.value);
+        }),
+        e?.length > a && /* @__PURE__ */ t(
+          "span",
+          {
+            className: o("ckds-cap-med", r["overflow-count"]),
+            onClick: f,
+            children: [
+              "...+",
+              e?.length - a
+            ]
+          }
+        ),
+        d && /* @__PURE__ */ l(y, { selected: e, maxChips: a })
+      ] }) }) : /* @__PURE__ */ l(
+        "span",
+        {
+          className: o(
+            "ckds-body-sm-reg",
+            n ? r["placeholder-required"] : r.placeholder,
+            i?.placeholderClass ?? ""
+          ),
+          children: n ? "Select Atleast One" : m
+        }
+      ),
+      /* @__PURE__ */ l(
+        k,
+        {
+          className: o(r.chevron, c ? r["chevron-up"] : ""),
+          width: "14",
+          height: "14"
+        }
+      )
+    ]
+  }
+);
+export {
+  D as default
+};