chop-logic-components 4.0.1 → 4.1.0

package/dist/components/molecules/switch/Switch.js

@@ -1,68 +0,0 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { getClassName as _ } from "../../../utils/get-class-name.js";
-import { useSwitchController as k } from "./Switch.controller.js";
-import './Switch.css';/* empty css           */
-const y = ({
-  checked: l,
-  onChange: i,
-  label: s,
-  disabled: t = !1,
-  className: n,
-  id: h,
-  name: a,
-  value: r = "on",
-  hasIndicator: o
-}) => {
-  const {
-    checked: c,
-    handleChange: d,
-    handleKeyDown: w
-  } = k({
-    name: a,
-    defaultChecked: l,
-    onChange: i
-  }), m = _([
-    "cl-switch",
-    n,
-    {
-      "cl-switch__checked": c,
-      "cl-switch_disabled": t
-    }
-  ]);
-  return /* @__PURE__ */ p(
-    "div",
-    {
-      role: "switch",
-      "aria-checked": c,
-      "aria-label": s,
-      tabIndex: t ? -1 : 0,
-      className: m,
-      onClick: () => {
-        t || d(!c);
-      },
-      onKeyDown: w,
-      id: h,
-      children: [
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "checkbox",
-            name: a,
-            value: r,
-            checked: c,
-            disabled: t,
-            className: "cl-switch__input",
-            readOnly: !0,
-            "data-testid": "switch-input"
-          }
-        ),
-        /* @__PURE__ */ e("span", { className: "cl-switch__label", children: s }),
-        o && /* @__PURE__ */ e("span", { className: "cl-switch__indicator", "aria-hidden": "true", children: c ? "On" : "Off" }),
-        /* @__PURE__ */ e("span", { className: "cl-switch__track", children: /* @__PURE__ */ e("span", { className: "cl-switch__thumb" }) })
-      ]
-    }
-  );
-};
-export {
-  y as default
-};

package/dist/components/molecules/switch/index.js

@@ -1,3 +0,0 @@
-export { default } from './Switch.js';
-export * from './Switch.js';
-import './Switch.css';

package/dist/components/molecules/text-input/TextInput.js

@@ -1,7 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import r from "./TextInputStateful.js";
-import u from "./TextInputStateless.js";
-const o = (t) => t.stateless ? /* @__PURE__ */ e(u, { ...t }) : /* @__PURE__ */ e(r, { ...t });
-export {
-  o as default
-};

package/dist/components/molecules/text-input/index.js

@@ -1,3 +0,0 @@
-export { default } from './TextInput.js';
-export * from './TextInput.js';
-import './TextInput.css';

package/dist/components/organisms/dialog/Dialog.js

@@ -1,32 +0,0 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import { getClassName as d } from "../../../utils/get-class-name.js";
-import { useRef as f } from "react";
-import './Dialog.css';/* empty css           */
-import { useIsMounted as u } from "../../../hooks/use-is-mounted/use-is-mounted.js";
-import { useModalFocusTrap as p } from "../../../hooks/use-modal-focus-trap/use-modal-focus-trap.js";
-import { useKeyPress as g } from "../../../hooks/use-key-press/use-key-press.js";
-import h from "../../atoms/portal/Portal.js";
-import N from "../../atoms/button/Button.js";
-import { ButtonView as _ } from "../../../enums/button-view.js";
-import { IconName as v } from "../../../enums/icon-name.js";
-import w from "../../atoms/header/Header.js";
-const D = ({ isOpened: r, onClose: l, title: t, children: a, icon: m, ...s }) => {
-  const i = u(r), c = i && !r, e = f(null);
-  return p({ modalRef: e, isOpened: r }), g({ keyCode: "Escape", ref: e, onKeyPress: l }), i ? /* @__PURE__ */ o(h, { children: /* @__PURE__ */ o("div", { className: d(["cl-dialog", { "cl-dialog_closing": c }]), children: /* @__PURE__ */ n("div", { ref: e, role: "dialog", "aria-modal": "true", ...s, className: "cl-dialog__layout", children: [
-    /* @__PURE__ */ o(
-      N,
-      {
-        icon: v.X,
-        view: _.Icon,
-        label: "Close modal window",
-        onClick: l,
-        className: "cl-dialog__button"
-      }
-    ),
-    /* @__PURE__ */ o("header", { children: /* @__PURE__ */ o(w, { as: "h3", icon: m, children: t }) }),
-    /* @__PURE__ */ o("div", { children: a })
-  ] }) }) }) : null;
-};
-export {
-  D as default
-};

package/dist/components/organisms/dialog/index.js

@@ -1,3 +0,0 @@
-export { default } from './Dialog.js';
-export * from './Dialog.js';
-import './Dialog.css';

package/dist/components/organisms/form/Form.js

@@ -1,48 +0,0 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { getClassName as g } from "../../../utils/get-class-name.js";
-import { useMemo as v } from "react";
-import { useFormController as S } from "./Form.controller.js";
-import './Form.css';/* empty css         */
-import { FormContext as F } from "../../contexts/form/FormContext.js";
-import s from "../../atoms/button/Button.js";
-import { ButtonView as N } from "../../../enums/button-view.js";
-import { IconName as i } from "../../../enums/icon-name.js";
-const M = ({
-  children: l,
-  initialValues: o,
-  onReset: a,
-  onSubmit: c,
-  onClickSubmit: d,
-  hasReset: t = !0,
-  className: p,
-  ...u
-}) => {
-  const { handleInputChange: r, handleSubmit: f, handleReset: h, resetSignal: m, valid: x } = S({
-    initialValues: o,
-    onReset: a,
-    onSubmit: c,
-    onClickSubmit: d
-  }), b = g(["cl-form", p]), C = v(
-    () => ({ onChangeFormInput: r, initialValues: o, resetSignal: m }),
-    [r, o, m]
-  );
-  return /* @__PURE__ */ e("form", { onSubmit: f, onReset: h, ...u, className: b, children: /* @__PURE__ */ n(F.Provider, { value: C, children: [
-    l,
-    /* @__PURE__ */ n("div", { className: "cl-form__buttons", children: [
-      t && /* @__PURE__ */ e(s, { type: "reset", text: "Reset", icon: i.Delete, view: N.Secondary }),
-      /* @__PURE__ */ e(
-        s,
-        {
-          type: "submit",
-          text: "Submit",
-          icon: i.ArrowRight,
-          extended: !t,
-          disabled: !x
-        }
-      )
-    ] })
-  ] }) });
-};
-export {
-  M as default
-};

package/dist/components/organisms/form/index.js

@@ -1,3 +0,0 @@
-export { default } from './Form.js';
-export * from './Form.js';
-import './Form.css';

package/dist/components/organisms/grid/Grid.js

@@ -1,60 +0,0 @@
-import { jsx as e, jsxs as g } from "react/jsx-runtime";
-import { getClassName as w } from "../../../utils/get-class-name.js";
-import './Grid.css';/* empty css         */
-import { GridBody as y } from "./body/GridBody.js";
-import { GridColumnGroup as B } from "./column-group/GridColumnGroup.js";
-import { useGridController as x } from "./Grid.controller.js";
-import { GridHead as C } from "./head/GridHead.js";
-const b = ({
-  columns: l,
-  data: d,
-  id: i,
-  onSelect: t,
-  renderDataItem: s,
-  caption: o,
-  selectable: r = !1,
-  className: c,
-  ...m
-}) => {
-  const {
-    elementId: a,
-    handleSelectAll: n,
-    handleDeselectAll: p,
-    isAllCheckboxDisabled: f,
-    isAllSelected: h,
-    handleDeselectRowById: I,
-    handleSelectRowById: A,
-    selectedIds: G
-  } = x({ id: i, data: d, onSelect: t });
-  return /* @__PURE__ */ e("div", { className: "cl-grid__wrapper", children: /* @__PURE__ */ g("table", { ...m, className: w(["cl-grid", c]), children: [
-    o && /* @__PURE__ */ e("caption", { className: "cl-grid__caption", children: o }),
-    /* @__PURE__ */ e(B, { columns: l, selectable: r }),
-    /* @__PURE__ */ e(
-      C,
-      {
-        gridId: a,
-        columns: l,
-        selectable: r,
-        selectAll: n,
-        deselectAll: p,
-        isAllSelected: h,
-        isAllCheckboxDisabled: f
-      }
-    ),
-    /* @__PURE__ */ e(
-      y,
-      {
-        columns: l,
-        data: d,
-        selectable: r,
-        selectRowById: A,
-        deselectRowById: I,
-        selectedIds: G,
-        renderDataItem: s
-      }
-    )
-  ] }) });
-};
-export {
-  b as default
-};

package/dist/components/organisms/grid/body/GridBody.js

@@ -1,31 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { getGridRowValues as p } from "../Grid.helpers.js";
-import { GridRow as c } from "../grid-row/GridRow.js";
-import './GridBody.css';/* empty css             */
-const f = ({
-  selectRowById: d,
-  deselectRowById: i,
-  renderDataItem: s,
-  selectedIds: a,
-  selectable: e,
-  data: l,
-  columns: t
-}) => /* @__PURE__ */ o("tbody", { className: "cl-grid-body", children: l.map((r) => {
-  const m = p({ item: r, columns: t, renderDataItem: s });
-  return /* @__PURE__ */ o(
-    c,
-    {
-      rowId: r.id,
-      disabled: r?.disabled,
-      selectRowById: d,
-      deselectRowById: i,
-      selectable: e,
-      values: m,
-      selectedIds: a
-    },
-    r.id
-  );
-}) });
-export {
-  f as GridBody
-};

package/dist/components/organisms/grid/checkbox/GridCheckbox.js

@@ -1,52 +0,0 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { getClassName as p } from "../../../../utils/get-class-name.js";
-import './GridCheckbox.css';/* empty css                 */
-import { useElementIds as x } from "../../../../hooks/use-element-ids/use-element-ids.js";
-import b from "../../../atoms/label/Label.js";
-import { IconName as r } from "../../../../enums/icon-name.js";
-const I = ({
-  name: s,
-  label: m,
-  disabled: o,
-  required: c = !1,
-  onChange: l,
-  checked: e = !1,
-  ...n
-}) => {
-  const { elementId: i } = x(n?.id), a = p([
-    "cl-grid-checkbox",
-    {
-      "cl-grid-checkbox_disabled": !!o,
-      "cl-grid-checkbox_checked": !!e
-    }
-  ]);
-  return /* @__PURE__ */ d("div", { className: a, children: [
-    /* @__PURE__ */ t(
-      "input",
-      {
-        id: i,
-        name: s,
-        type: "checkbox",
-        disabled: o,
-        required: c,
-        checked: e,
-        onChange: l,
-        className: "cl-grid-checkbox__input"
-      }
-    ),
-    /* @__PURE__ */ t(
-      b,
-      {
-        label: m,
-        required: c,
-        inputId: i,
-        isTextHidden: !0,
-        iconPosition: "left",
-        icon: e ? r.CheckSquare : r.Square
-      }
-    )
-  ] });
-};
-export {
-  I as GridCheckbox
-};

package/dist/components/organisms/grid/column-group/GridColumnGroup.js

@@ -1,26 +0,0 @@
-import { jsxs as m, jsx as c } from "react/jsx-runtime";
-import { getClassName as s } from "../../../../utils/get-class-name.js";
-import './GridColumnGroup.css';/* empty css                    */
-const e = ({
-  columns: i,
-  selectable: r
-}) => /* @__PURE__ */ m("colgroup", { children: [
-  r && /* @__PURE__ */ c("col", { className: "cl-grid-column cl-grid-column_first cl-grid-column_check" }),
-  i.map((l, o) => /* @__PURE__ */ c(
-    "col",
-    {
-      className: s([
-        "cl-grid-column",
-        l?.className,
-        {
-          "cl-grid-column_first": o === 0 && !r,
-          "cl-grid-column_highlighted": !!l?.highlighted
-        }
-      ])
-    },
-    l?.title
-  ))
-] });
-export {
-  e as GridColumnGroup
-};

package/dist/components/organisms/grid/grid-row/GridRow.js

@@ -1,35 +0,0 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { getClassName as p } from "../../../../utils/get-class-name.js";
-import { GridDataCell as f } from "../data-cell/GridDataCell.js";
-import { SelectGridRowCell as u } from "../select-grid-row-cell/SelectGridRowCell.js";
-import './GridRow.css';/* empty css            */
-const R = ({
-  rowId: e,
-  selectRowById: o,
-  deselectRowById: i,
-  selectable: s,
-  values: c,
-  selectedIds: m,
-  disabled: a
-}) => {
-  const r = m.includes(e);
-  return /* @__PURE__ */ n("tr", { className: p(["cl-grid-row", { "cl-grid-row_selected": r }]), children: [
-    s && /* @__PURE__ */ t(
-      u,
-      {
-        rowId: e,
-        selectRowById: o,
-        deselectRowById: i,
-        isRowSelected: r,
-        disabled: a
-      }
-    ),
-    c.map((l) => {
-      const d = `cell-${e}-${l.field}`;
-      return /* @__PURE__ */ t(f, { value: l.value }, d);
-    })
-  ] });
-};
-export {
-  R as GridRow
-};

package/dist/components/organisms/grid/grid-row/index.js

@@ -1,3 +0,0 @@
-export { default } from './GridRow.js';
-export * from './GridRow.js';
-import './GridRow.css';

package/dist/components/organisms/grid/head/GridHead.js

@@ -1,35 +0,0 @@
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { GridHeaderCell as c } from "../header-cell/HeaderCell.js";
-import { SelectAllGridRowsCell as p } from "../select-all-grid-rows-cell/SelectAllGridRowsCell.js";
-import './GridHead.css';/* empty css             */
-const G = ({
-  columns: l,
-  gridId: t,
-  selectAll: i,
-  deselectAll: o,
-  selectable: a,
-  isAllSelected: d,
-  isAllCheckboxDisabled: s = !1
-}) => /* @__PURE__ */ r("thead", { className: "cl-grid-head", children: /* @__PURE__ */ m("tr", { className: "cl-grid-head__row", children: [
-  a && /* @__PURE__ */ r(
-    p,
-    {
-      isAllSelected: d,
-      disabled: s,
-      gridId: t,
-      selectAll: i,
-      deselectAll: o
-    }
-  ),
-  l.map((e) => /* @__PURE__ */ r(
-    c,
-    {
-      title: e.title,
-      component: e.component
-    },
-    `${e.title}_${t}`
-  ))
-] }) });
-export {
-  G as GridHead
-};

package/dist/components/organisms/grid/index.js

@@ -1,3 +0,0 @@
-export { default } from './Grid.js';
-export * from './Grid.js';
-import './Grid.css';

package/dist/components/organisms/menu/Menu.js

@@ -1,22 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { getClassName as l } from "../../../utils/get-class-name.js";
-import { MenuListItem as s } from "./list-item/MenuListItem.js";
-import './Menu.css';/* empty css         */
-import { OrientationMode as m } from "../../../enums/orientation-mode.js";
-const b = ({
-  items: a = [],
-  mode: r = m.Vertical,
-  openedOn: i = "click",
-  className: o,
-  ...n
-}) => {
-  const c = l([
-    "cl-menu-bar",
-    o,
-    { "cl-menu-bar_vertical": r === m.Vertical }
-  ]);
-  return /* @__PURE__ */ t("menu", { ...n, className: c, children: a.map((e) => /* @__PURE__ */ t(s, { item: e, mode: r, openedOn: i }, e.id)) });
-};
-export {
-  b as default
-};

package/dist/components/organisms/menu/index.js

@@ -1,3 +0,0 @@
-export { default } from './Menu.js';
-export * from './Menu.js';
-import './Menu.css';

package/dist/components/organisms/menu/leaf/MenuLeaf.js

@@ -1,28 +0,0 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import './MenuLeaf.css';/* empty css             */
-import f from "../../../atoms/icon/Icon.js";
-import { ElementSize as d } from "../../../../enums/element-size.js";
-const y = ({ item: l }) => {
-  const { icon: a, link: n, label: o, onFocus: i, onClick: r, onHover: m } = l, s = n ? /* @__PURE__ */ e("a", { href: n, target: "_blank", rel: "noreferrer", children: o }) : /* @__PURE__ */ e("span", { children: o });
-  return /* @__PURE__ */ c(
-    "li",
-    {
-      className: "cl-menu-leaf",
-      tabIndex: 0,
-      role: "menuitem",
-      onFocus: i,
-      onClick: r,
-      onKeyDown: (t) => {
-        t.stopPropagation(), t.key === "Enter" && r?.();
-      },
-      onMouseOver: m,
-      children: [
-        /* @__PURE__ */ e(f, { name: a, hidden: !0, size: d.Small }),
-        s
-      ]
-    }
-  );
-};
-export {
-  y as MenuLeaf
-};

package/dist/components/organisms/menu/list-item/MenuListItem.js

@@ -1,35 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { getClassName as m } from "../../../../utils/get-class-name.js";
-import { useState as b } from "react";
-import { MenuLeaf as i } from "../leaf/MenuLeaf.js";
-import { SubMenu as c } from "../sub-menu/SubMenu.js";
-import './MenuListItem.css';/* empty css                 */
-import { OrientationMode as M } from "../../../../enums/orientation-mode.js";
-const p = ({ item: e, mode: t, openedOn: o }) => {
-  const a = !e?.nestedItems?.length, [s, u] = b(!1), l = m([
-    "cl-sub-menu-bar",
-    { "cl-sub-menu-bar_horizontal": t === M.Horizontal }
-  ]);
-  return a ? /* @__PURE__ */ n(i, { item: e }) : /* @__PURE__ */ n(
-    c,
-    {
-      item: e,
-      isSubMenuOpened: s,
-      toggleSubMenu: () => {
-        u(!s);
-      },
-      closeSubMenu: () => {
-        u(!1);
-      },
-      openSubMenu: () => {
-        u(!0);
-      },
-      mode: t,
-      openedOn: o,
-      children: /* @__PURE__ */ n("ul", { className: l, role: "menu", "aria-label": e.label, children: e?.nestedItems?.map((r) => /* @__PURE__ */ n(p, { item: r, mode: t, openedOn: o }, r.id)) })
-    }
-  );
-};
-export {
-  p as MenuListItem
-};

package/dist/components/organisms/menu/sub-menu/SubMenu.js

@@ -1,67 +0,0 @@
-import { jsxs as e, jsx as n } from "react/jsx-runtime";
-import { getClassName as b } from "../../../../utils/get-class-name.js";
-import { useRef as h } from "react";
-import './SubMenu.css';/* empty css            */
-import r from "../../../atoms/icon/Icon.js";
-import { ElementSize as t } from "../../../../enums/element-size.js";
-import { useClickOutside as w } from "../../../../hooks/use-click-outside/use-click-outside.js";
-import { IconName as y } from "../../../../enums/icon-name.js";
-import { OrientationMode as z } from "../../../../enums/orientation-mode.js";
-const P = ({
-  item: C,
-  isSubMenuOpened: o,
-  toggleSubMenu: i,
-  closeSubMenu: a,
-  openSubMenu: _,
-  openedOn: l,
-  mode: k,
-  children: v
-}) => {
-  const { icon: m, link: s, label: c } = C, p = h(null), d = h(null), x = b([
-    "cl-sub-menu__icon",
-    { "cl-sub-menu__icon_opened": o }
-  ]), N = s ? /* @__PURE__ */ e("a", { href: s, target: "_blank", rel: "noreferrer", children: [
-    /* @__PURE__ */ n(r, { name: m, size: t.Small }),
-    c
-  ] }) : /* @__PURE__ */ e("span", { children: [
-    /* @__PURE__ */ n(r, { name: m, size: t.Small }),
-    c
-  ] }), f = (u) => {
-    u.stopPropagation(), u.key === " " && i();
-  };
-  return w({ ref: p, dependentRef: d, onClickOutsideHandler: () => {
-    k !== z.Vertical && a();
-  } }), /* @__PURE__ */ e(
-    "li",
-    {
-      className: "cl-sub-menu",
-      tabIndex: 0,
-      role: "menuitem",
-      "aria-haspopup": "true",
-      "aria-expanded": o,
-      onKeyDown: f,
-      onMouseEnter: l === "hover" ? _ : void 0,
-      onMouseLeave: l === "hover" ? a : void 0,
-      ref: p,
-      children: [
-        /* @__PURE__ */ e(
-          "span",
-          {
-            className: "cl-sub-menu__text",
-            ref: d,
-            onClick: i,
-            onKeyDown: f,
-            children: [
-              N,
-              /* @__PURE__ */ n(r, { name: y.ChevronDown, className: x, size: t.Small })
-            ]
-          }
-        ),
-        o && v
-      ]
-    }
-  );
-};
-export {
-  P as SubMenu
-};

package/dist/components/organisms/menu/sub-menu/index.js

@@ -1,3 +0,0 @@
-export { default } from './SubMenu.js';
-export * from './SubMenu.js';
-import './SubMenu.css';