@m4l/components 0.1.26 → 0.1.28

package/components/CommonActions/components/Actions/index.cd7b2671.js

@@ -1,742 +0,0 @@
-import { jsx as n, jsxs as b, Fragment as D } from "react/jsx-runtime";
-import { styled as p } from "@mui/material/styles";
-import { useEnvironment as k, useModuleDictionary as S } from "@m4l/core";
-import { IconButton as et, Tooltip as nt, MenuItem as it, Skeleton as A, Checkbox as ot } from "@mui/material";
-import "@mui/material/Button";
-import "react-hook-form";
-import "react-router-dom";
-import { useState as W, useMemo as w, forwardRef as st, useRef as B, useImperativeHandle as rt, useEffect as at, useCallback as j } from "react";
-import "../../../../contexts/ModalContext/index.5388dfd5.js";
-import "@mui/lab";
-import { I as y } from "../../../mui_extended/IconButton/index.4b5ce8b5.js";
-import { u as I, a as lt, O as ct } from "../../../DataGrid/index.2caf6231.js";
-import { P as dt } from "../../../mui_extended/Pager/index.951b6975.js";
-import { D as pt } from "../../../../react-data-grid.d46d625e.js";
-import { u as gt } from "../../../../hooks/useModal/index.3b1ff084.js";
-import { A as ft } from "../ActionCancel/index.6736b782.js";
-import { A as ut } from "../ActionIntro/index.4665a611.js";
-import { P as mt } from "../../../mui_extended/Popover/index.4da8587a.js";
-import { I as N } from "../../../Icon/index.f569765b.js";
-import { useResponsiveDesktop as ht } from "@m4l/graphics";
-const _t = p("div")(({
-  theme: t
-}) => ({
-  paddingTop: t.spacing(3),
-  margin: t.spacing(0, 1.5),
-  display: "flex",
-  flexDirection: "row",
-  justifyContent: "flex-end",
-  "& > button": {
-    marginLeft: "10px"
-  }
-})), ne = (t) => {
-  const {
-    children: e
-  } = t;
-  return /* @__PURE__ */ n(_t, {
-    id: "WrapperStandarActions",
-    children: e
-  });
-};
-function ie() {
-  return ["common_actions"];
-}
-const oe = {
-  common_actions: {
-    cancel: "Cancel",
-    intro: "Intro",
-    confirm_quit_title: "Confirm",
-    confirm_quit_msg: "Are your sure exit?"
-  }
-}, yt = p(et)(() => ({})), vt = p("div")(({
-  theme: t
-}) => ({
-  height: "22px",
-  marginLeft: t.spacing(1.5),
-  display: "flex",
-  alignItems: "center"
-}));
-function U(t) {
-  const {
-    menuActions: e,
-    objItem: o = {},
-    urlIcon: s,
-    toolTip: r = "",
-    marginTop: g = -1,
-    marginBottom: l,
-    marginLeft: v,
-    marginRight: _,
-    width: a = 200,
-    arrowType: u = "right-top",
-    ...f
-  } = t, {
-    host_static_assets: z,
-    environment_assets: $
-  } = k(), {
-    getLabel: x
-  } = S(), [C, R] = W(null), F = (m) => {
-    R(m.currentTarget);
-  }, M = w(() => s || `${z}/${$}/frontend/commons/assets/icons/more_vertical.svg`, [s, z, $]), P = () => {
-    R(null);
-  }, d = (m) => {
-    R(null), m.onClick();
-  }, O = w(() => {
-    let m;
-    return typeof e != "function" ? m = e : m = e(o), m;
-  }, [e, o]);
-  return /* @__PURE__ */ b(D, {
-    children: [/* @__PURE__ */ n(nt, {
-      title: r,
-      children: /* @__PURE__ */ n(yt, {
-        id: "WrapperMenuActions",
-        size: "small",
-        onClick: F,
-        children: /* @__PURE__ */ n(N, {
-          src: M
-        })
-      })
-    }), /* @__PURE__ */ n(mt, {
-      id: "Popover",
-      open: Boolean(C),
-      anchorEl: C,
-      onClose: P,
-      arrowType: u,
-      sx: {
-        marginTop: g,
-        marginBottom: l,
-        marginLeft: v,
-        marginRight: _,
-        width: a,
-        "& .MuiMenuItem-root": {
-          px: 1,
-          typography: "body2",
-          borderRadius: 0.75
-        }
-      },
-      ...f,
-      children: C && O.map((m, L) => /* @__PURE__ */ b(it, {
-        dense: !0,
-        onClick: () => d(m),
-        sx: {
-          color: m.color ?? "text.main"
-        },
-        disabled: m.disabled,
-        children: [/* @__PURE__ */ n(N, {
-          src: m.urlIcon
-        }), /* @__PURE__ */ n(vt, {
-          children: x(m.dictionaryField)
-        })]
-      }, `menu_action_${L}`))
-    })]
-  });
-}
-const Ct = p("div")(({ theme: t }) => ({
-  width: "100%",
-  justifyContent: "center",
-  display: "flex",
-  marginLeft: 0,
-  [t.breakpoints.up("sm")]: {
-    display: "flex",
-    alignItems: "center",
-    marginLeft: t.spacing(3)
-  }
-}));
-function se(t) {
-  const {
-    count: e,
-    page: o,
-    rowsPerPage: s,
-    onPageChange: r
-  } = t, {
-    host_static_assets: g,
-    environment_assets: l
-  } = k(), v = (f) => {
-    r(f, 0);
-  }, _ = (f) => {
-    r(f, o - 1);
-  }, a = (f) => {
-    r(f, o + 1);
-  }, u = (f) => {
-    r(f, Math.max(0, Math.ceil(e / s) - 1));
-  };
-  return /* @__PURE__ */ b(Ct, {
-    id: "WrapperPagerActions",
-    children: [/* @__PURE__ */ n(y, {
-      id: "test_bruce",
-      dictionaryTooltip: "pager.first",
-      onClick: v,
-      disabled: o === 0,
-      "aria-label": "first page",
-      src: `${g}/${l}/frontend/components/pager/assets/icons/first.svg`
-    }), /* @__PURE__ */ n(y, {
-      dictionaryTooltip: "pager.previous",
-      onClick: _,
-      disabled: o === 0,
-      "aria-label": "first page",
-      src: `${g}/${l}/frontend/components/pager/assets/icons/previous.svg`
-    }), /* @__PURE__ */ n(y, {
-      dictionaryTooltip: "pager.next",
-      onClick: a,
-      disabled: o >= Math.ceil(e / s) - 1,
-      "aria-label": "next page",
-      src: `${g}/${l}/frontend/components/pager/assets/icons/next.svg`
-    }), /* @__PURE__ */ n(y, {
-      dictionaryTooltip: "pager.last",
-      onClick: u,
-      disabled: o >= Math.ceil(e / s) - 1,
-      "aria-label": "last page",
-      src: `${g}/${l}/frontend/components/pager/assets/icons/last.svg`
-    })]
-  });
-}
-const xt = "actions-row";
-function bt(t) {
-  const {
-    rowActionsGetter: e
-  } = I();
-  return e === void 0 ? /* @__PURE__ */ n(D, {}) : /* @__PURE__ */ n(U, {
-    arrowType: "top-left",
-    objItem: t.row,
-    menuActions: e,
-    marginTop: 1,
-    marginLeft: "-11px",
-    anchorOrigin: {
-      vertical: "bottom",
-      horizontal: "left"
-    },
-    transformOrigin: {
-      vertical: "top",
-      horizontal: "left"
-    }
-  });
-}
-const re = {
-  key: xt,
-  name: "Actions",
-  width: 60,
-  withFilter: !1,
-  resizable: !0,
-  sortable: !1,
-  frozen: !0,
-  type: "custom",
-  formatter: bt
-}, wt = p("div")(({
-  theme: t
-}) => ({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  minWidth: t.spacing(3.75),
-  height: t.spacing(3.75)
-}));
-function kt() {
-  const {
-    isSkeleton: t
-  } = I(), {
-    activeFilters: e,
-    setActiveFilters: o
-  } = lt(), {
-    host_static_assets: s,
-    environment_assets: r
-  } = k(), g = () => {
-    o(!e);
-  };
-  return t ? /* @__PURE__ */ n(wt, {
-    children: /* @__PURE__ */ n(A, {
-      variant: "circular",
-      width: 20,
-      height: 20
-    })
-  }) : /* @__PURE__ */ n(y, {
-    dictionaryTooltip: e ? "data_grid.tooltip_filter_hide" : "data_grid.tooltip_filter_show",
-    onClick: g,
-    "aria-label": "filter",
-    src: `${s}/${r}/frontend/components/data_grid/assets/icons/filter.svg`
-  });
-}
-const It = p("div")(({ theme: t }) => ({
-  color: t.palette.text.primary,
-  position: "relative",
-  display: "flex",
-  flexDirection: "column",
-  height: "100%",
-  width: "100%"
-}));
-p("div")(({ theme: t }) => ({
-  color: t.palette.text.primary,
-  fontSize: t.typography.h4.fontSize
-}));
-const $t = p("div")(({ theme: t }) => ({
-  ...t.typography.subtitle2,
-  color: t.palette.text.primary,
-  padding: `${t.spacing(3)} ${t.spacing(1)}`
-})), Rt = p("div")(() => ({
-  position: "relative",
-  display: "flex",
-  flexDirection: "column",
-  flexGrow: 1
-}));
-p("div")(() => ({
-  display: "flex",
-  flexDirection: "row"
-}));
-const Tt = p("div")(({ theme: t }) => ({
-  paddingTop: t.spacing(3),
-  display: "flex",
-  flexDirection: "row"
-}));
-p("div")(({ theme: t }) => ({
-  paddingTop: t.spacing(3),
-  display: "flex",
-  flexDirection: "row",
-  justifyContent: "flex-end",
-  "& > button": {
-    marginLeft: "10px"
-  }
-}));
-function H({
-  row: t,
-  onRowChange: e,
-  column: o
-}) {
-  const s = () => {
-    const r = {
-      ...t
-    };
-    r[o.key] = !t[o.key], e(r);
-  };
-  return /* @__PURE__ */ n(ot, {
-    size: "small",
-    checked: t[o.key],
-    onChange: s
-  });
-}
-function K(t) {
-  return t.filter((e) => !e.hidden).map((e) => ({
-    key: e.key,
-    name: e.name,
-    visible: e.visible === void 0 ? !0 : e.visible,
-    frozen: e.frozen === void 0 ? !1 : e.frozen,
-    originalIndex: e.orginalIndex,
-    originalFrozen: e.originalFrozen,
-    originalVisible: e.originalVisible
-  }));
-}
-const Q = st((t, e) => {
-  const o = B(null), {
-    onCloseSettings: s,
-    columnsConfig: r,
-    onChangeColumnsConfig: g
-  } = t, {
-    getLabel: l
-  } = S(), [v, _] = W(!0), [a, u] = W(K(r)), [f, z] = W(() => /* @__PURE__ */ new Set()), $ = B(null), {
-    host_static_assets: x,
-    environment_assets: C
-  } = k();
-  rt(e, () => ({
-    onClickIntro: J,
-    current: $.current
-  }));
-  const R = w(() => [{
-    key: "name",
-    name: l("data_grid.settings_column_name"),
-    width: 200,
-    resizable: !0,
-    type: "string"
-  }, {
-    key: "originalIndex",
-    name: l("data_grid.settings_column_position"),
-    width: 50,
-    type: "number",
-    cellClass: "rdg-cell-align-center"
-  }, {
-    key: "visible",
-    name: l("data_grid.settings_column_visible"),
-    width: 80,
-    type: "boolean",
-    formatter: H,
-    cellClass: "rdg-cell-align-center"
-  }, {
-    key: "frozen",
-    name: l("data_grid.settings_column_frozen"),
-    width: 80,
-    type: "boolean",
-    formatter: H,
-    cellClass: "rdg-cell-align-center"
-  }], [l]), F = () => {
-    u(a.map((i) => ({
-      ...i,
-      visible: !0
-    })));
-  }, M = () => {
-    u(a.map((i) => ({
-      ...i,
-      visible: !1
-    })));
-  }, P = () => {
-    u(a.map((i) => ({
-      ...i,
-      visible: i.originalVisible,
-      frozen: i.originalFrozen,
-      index: i.originalIndex
-    })).sort((i, c) => i.index - c.index));
-  };
-  at(() => {
-    v === !1 && u(K(r)), _(!1);
-  }, [r]);
-  const d = w(() => {
-    let i = -1;
-    if (f.size !== 1)
-      return i;
-    const h = f.entries().next().value[1];
-    return i = a.findIndex((T) => T.key === h), i;
-  }, [a, f]), O = () => {
-    if (d === -1)
-      return -1;
-    const i = [...a];
-    i.splice(d, 1), i.splice(0, 0, a[d]), o.current?.selectCell({
-      idx: 0,
-      rowIdx: 0
-    }), u(i);
-  }, m = () => {
-    if (d === -1)
-      return -1;
-    const i = [...a];
-    i.splice(d, 1), i.splice(i.length, 0, a[d]), o.current?.selectCell({
-      idx: 0,
-      rowIdx: i.length - 1
-    }), u(i);
-  }, L = (i) => {
-    if (d === -1)
-      return -1;
-    const c = [...a], h = c[d];
-    c.splice(d, 1), c.splice(d + i, 0, h), o.current?.selectCell({
-      idx: 0,
-      rowIdx: d + i
-    }), u(c);
-  }, Y = (i) => {
-    const c = a.findIndex((h) => h.key === i);
-    if (c > -1)
-      return {
-        visible: a[c].visible,
-        frozen: a[c].frozen
-      };
-  }, G = (i) => {
-    const c = a.findIndex((h) => h.key === i.key);
-    return c > -1 ? c : r.findIndex((h) => h.key === i.key);
-  }, J = () => {
-    const i = r.map((c) => {
-      const h = {
-        ...c
-      };
-      if (!c.hidden) {
-        const T = Y(c.key);
-        T && (h.visible = T.visible, h.frozen = T.frozen);
-      }
-      return h;
-    }).sort((c, h) => G(c) - G(h));
-    g(i), s();
-  }, X = () => {
-  }, Z = (i) => {
-    u(i);
-  }, tt = (i) => {
-    if (f.has(i.key))
-      return;
-    const c = /* @__PURE__ */ new Set([i.key]);
-    z(c);
-  };
-  return /* @__PURE__ */ b(It, {
-    id: "WrapperColumnsConfig",
-    ref: $,
-    children: [/* @__PURE__ */ n($t, {
-      id: "divInfo",
-      children: l("data_grid.settings_sel_columns")
-    }), /* @__PURE__ */ n(Rt, {
-      id: "WrapperDataGrid",
-      children: /* @__PURE__ */ n(ct, {
-        id: "Originaldata_gridWrapperStyled",
-        children: /* @__PURE__ */ n(pt, {
-          className: "fill-data_grid  rdg-light",
-          ref: o,
-          columns: R,
-          rows: a,
-          onRowsChange: Z,
-          selectedRows: f,
-          onSelectedRowsChange: X,
-          onRowClick: tt,
-          rowKeyGetter: (i) => i.key,
-          cellNavigationMode: "CHANGE_ROW",
-          defaultColumnOptions: {
-            resizable: !0,
-            sortable: !0
-          }
-        })
-      })
-    }), /* @__PURE__ */ b(Tt, {
-      children: [/* @__PURE__ */ n(y, {
-        dictionaryTooltip: "data_grid.settings_move_first",
-        onClick: O,
-        "aria-label": "move first place",
-        disabled: d < 1,
-        src: `${x}/${C}/frontend/components/data_grid/assets/icons/move_first_place.svg`
-      }), /* @__PURE__ */ n(y, {
-        dictionaryTooltip: "data_grid.settings_move_up",
-        onClick: () => L(-1),
-        "aria-label": "move up place",
-        disabled: d < 1,
-        src: `${x}/${C}/frontend/components/data_grid/assets/icons/move_up_place.svg`
-      }), /* @__PURE__ */ n(y, {
-        dictionaryTooltip: "data_grid.settings_move_last",
-        onClick: m,
-        "aria-label": "move last place",
-        disabled: d === a.length - 1 || d === -1,
-        src: `${x}/${C}/frontend/components/data_grid/assets/icons/move_last_place.svg`
-      }), /* @__PURE__ */ n(y, {
-        dictionaryTooltip: "data_grid.settings_move_down",
-        onClick: () => L(1),
-        "aria-label": "move down place",
-        disabled: d === a.length - 1 || d === -1,
-        src: `${x}/${C}/frontend/components/data_grid/assets/icons/move_down_place.svg`
-      }), /* @__PURE__ */ n(y, {
-        dictionaryTooltip: "data_grid.settings_visible_all",
-        onClick: F,
-        "aria-label": "check visible all",
-        src: `${x}/${C}/frontend/components/data_grid/assets/icons/check_all.svg`
-      }), /* @__PURE__ */ n(y, {
-        dictionaryTooltip: "data_grid.settings_no_visible_all",
-        onClick: M,
-        "aria-label": "un check all",
-        src: `${x}/${C}/frontend/components/data_grid/assets/icons/uncheck_all.svg`
-      }), /* @__PURE__ */ n(y, {
-        dictionaryTooltip: "data_grid.settings_restore",
-        onClick: P,
-        "aria-label": "Restore columns",
-        src: `${x}/${C}/frontend/components/data_grid/assets/icons/restore_columns.svg`
-      })]
-    })]
-  });
-});
-Q.displayName = "ColumnsConfig";
-const At = p("div")(({ theme: t }) => ({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  minWidth: t.spacing(3.75),
-  height: t.spacing(3.75)
-}));
-function St() {
-  const {
-    openModal: t,
-    closeModal: e
-  } = gt(), {
-    columnsConfig: o,
-    onChangeColumnsConfig: s,
-    isSkeleton: r
-  } = I(), {
-    getLabel: g
-  } = S(), {
-    host_static_assets: l,
-    environment_assets: v
-  } = k(), _ = B(null), a = j(() => {
-    e();
-  }, [e]), u = j(() => {
-    _.current?.onClickIntro && _.current?.onClickIntro();
-  }, []), f = j(() => {
-    t({
-      onQueryClose: () => e(),
-      title: g("data_grid.settings_title"),
-      initialWidth: 500,
-      initialHeigth: 680,
-      contentComponent: /* @__PURE__ */ n(Q, {
-        ref: _,
-        columnsConfig: o,
-        onChangeColumnsConfig: s,
-        onCloseSettings: a
-      }),
-      actions: /* @__PURE__ */ b(D, {
-        children: [/* @__PURE__ */ n(ft, {
-          onClick: e
-        }), /* @__PURE__ */ n(ut, {
-          onClick: u
-        })]
-      })
-    });
-  }, [e, o, g, s, a, t, u]);
-  return r ? /* @__PURE__ */ n(At, {
-    children: /* @__PURE__ */ n(A, {
-      variant: "circular",
-      width: 20,
-      height: 20
-    })
-  }) : /* @__PURE__ */ n(y, {
-    dictionaryTooltip: "data_grid.tooltip_settings",
-    onClick: f,
-    "aria-label": "settings",
-    src: `${l}/${v}/frontend/components/data_grid/assets/icons/configuration.svg`
-  });
-}
-const V = p("div")(() => ({
-  display: "flex",
-  alignItems: "center"
-})), E = p("span")(() => ({})), q = p("span")(({ theme: t }) => ({
-  marginLeft: t.spacing(2),
-  paddingTop: "2px",
-  paddingBottom: "2px",
-  paddingLeft: "4px",
-  paddingRight: "4px",
-  border: `1px solid ${t.palette.divider}`
-}));
-function zt() {
-  const {
-    rowsCount: t,
-    isSkeleton: e
-  } = I(), {
-    getLabel: o
-  } = S();
-  return e ? /* @__PURE__ */ b(V, {
-    children: [/* @__PURE__ */ n(E, {
-      children: /* @__PURE__ */ n(A, {
-        variant: "text",
-        width: "40px",
-        height: "16px"
-      })
-    }), /* @__PURE__ */ n(q, {
-      children: /* @__PURE__ */ n(A, {
-        variant: "text",
-        width: "20px",
-        height: "16px"
-      })
-    })]
-  }) : /* @__PURE__ */ b(V, {
-    className: "rows-count",
-    id: "RowsCount",
-    children: [/* @__PURE__ */ n(E, {
-      children: o("data_grid.rows")
-    }), /* @__PURE__ */ n(q, {
-      children: t
-    })]
-  });
-}
-const Lt = p("div")(({ theme: t }) => ({
-  marginLeft: 0,
-  [t.breakpoints.up("sm")]: {
-    marginLeft: t.spacing(3)
-  }
-})), Wt = p("div")(({ theme: t }) => ({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  minWidth: t.spacing(3.75),
-  height: t.spacing(3.75)
-}));
-function Dt() {
-  const {
-    host_static_assets: t,
-    environment_assets: e
-  } = k(), {
-    rowHeights: o,
-    currentRowHeightVariant: s,
-    setRowHeightVariant: r,
-    isSkeleton: g
-  } = I(), {
-    getLabel: l
-  } = S(), v = w(() => typeof o == "number" ? [] : [{
-    urlIcon: `${t}/${e}/frontend/components/data_grid/assets/icons/compact.svg`,
-    onClick: () => r("compact"),
-    disabled: s === "compact",
-    dictionaryField: "data_grid.density_compact"
-  }, {
-    urlIcon: `${t}/${e}/frontend/components/data_grid/assets/icons/standard.svg`,
-    onClick: () => r("standard"),
-    disabled: s === "standard",
-    dictionaryField: "data_grid.density_standard"
-  }, {
-    urlIcon: `${t}/${e}/frontend/components/data_grid/assets/icons/confortable.svg`,
-    onClick: () => r("confortable"),
-    disabled: s === "confortable",
-    dictionaryField: "data_grid.density_confortable"
-  }], [o, s, r, t, e]), _ = w(() => s === "compact" ? `${t}/${e}/frontend/components/data_grid/assets/icons/compact.svg` : s === "standard" ? `${t}/${e}/frontend/components/data_grid/assets/icons/standard.svg` : `${t}/${e}/frontend/components/data_grid/assets/icons/confortable.svg`, [s, t, e]);
-  return v.length === 0 ? /* @__PURE__ */ n(D, {}) : g ? /* @__PURE__ */ n(Wt, {
-    children: /* @__PURE__ */ n(A, {
-      variant: "circular",
-      width: "20px",
-      height: "20px"
-    })
-  }) : /* @__PURE__ */ n(Lt, {
-    id: "WrapperDensity",
-    children: /* @__PURE__ */ n(U, {
-      arrowType: "right-top",
-      anchorOrigin: {
-        vertical: "top",
-        horizontal: "left"
-      },
-      transformOrigin: {
-        vertical: "top",
-        horizontal: "right"
-      },
-      menuActions: v,
-      urlIcon: _,
-      toolTip: l("data_grid.tooltip_density")
-    })
-  });
-}
-const Ft = p("div")(({ theme: t }) => ({
-  ...t.typography.caption,
-  position: "absolute",
-  left: "0px",
-  right: "0px",
-  top: "0px",
-  height: t.spacing(5.5),
-  padding: 0,
-  display: "flex",
-  flexDirection: "row",
-  alignItems: "center",
-  justifyContent: "flex-end",
-  [t.breakpoints.up("sm")]: {
-    padding: t.spacing(0, 1.5)
-  },
-  "&.with-no-pager .rows-count": {
-    flexGrow: 1
-  },
-  "& .MuiTablePagination-root": {
-    flexGrow: 1,
-    display: "flex",
-    justifyContent: "center",
-    overflow: "hidden"
-  }
-}));
-function ae(t) {
-  const e = ht(), {
-    rowHeights: o,
-    isSkeleton: s
-  } = I(), {
-    withRowsCount: r = !0,
-    withPager: g = !0,
-    pagerOptions: l,
-    withSettings: v = !0,
-    settingsProps: _,
-    withLocalFilters: a
-  } = t;
-  return /* @__PURE__ */ b(Ft, {
-    id: "WrapperActions",
-    className: g && l ? "with-pager" : "with-no-pager",
-    children: [r && e && /* @__PURE__ */ n(zt, {}), g && l && /* @__PURE__ */ n(dt, {
-      ...l,
-      totalRecords: l.totalRecords,
-      isSkeleton: s,
-      isDesktop: e
-    }), typeof o != "number" && /* @__PURE__ */ n(Dt, {}), a && /* @__PURE__ */ n(kt, {}), v && /* @__PURE__ */ n(St, {
-      ..._
-    })]
-  });
-}
-export {
-  re as A,
-  vt as L,
-  U as M,
-  se as P,
-  ae as a,
-  ne as b,
-  oe as d,
-  ie as g
-};