chop-logic-components 4.0.1 → 4.1.0

package/dist/components/atoms/link/Link.js

@@ -1,39 +0,0 @@
-import { jsx as r, jsxs as _ } from "react/jsx-runtime";
-import { getClassName as g } from "../../../utils/get-class-name.js";
-import './Link.css';/* empty css         */
-import x from "../icon/Icon.js";
-import { ElementSize as u } from "../../../enums/element-size.js";
-const j = ({
-  href: s,
-  children: n,
-  icon: t,
-  iconPosition: l = "left",
-  external: m = !1,
-  disabled: e = !1,
-  className: c,
-  target: a,
-  ...p
-}) => {
-  const f = g(["cl-link", c, { "cl-link_disabled": e }]), i = m || s.startsWith("http") || s.startsWith("//"), k = i ? a || "_blank" : a, o = t ? /* @__PURE__ */ r(x, { name: t, className: "cl-link__icon", hidden: !0, size: u.Small }) : null, d = t && l === "left", w = t && l === "right";
-  return /* @__PURE__ */ _(
-    "a",
-    {
-      href: s,
-      className: f,
-      target: k,
-      ...i && {
-        "aria-label": typeof n == "string" ? `${n} (opens in new window)` : "Opens in new window"
-      },
-      "aria-disabled": e,
-      ...p,
-      children: [
-        d && o,
-        /* @__PURE__ */ r("span", { className: "cl-link__text", children: n }),
-        w && o
-      ]
-    }
-  );
-};
-export {
-  j as default
-};

package/dist/components/atoms/link/index.js

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

package/dist/components/atoms/tooltip/Tooltip.js

@@ -1,70 +0,0 @@
-import { jsxs as I, jsx as i } from "react/jsx-runtime";
-import { getClassName as N } from "../../../utils/get-class-name.js";
-import './Tooltip.css';/* empty css            */
-import { useTooltipController as R } from "./Tooltip.controller.js";
-import { SemanticColor as n } from "../../../enums/semantic-color.js";
-import { TooltipContainer as S } from "../../../enums/tooltip-container.js";
-import w from "../portal/Portal.js";
-const z = ({
-  children: p,
-  tooltipContent: s,
-  id: a,
-  style: c,
-  className: m,
-  containerTag: d = S.Span,
-  visibleOn: o = "hover",
-  autoClose: f = !1,
-  autoCloseDelay: u = 3e3,
-  color: t = n.Default,
-  ...C
-}) => {
-  const v = d, {
-    openTooltip: e,
-    closeTooltip: r,
-    toggleTooltip: h,
-    handleContextMenu: x,
-    elementId: l,
-    top: T,
-    left: M,
-    isOpened: g,
-    wrapperRef: y,
-    tooltipRef: j
-  } = R({ id: a, autoClose: f, autoCloseDelay: u }), k = N([
-    "cl-tooltip",
-    m,
-    { [`cl-tooltip_${t}`]: t !== n.Default }
-  ]);
-  return /* @__PURE__ */ I(
-    v,
-    {
-      style: { position: "relative", cursor: "pointer" },
-      onClick: o === "click" ? h : void 0,
-      onMouseOver: o === "hover" ? e : void 0,
-      onMouseLeave: o === "hover" ? r : void 0,
-      onFocus: o === "focus" ? e : void 0,
-      onBlur: o === "focus" ? r : void 0,
-      onContextMenu: o === "contextmenu" ? (D) => x(D) : void 0,
-      tabIndex: -1,
-      ref: y,
-      "aria-describedby": l,
-      children: [
-        p,
-        g && /* @__PURE__ */ i(w, { children: /* @__PURE__ */ i(
-          "div",
-          {
-            style: { ...c, top: T, left: M },
-            ref: j,
-            role: "tooltip",
-            id: l,
-            ...C,
-            className: k,
-            children: s
-          }
-        ) })
-      ]
-    }
-  );
-};
-export {
-  z as default
-};

package/dist/components/atoms/tooltip/index.js

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

package/dist/components/molecules/accordion/Accordion.js

@@ -1,11 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { getClassName as s } from "../../../utils/get-class-name.js";
-import './Accordion.css';/* empty css              */
-import { AccordionItem as t } from "./AccordionItem.js";
-const l = ({ items: c, className: m }) => {
-  const a = s(["cl-accordion", m]);
-  return /* @__PURE__ */ r("div", { className: a, children: c.map((o) => /* @__PURE__ */ r(t, { ...o }, o.summary)) });
-};
-export {
-  l as default
-};

package/dist/components/molecules/accordion/AccordionItem.js

@@ -1,24 +0,0 @@
-import { jsxs as o, jsx as c } from "react/jsx-runtime";
-import './AccordionItem.css';/* empty css                  */
-import i from "../../atoms/icon/Icon.js";
-import { ElementSize as r } from "../../../enums/element-size.js";
-import { IconName as a } from "../../../enums/icon-name.js";
-const p = ({ summary: e, children: m }) => /* @__PURE__ */ o("details", { className: "cl-accordion-item", children: [
-  /* @__PURE__ */ o("summary", { className: "cl-accordion-item__summary", children: [
-    e,
-    /* @__PURE__ */ c(
-      i,
-      {
-        name: a.ChevronDown,
-        className: "cl-accordion-item__icon",
-        "aria-label": "Toggle Details",
-        testId: "accordion-icon",
-        size: r.Small
-      }
-    )
-  ] }),
-  /* @__PURE__ */ c("div", { className: "cl-accordion-item__content", children: m })
-] });
-export {
-  p as AccordionItem
-};

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

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

package/dist/components/molecules/alert/Alert.js

@@ -1,60 +0,0 @@
-import { jsx as e, jsxs as I } from "react/jsx-runtime";
-import { getClassName as v } from "../../../utils/get-class-name.js";
-import { useRef as A } from "react";
-import './Alert.css';/* empty css          */
-import { getAlertTitle as B, getAlertIcon as C } from "./Alert.helpers.js";
-import { AlertProgressBar as M } from "./AlertProgressBar.js";
-import { useIsMounted as T } from "../../../hooks/use-is-mounted/use-is-mounted.js";
-import { useIsHovered as b } from "../../../hooks/use-is-hovered/use-is-hovered.js";
-import { useRemainingTimer as w } from "../../../hooks/use-remaining-timer/use-remaining-timer.js";
-import { AlertMode as x } from "../../../enums/alert-mode.js";
-import H from "../../atoms/portal/Portal.js";
-import P from "../../atoms/button/Button.js";
-import { ElementSize as R } from "../../../enums/element-size.js";
-import { ButtonView as j } from "../../../enums/button-view.js";
-import { IconName as z } from "../../../enums/icon-name.js";
-import S from "../../atoms/header/Header.js";
-const W = ({
-  isOpened: l,
-  onClose: i,
-  title: n,
-  message: m,
-  mode: t = x.Info,
-  icon: a,
-  autoClose: o = !1,
-  autoCloseDelay: c = 3e3,
-  ...f
-}) => {
-  const r = T(l), p = r && !l, s = A(null), d = b(s, r), u = !o, g = w({
-    isOpened: r,
-    isHovered: d,
-    onClose: i,
-    autoCloseDelay: c,
-    autoClose: o
-  });
-  if (!r) return null;
-  const _ = B(t, n), h = C(t, a), N = v([
-    "cl-alert",
-    `cl-alert_${t.toLowerCase()}`,
-    { "cl-alert_closing": p }
-  ]);
-  return /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e("div", { ref: s, className: N, children: /* @__PURE__ */ I("div", { ...f, className: "cl-alert__content", children: [
-    u && /* @__PURE__ */ e(
-      P,
-      {
-        icon: z.X,
-        view: j.Icon,
-        iconSize: R.Medium,
-        label: "Close alert",
-        onClick: i,
-        className: "cl-alert__button"
-      }
-    ),
-    /* @__PURE__ */ e("header", { children: /* @__PURE__ */ e(S, { icon: h, as: "h3", className: "cl-alert__header", children: _ }) }),
-    /* @__PURE__ */ e("p", { className: "cl-alert__message", children: m }),
-    o && /* @__PURE__ */ e(M, { remainingPercentage: g })
-  ] }) }) });
-};
-export {
-  W as default
-};

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

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

package/dist/components/molecules/breadcrumbs/Breadcrumbs.js

@@ -1,31 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { getClassName as u } from "../../../utils/get-class-name.js";
-import './Breadcrumbs.css';/* empty css                */
-import b from "./BreadcrumbList.js";
-const p = ({
-  items: r,
-  className: e,
-  id: m,
-  style: s,
-  tabIndex: l,
-  title: t,
-  ...c
-}) => {
-  const o = u(["cl-breadcrumbs", e]);
-  return !r || r.length === 0 ? null : /* @__PURE__ */ a(
-    "nav",
-    {
-      "aria-label": "Breadcrumb",
-      className: o,
-      id: m,
-      style: s,
-      tabIndex: l,
-      title: t,
-      ...c,
-      children: /* @__PURE__ */ a(b, { items: r })
-    }
-  );
-};
-export {
-  p as default
-};

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

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

package/dist/components/molecules/checkbox/Checkbox.js

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

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

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

package/dist/components/molecules/numeric-input/NumericInput.js

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

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

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

package/dist/components/molecules/search/Search.js

@@ -1,112 +0,0 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { getClassName as W } from "../../../utils/get-class-name.js";
-import { useRef as $ } from "react";
-import './Search.css';/* empty css           */
-import { useSearchController as z } from "./Search.controller.js";
-import { useElementIds as A } from "../../../hooks/use-element-ids/use-element-ids.js";
-import G from "../../atoms/label/Label.js";
-import { IconName as r } from "../../../enums/icon-name.js";
-import H from "../../atoms/input/Input.js";
-import u from "../../atoms/button/Button.js";
-import { ButtonView as f } from "../../../enums/button-view.js";
-const oe = ({
-  label: i,
-  onSearch: h,
-  onBlur: p,
-  onFocus: d,
-  onClear: C,
-  id: I,
-  tabIndex: S,
-  className: V,
-  maxLength: n = 50,
-  minLength: t = 1,
-  searchMode: b = "automatic",
-  name: v = "q",
-  placeholder: w = "Type to search...",
-  disabled: a = !1,
-  clearable: y = !0,
-  spellCheck: B = !1,
-  autoComplete: k = "off",
-  debounceDelay: D = 500,
-  required: l,
-  ...N
-}) => {
-  const { elementId: s } = A(I), o = $(null), j = W(["cl-search", V]), {
-    searchValue: x,
-    isSearchButtonVisible: K,
-    isLabelIconVisible: c,
-    isClearButtonVisible: P,
-    isSearchValueValid: R,
-    handleChange: g,
-    handleClear: q,
-    handleSearchClick: E,
-    handleKeyDown: F
-  } = z({
-    onSearch: h,
-    onClear: C,
-    maxLength: n,
-    minLength: t,
-    searchMode: b,
-    debounceDelay: D
-  }), T = () => {
-    q(), o.current && o.current.focus();
-  };
-  return /* @__PURE__ */ m("div", { ...N, className: j, children: [
-    /* @__PURE__ */ e(
-      G,
-      {
-        label: i,
-        required: !!l,
-        inputId: s,
-        icon: c ? r.Search : void 0,
-        iconPosition: c ? "left" : void 0
-      }
-    ),
-    /* @__PURE__ */ e(
-      H,
-      {
-        ref: o,
-        id: s,
-        name: v,
-        type: "search",
-        value: x,
-        onChange: g,
-        onKeyDown: F,
-        onBlur: p,
-        onFocus: d,
-        disabled: a,
-        placeholder: w,
-        autoComplete: k,
-        maxLength: n,
-        minLength: t,
-        spellCheck: B,
-        tabIndex: S,
-        required: l,
-        children: /* @__PURE__ */ m("span", { children: [
-          y && P && /* @__PURE__ */ e(
-            u,
-            {
-              view: f.Inner,
-              onClick: T,
-              label: `Clear search input for ${i}`,
-              icon: r.Delete
-            }
-          ),
-          K && /* @__PURE__ */ e(
-            u,
-            {
-              view: f.Inner,
-              onClick: E,
-              label: "Perform search",
-              icon: r.Search,
-              disabled: a || !R
-            }
-          )
-        ] })
-      }
-    )
-  ] });
-};
-export {
-  oe as default
-};

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

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

package/dist/components/molecules/select/Select.js

@@ -1,64 +0,0 @@
-import { jsxs as g, jsx as t } from "react/jsx-runtime";
-import { getClassName as y } from "../../../utils/get-class-name.js";
-import { useRef as N } from "react";
-import './Select.css';/* empty css           */
-import { SelectCombobox as j } from "./combobox/Combobox.js";
-import { SelectDropdown as w } from "./dropdown/Dropdown.js";
-import { useSelectController as E } from "./Select.controller.js";
-import { useElementIds as K } from "../../../hooks/use-element-ids/use-element-ids.js";
-import { useClickOutside as O } from "../../../hooks/use-click-outside/use-click-outside.js";
-import { useKeyPress as P } from "../../../hooks/use-key-press/use-key-press.js";
-import v from "../../atoms/label/Label.js";
-const M = ({
-  options: s,
-  onChange: a,
-  name: r,
-  label: i,
-  defaultValue: p,
-  id: f,
-  placeholder: C = "Not selected",
-  required: m = !1,
-  disabled: u = !1,
-  className: b,
-  ...x
-}) => {
-  const e = N(null), { elementId: o, dropdownId: c } = K(f), { handleClear: I, handleClose: l, handleSelect: S, handleToggle: h, selected: n, opened: d } = E({
-    options: s,
-    onChange: a,
-    defaultValue: p,
-    name: r
-  }), k = y(["cl-select", b]);
-  return O({ ref: e, onClickOutsideHandler: l }), P({ keyCode: "Escape", ref: e, onKeyPress: l }), /* @__PURE__ */ g("div", { ref: e, ...x, className: k, children: [
-    /* @__PURE__ */ t(v, { label: i, required: m, inputId: o }),
-    /* @__PURE__ */ t(
-      j,
-      {
-        name: r,
-        opened: d,
-        comboboxId: o,
-        dropdownId: c,
-        onClick: h,
-        selected: n,
-        placeholder: C,
-        disabled: u,
-        required: m
-      }
-    ),
-    /* @__PURE__ */ t(
-      w,
-      {
-        options: s,
-        selected: n,
-        opened: d,
-        onClose: l,
-        dropdownId: c,
-        comboboxId: o,
-        onSelect: S,
-        onClear: I
-      }
-    )
-  ] });
-};
-export {
-  M as default
-};

package/dist/components/molecules/select/combobox/Combobox.js

@@ -1,46 +0,0 @@
-import { jsxs as b, jsx as e } from "react/jsx-runtime";
-import { getClassName as p } from "../../../../utils/get-class-name.js";
-import './Combobox.css';/* empty css             */
-import x from "../../../atoms/icon/Icon.js";
-import { ElementSize as d } from "../../../../enums/element-size.js";
-import { IconName as u } from "../../../../enums/icon-name.js";
-const j = ({
-  opened: r,
-  onClick: a,
-  comboboxId: l,
-  dropdownId: m,
-  selected: o,
-  name: c,
-  placeholder: i,
-  disabled: n,
-  required: t
-}) => {
-  const s = p([
-    "cl-select-combobox__icon",
-    { "cl-select-combobox__icon_opened": r }
-  ]);
-  return /* @__PURE__ */ b(
-    "button",
-    {
-      type: "button",
-      name: c,
-      value: o?.id,
-      role: "combobox",
-      "aria-haspopup": "listbox",
-      "aria-expanded": r,
-      "aria-controls": m,
-      id: l,
-      onClick: a,
-      disabled: n,
-      "aria-required": t,
-      className: "cl-select-combobox",
-      children: [
-        o?.label ? /* @__PURE__ */ e("span", { children: o?.label }) : /* @__PURE__ */ e("span", { children: i }),
-        /* @__PURE__ */ e(x, { name: u.ChevronDown, className: s, size: d.Small })
-      ]
-    }
-  );
-};
-export {
-  j as SelectCombobox
-};

package/dist/components/molecules/select/combobox/index.js

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

package/dist/components/molecules/select/dropdown/Dropdown.js

@@ -1,46 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { getClassName as a } from "../../../../utils/get-class-name.js";
-import { handleDropdownListKeyPress as w } from "../../../../utils/handle-dropdown-list-key-press.js";
-import { moveFocusOnElementById as f } from "../../../../utils/move-focus-on-element-by-id.js";
-import './Dropdown.css';/* empty css             */
-import { SelectOption as u } from "../option/Option.js";
-const b = ({
-  options: e,
-  opened: d,
-  onClose: r,
-  onSelect: l,
-  dropdownId: n,
-  comboboxId: s,
-  selected: c,
-  onClear: p
-}) => {
-  const m = (o) => {
-    l(o), r(), f(s);
-  }, i = a([
-    "cl-select-dropdown",
-    { "cl-select-dropdown_opened": d }
-  ]);
-  return /* @__PURE__ */ t(
-    "ul",
-    {
-      role: "listbox",
-      id: n,
-      tabIndex: -1,
-      onKeyDown: (o) => w({ e: o, options: e, onClose: r }),
-      className: i,
-      children: e.map((o) => /* @__PURE__ */ t(
-        u,
-        {
-          value: o,
-          onSelect: () => m(o.id),
-          onClear: p,
-          selected: o.id === c?.id
-        },
-        o.id
-      ))
-    }
-  );
-};
-export {
-  b as SelectDropdown
-};

package/dist/components/molecules/select/dropdown/index.js

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

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

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

package/dist/components/molecules/select/option/Option.js

@@ -1,38 +0,0 @@
-import { jsxs as p, jsx as l } from "react/jsx-runtime";
-import { getClassName as f } from "../../../../utils/get-class-name.js";
-import './Option.css';/* empty css           */
-import h from "../../../atoms/icon/Icon.js";
-import { ElementSize as d } from "../../../../enums/element-size.js";
-import { IconName as S } from "../../../../enums/icon-name.js";
-const I = ({ value: c, selected: e, onSelect: i, onClear: r }) => {
-  const { id: o, label: s } = c, m = f(["cl-select-option", { "cl-select-option_selected": e }]), t = (n) => {
-    e ? r() : i(n);
-  };
-  return /* @__PURE__ */ p(
-    "li",
-    {
-      id: o,
-      role: "option",
-      "aria-selected": e,
-      tabIndex: 0,
-      onKeyDown: ((n) => (a) => {
-        switch (a.key) {
-          case " ":
-          case "SpaceBar":
-          case "Enter":
-            a.preventDefault(), t(n);
-            break;
-        }
-      })(o),
-      onClick: () => t(o),
-      className: m,
-      children: [
-        /* @__PURE__ */ l("span", { children: s }),
-        e && /* @__PURE__ */ l(h, { name: S.Check, size: d.Small })
-      ]
-    }
-  );
-};
-export {
-  I as SelectOption
-};

package/dist/components/molecules/select/option/index.js

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