inconel 0.1.11 → 0.1.13

package/dist/components/Button/Button.js

@@ -1,5 +1,5 @@
-import { jsx as e, jsxs as T } from "react/jsx-runtime";
-import { useMemo as g, useEffect as B } from "react";
+import { jsx as e, jsxs as I } from "react/jsx-runtime";
+import { useMemo as T, useEffect as B } from "react";
 import { classNames as N } from "../shared/classNames.js";
 /* empty css                  */
 import { BUTTON_TYPE_CLASS_NAMES as Y } from "./constants.js";
@@ -7,36 +7,36 @@ import { BUTTON_TYPE_CLASS_NAMES as Y } from "./constants.js";
 import { createDebouncedCallback as $ } from "./utils.js";
 import z from "../Svg/Svg.js";
 function J({
-  loading: t = !1,
+  loading: n = !1,
   fullWidth: y = !1,
   variant: M = "primary",
   label: S,
   buttonType: v,
-  icon: n,
+  icon: t,
   iconClassName: x,
   iconWidth: o,
   iconHeight: l,
   iconRight: i = !1,
   render: k = !0,
-  debounceTime: u,
+  debounceTime: m,
   isActive: r,
-  onClick: m,
+  onClick: d,
   disabled: s,
   className: w,
   children: A,
   size: E = "md",
-  pill: j = !1,
-  count: d,
+  pill: g = !1,
+  count: p,
   progress: f,
-  progressColor: C,
-  ...p
+  progressColor: j,
+  ...b
 }) {
-  const I = v ?? M, a = g(
-    () => $(m, u ?? 0),
-    [m, u]
+  const C = v ?? M, a = T(
+    () => $(d, m ?? 0),
+    [d, m]
   );
   if (B(() => () => a.cancel(), [a]), !k) return null;
-  const b = S ?? A, _ = typeof f == "number" ? Math.max(0, Math.min(100, f)) : null, h = typeof n == "string" && n ? /* @__PURE__ */ e(
+  const _ = S ?? A, c = typeof f == "number" ? Math.max(0, Math.min(100, f)) : null, h = typeof t == "string" && t ? /* @__PURE__ */ e(
     "span",
     {
       className: N(
@@ -49,51 +49,52 @@ function J({
       children: /* @__PURE__ */ e(
         z,
         {
-          src: n,
+          src: t,
           renumerateIRIElements: !1,
           loading: () => null,
           fallback: () => null,
-          beforeInjection: (c) => {
-            o && c.setAttribute("width", String(o)), l && c.setAttribute("height", String(l)), c.setAttribute("preserveAspectRatio", "xMidYMid meet");
+          beforeInjection: (u) => {
+            o && u.setAttribute("width", String(o)), l && u.setAttribute("height", String(l)), u.setAttribute("preserveAspectRatio", "xMidYMid meet");
           }
         }
       )
     }
   ) : null;
-  return /* @__PURE__ */ T(
+  return /* @__PURE__ */ I(
     "button",
     {
-      ...p,
-      disabled: s || t,
-      "aria-pressed": typeof r == "boolean" ? r : p["aria-pressed"],
-      onClick: s || t ? void 0 : a,
+      ...b,
+      disabled: s || n,
+      "aria-pressed": typeof r == "boolean" ? r : b["aria-pressed"],
+      onClick: s || n ? void 0 : a,
       className: N(
         "inconel-button",
         `inconel-size-${E}`,
-        Y[I],
+        Y[C],
         y && "inconel-button--full-width",
-        j && "inconel-button--pill",
-        t && "inconel-is-loading",
+        c !== null && "inconel-button--has-progress",
+        g && "inconel-button--pill",
+        n && "inconel-is-loading",
         s && "inconel-is-disabled",
         r && "inconel-is-active",
         w
       ),
       children: [
-        _ !== null && /* @__PURE__ */ e(
+        c !== null && /* @__PURE__ */ e(
           "span",
           {
             className: "inconel-button__progress",
             style: {
-              width: `${_}%`,
-              background: C ?? void 0
+              width: `${c}%`,
+              background: j ?? void 0
             }
           }
         ),
-        t && /* @__PURE__ */ e("span", { className: "inconel-button__spinner", "aria-hidden": "true" }),
+        n && /* @__PURE__ */ e("span", { className: "inconel-button__spinner", "aria-hidden": "true" }),
         !i && h,
-        b !== void 0 && /* @__PURE__ */ e("span", { className: "inconel-button__title", children: b }),
+        _ !== void 0 && /* @__PURE__ */ e("span", { className: "inconel-button__title", children: _ }),
         i && h,
-        d != null && /* @__PURE__ */ e("span", { className: "inconel-button__count", children: d })
+        p != null && /* @__PURE__ */ e("span", { className: "inconel-button__count", children: p })
       ]
     }
   );

package/dist/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  type ButtonHTMLAttributes,\n  type ReactNode,\n} from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport { Svg } from '../Svg'\nimport {\n  BUTTON_TYPE_CLASS_NAMES,\n  type ButtonType,\n} from './constants'\nimport './styles.css'\nimport { createDebouncedCallback } from './utils'\n\nexport interface ButtonProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  label?: ReactNode\n  buttonType?: ButtonType\n  icon?: string | null\n  iconClassName?: string\n  iconWidth?: number | null\n  iconHeight?: number | null\n  iconRight?: boolean\n  render?: boolean\n  debounceTime?: number | null\n  isActive?: boolean | null\n  onChange?: ButtonHTMLAttributes<HTMLButtonElement>['onChange']\n  loading?: boolean\n  fullWidth?: boolean\n  variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'warning' | 'dark'\n  size?: ControlSize\n  pill?: boolean\n  count?: ReactNode\n  progress?: number | null\n  progressColor?: string | null\n}\n\nexport function Button({\n  loading = false,\n  fullWidth = false,\n  variant = 'primary',\n  label,\n  buttonType,\n  icon,\n  iconClassName,\n  iconWidth,\n  iconHeight,\n  iconRight = false,\n  render = true,\n  debounceTime,\n  isActive,\n  onClick,\n  disabled,\n  className,\n  children,\n  size = 'md',\n  pill = false,\n  count,\n  progress,\n  progressColor,\n  ...props\n}: ButtonProps) {\n  const resolvedType = buttonType ?? variant\n  const debouncedClick = useMemo(\n    () => createDebouncedCallback(onClick, debounceTime ?? 0),\n    [onClick, debounceTime],\n  )\n\n  useEffect(() => () => debouncedClick.cancel(), [debouncedClick])\n\n  if (!render) return null\n\n  const content = label ?? children\n  const progressWidth =\n    typeof progress === 'number' ? Math.max(0, Math.min(100, progress)) : null\n  const iconNode = typeof icon === 'string' && icon ? (\n    <span\n      className={classNames(\n        'inconel-button__icon',\n        iconRight\n          ? 'inconel-button__icon--right'\n          : 'inconel-button__icon--left',\n        iconClassName,\n      )}\n      style={{ width: iconWidth ?? undefined, height: iconHeight ?? undefined }}\n      aria-hidden=\"true\"\n    >\n      <Svg\n        src={icon}\n        renumerateIRIElements={false}\n        loading={() => null}\n        fallback={() => null}\n        beforeInjection={(svg) => {\n          if (iconWidth) svg.setAttribute('width', String(iconWidth))\n          if (iconHeight) svg.setAttribute('height', String(iconHeight))\n          svg.setAttribute('preserveAspectRatio', 'xMidYMid meet')\n        }}\n      />\n    </span>\n  ) : null\n\n  return (\n    <button\n      {...props}\n      disabled={disabled || loading}\n      aria-pressed={\n        typeof isActive === 'boolean' ? isActive : props['aria-pressed']\n      }\n      onClick={disabled || loading ? undefined : debouncedClick}\n      className={classNames(\n        'inconel-button',\n        `inconel-size-${size}`,\n        BUTTON_TYPE_CLASS_NAMES[resolvedType],\n        fullWidth && 'inconel-button--full-width',\n        pill && 'inconel-button--pill',\n        loading && 'inconel-is-loading',\n        disabled && 'inconel-is-disabled',\n        isActive && 'inconel-is-active',\n        className,\n      )}\n    >\n      {progressWidth !== null && (\n        <span\n          className=\"inconel-button__progress\"\n          style={{\n            width: `${progressWidth}%`,\n            background: progressColor ?? undefined,\n          }}\n        />\n      )}\n      {loading && <span className=\"inconel-button__spinner\" aria-hidden=\"true\" />}\n      {!iconRight && iconNode}\n      {content !== undefined && (\n        <span className=\"inconel-button__title\">{content}</span>\n      )}\n      {iconRight && iconNode}\n      {count != null && <span className=\"inconel-button__count\">{count}</span>}\n    </button>\n  )\n}\n"],"names":["Button","loading","fullWidth","variant","label","buttonType","icon","iconClassName","iconWidth","iconHeight","iconRight","render","debounceTime","isActive","onClick","disabled","className","children","size","pill","count","progress","progressColor","props","resolvedType","debouncedClick","useMemo","createDebouncedCallback","useEffect","content","progressWidth","iconNode","jsx","classNames","Svg","svg","jsxs","BUTTON_TYPE_CLASS_NAMES"],"mappings":";;;;;;;;AAyCO,SAASA,EAAO;AAAA,EACrB,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AACd,QAAMC,IAAenB,KAAcF,GAC7BsB,IAAiBC;AAAA,IACrB,MAAMC,EAAwBb,GAASF,KAAgB,CAAC;AAAA,IACxD,CAACE,GAASF,CAAY;AAAA,EAAA;AAKxB,MAFAgB,EAAU,MAAM,MAAMH,EAAe,UAAU,CAACA,CAAc,CAAC,GAE3D,CAACd,EAAQ,QAAO;AAEpB,QAAMkB,IAAUzB,KAASa,GACnBa,IACJ,OAAOT,KAAa,WAAW,KAAK,IAAI,GAAG,KAAK,IAAI,KAAKA,CAAQ,CAAC,IAAI,MAClEU,IAAW,OAAOzB,KAAS,YAAYA,IAC3C,gBAAA0B;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAvB,IACI,gCACA;AAAA,QACJH;AAAA,MAAA;AAAA,MAEF,OAAO,EAAE,OAAOC,KAAa,QAAW,QAAQC,KAAc,OAAA;AAAA,MAC9D,eAAY;AAAA,MAEZ,UAAA,gBAAAuB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,KAAK5B;AAAA,UACL,uBAAuB;AAAA,UACvB,SAAS,MAAM;AAAA,UACf,UAAU,MAAM;AAAA,UAChB,iBAAiB,CAAC6B,MAAQ;AACxB,YAAI3B,KAAW2B,EAAI,aAAa,SAAS,OAAO3B,CAAS,CAAC,GACtDC,KAAY0B,EAAI,aAAa,UAAU,OAAO1B,CAAU,CAAC,GAC7D0B,EAAI,aAAa,uBAAuB,eAAe;AAAA,UACzD;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,IAEA;AAEJ,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGb;AAAA,MACJ,UAAUR,KAAYd;AAAA,MACtB,gBACE,OAAOY,KAAa,YAAYA,IAAWU,EAAM,cAAc;AAAA,MAEjE,SAASR,KAAYd,IAAU,SAAYwB;AAAA,MAC3C,WAAWQ;AAAA,QACT;AAAA,QACA,gBAAgBf,CAAI;AAAA,QACpBmB,EAAwBb,CAAY;AAAA,QACpCtB,KAAa;AAAA,QACbiB,KAAQ;AAAA,QACRlB,KAAW;AAAA,QACXc,KAAY;AAAA,QACZF,KAAY;AAAA,QACZG;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAAc,MAAkB,QACjB,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,OAAO,GAAGF,CAAa;AAAA,cACvB,YAAYR,KAAiB;AAAA,YAAA;AAAA,UAC/B;AAAA,QAAA;AAAA,QAGHrB,KAAW,gBAAA+B,EAAC,QAAA,EAAK,WAAU,2BAA0B,eAAY,QAAO;AAAA,QACxE,CAACtB,KAAaqB;AAAA,QACdF,MAAY,UACX,gBAAAG,EAAC,QAAA,EAAK,WAAU,yBAAyB,UAAAH,GAAQ;AAAA,QAElDnB,KAAaqB;AAAA,QACbX,KAAS,QAAQ,gBAAAY,EAAC,QAAA,EAAK,WAAU,yBAAyB,UAAAZ,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvE;"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  type ButtonHTMLAttributes,\n  type ReactNode,\n} from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport { Svg } from '../Svg'\nimport {\n  BUTTON_TYPE_CLASS_NAMES,\n  type ButtonType,\n} from './constants'\nimport './styles.css'\nimport { createDebouncedCallback } from './utils'\n\nexport interface ButtonProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  label?: ReactNode\n  buttonType?: ButtonType\n  icon?: string | null\n  iconClassName?: string\n  iconWidth?: number | null\n  iconHeight?: number | null\n  iconRight?: boolean\n  render?: boolean\n  debounceTime?: number | null\n  isActive?: boolean | null\n  onChange?: ButtonHTMLAttributes<HTMLButtonElement>['onChange']\n  loading?: boolean\n  fullWidth?: boolean\n  variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'warning' | 'dark'\n  size?: ControlSize\n  pill?: boolean\n  count?: ReactNode\n  progress?: number | null\n  progressColor?: string | null\n}\n\nexport function Button({\n  loading = false,\n  fullWidth = false,\n  variant = 'primary',\n  label,\n  buttonType,\n  icon,\n  iconClassName,\n  iconWidth,\n  iconHeight,\n  iconRight = false,\n  render = true,\n  debounceTime,\n  isActive,\n  onClick,\n  disabled,\n  className,\n  children,\n  size = 'md',\n  pill = false,\n  count,\n  progress,\n  progressColor,\n  ...props\n}: ButtonProps) {\n  const resolvedType = buttonType ?? variant\n  const debouncedClick = useMemo(\n    () => createDebouncedCallback(onClick, debounceTime ?? 0),\n    [onClick, debounceTime],\n  )\n\n  useEffect(() => () => debouncedClick.cancel(), [debouncedClick])\n\n  if (!render) return null\n\n  const content = label ?? children\n  const progressWidth =\n    typeof progress === 'number' ? Math.max(0, Math.min(100, progress)) : null\n  const iconNode = typeof icon === 'string' && icon ? (\n    <span\n      className={classNames(\n        'inconel-button__icon',\n        iconRight\n          ? 'inconel-button__icon--right'\n          : 'inconel-button__icon--left',\n        iconClassName,\n      )}\n      style={{ width: iconWidth ?? undefined, height: iconHeight ?? undefined }}\n      aria-hidden=\"true\"\n    >\n      <Svg\n        src={icon}\n        renumerateIRIElements={false}\n        loading={() => null}\n        fallback={() => null}\n        beforeInjection={(svg) => {\n          if (iconWidth) svg.setAttribute('width', String(iconWidth))\n          if (iconHeight) svg.setAttribute('height', String(iconHeight))\n          svg.setAttribute('preserveAspectRatio', 'xMidYMid meet')\n        }}\n      />\n    </span>\n  ) : null\n\n  return (\n    <button\n      {...props}\n      disabled={disabled || loading}\n      aria-pressed={\n        typeof isActive === 'boolean' ? isActive : props['aria-pressed']\n      }\n      onClick={disabled || loading ? undefined : debouncedClick}\n      className={classNames(\n        'inconel-button',\n        `inconel-size-${size}`,\n        BUTTON_TYPE_CLASS_NAMES[resolvedType],\n        fullWidth && 'inconel-button--full-width',\n        progressWidth !== null && 'inconel-button--has-progress',\n        pill && 'inconel-button--pill',\n        loading && 'inconel-is-loading',\n        disabled && 'inconel-is-disabled',\n        isActive && 'inconel-is-active',\n        className,\n      )}\n    >\n      {progressWidth !== null && (\n        <span\n          className=\"inconel-button__progress\"\n          style={{\n            width: `${progressWidth}%`,\n            background: progressColor ?? undefined,\n          }}\n        />\n      )}\n      {loading && <span className=\"inconel-button__spinner\" aria-hidden=\"true\" />}\n      {!iconRight && iconNode}\n      {content !== undefined && (\n        <span className=\"inconel-button__title\">{content}</span>\n      )}\n      {iconRight && iconNode}\n      {count != null && <span className=\"inconel-button__count\">{count}</span>}\n    </button>\n  )\n}\n"],"names":["Button","loading","fullWidth","variant","label","buttonType","icon","iconClassName","iconWidth","iconHeight","iconRight","render","debounceTime","isActive","onClick","disabled","className","children","size","pill","count","progress","progressColor","props","resolvedType","debouncedClick","useMemo","createDebouncedCallback","useEffect","content","progressWidth","iconNode","jsx","classNames","Svg","svg","jsxs","BUTTON_TYPE_CLASS_NAMES"],"mappings":"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"}

package/dist/components/DropDownBox/DropDownBox.d.ts

@@ -0,0 +1,40 @@
+import { CSSProperties, ReactNode } from 'react';
+import { ButtonProps } from '../Button';
+export interface DropDownBoxStyle extends CSSProperties {
+    arrowAlign?: 'left' | 'right';
+    arrowPosition?: number;
+    menuPosition?: 'left' | 'right';
+    rightTolerance?: number;
+    leftTolerance?: number;
+    topTolerance?: number;
+}
+export interface DropDownBoxProps {
+    downIconJsx?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    buttonClassName?: string;
+    onWindowOpen?: (open: boolean) => void;
+    onWindowClose?: () => void;
+    buttonClose?: boolean;
+    closeIcon?: string | null;
+    icon?: string | null;
+    downIcon?: string | null;
+    iconWidth?: number;
+    iconHeight?: number;
+    showDownIcon?: boolean;
+    style?: DropDownBoxStyle;
+    portalId?: string;
+    isActive?: boolean;
+    buttonClasses?: string;
+    trigger?: ReactNode;
+    filterButtonType?: ButtonProps['variant'];
+    label?: ReactNode;
+    footerJSX?: ReactNode;
+    windowTrigger?: number;
+    disabled?: boolean;
+    blockWindowClose?: boolean;
+    notificationCount?: number | null;
+    closeOnAction?: boolean;
+}
+export declare function DropDownBox({ downIconJsx, children, className, buttonClassName, onWindowOpen, onWindowClose, buttonClose, closeIcon, icon, downIcon, iconWidth, iconHeight, showDownIcon, style, portalId, isActive, buttonClasses, trigger, filterButtonType, label, footerJSX, windowTrigger, disabled, blockWindowClose, notificationCount, closeOnAction, }: DropDownBoxProps): import("react").JSX.Element;
+//# sourceMappingURL=DropDownBox.d.ts.map

package/dist/components/DropDownBox/DropDownBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDownBox.d.ts","sourceRoot":"","sources":["../../../src/components/DropDownBox/DropDownBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,aAAa,EAElB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAGd,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAA;AAGpD,OAAO,cAAc,CAAA;AAErB,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,gBAAgB,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IACzC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,QAAQ,EACR,SAAS,EACT,eAAe,EACf,YAAY,EACZ,aAAwB,EACxB,WAAmB,EACnB,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,SAAc,EACd,UAAe,EACf,YAAoB,EACpB,KAAiE,EACjE,QAAQ,EACR,QAAgB,EAChB,aAAa,EACb,OAAO,EACP,gBAA0B,EAC1B,KAAK,EACL,SAAS,EACT,aAAiB,EACjB,QAAgB,EAChB,gBAAwB,EACxB,iBAAiB,EACjB,aAAqB,GACtB,EAAE,gBAAgB,+BAkMlB"}

package/dist/components/DropDownBox/DropDownBox.js

@@ -0,0 +1,157 @@
+import { jsx as o, jsxs as g } from "react/jsx-runtime";
+import { useState as A, useRef as x, useMemo as te, useEffect as w } from "react";
+import { createPortal as re } from "react-dom";
+import { classNames as B } from "../shared/classNames.js";
+/* empty css           */
+import { Button as j } from "../Button/Button.js";
+import ie from "../Svg/Svg.js";
+function ue({
+  downIconJsx: _,
+  children: K,
+  className: b,
+  buttonClassName: L,
+  onWindowOpen: s,
+  onWindowClose: v = () => {
+  },
+  buttonClose: M = !1,
+  closeIcon: N,
+  icon: H,
+  downIcon: P,
+  iconWidth: T = 20,
+  iconHeight: Y = 20,
+  showDownIcon: q = !1,
+  style: e = { minWidth: 200, arrowAlign: "right", arrowPosition: 10 },
+  portalId: f,
+  isActive: z = !1,
+  buttonClasses: F,
+  trigger: E,
+  filterButtonType: k = "ghost",
+  label: G,
+  footerJSX: y,
+  windowTrigger: C = 0,
+  disabled: O = !1,
+  blockWindowClose: u = !1,
+  notificationCount: D,
+  closeOnAction: Q = !1
+}) {
+  const [l, c] = A(!1), [U, V] = A({
+    minWidth: e.minWidth
+  }), R = x(null), a = x(null), p = x(u), S = te(() => typeof document > "u" ? null : f && document.getElementById(f) || document.body, [f]), $ = (n) => {
+    if (p.current) return;
+    const r = typeof n.composedPath == "function" ? n.composedPath() : [], i = R.current, d = a.current;
+    i && r.includes(i) || d && r.includes(d) || (c(!1), s?.(!1), v());
+  }, W = () => {
+    Q && setTimeout(() => {
+      p.current || (c(!1), s?.(!1), v());
+    }, 0);
+  }, h = () => {
+    const n = !l;
+    if (c(n), s?.(n), !a.current) return;
+    const r = a.current.getBoundingClientRect(), i = r.left + window.scrollX, d = r.top + window.scrollY, ee = e.topTolerance ?? 0, ne = e.rightTolerance ?? 0, oe = e.leftTolerance ?? 0, m = {
+      minWidth: e.minWidth,
+      top: `${d + r.height + ee}px`
+    };
+    e.menuPosition === "right" ? m.left = `${i - ne}px` : e.menuPosition === "left" ? m.left = `${i + oe}px` : m.left = `${i - T / 2}px`, V(m);
+  };
+  w(() => {
+    if (l)
+      return document.addEventListener("mousedown", $), () => document.removeEventListener("mousedown", $);
+  }, [l]), w(() => {
+    p.current = u;
+  }, [u]), w(() => {
+    C && c(!1);
+  }, [C]);
+  const X = (n) => {
+    (n.key === "Enter" || n.key === " ") && (n.preventDefault(), h());
+  }, { arrowAlign: Z, arrowPosition: J } = e, t = { ...e };
+  delete t.arrowAlign, delete t.arrowPosition, delete t.menuPosition, delete t.rightTolerance, delete t.leftTolerance, delete t.topTolerance;
+  const I = l && S ? re(
+    /* @__PURE__ */ o("div", { ref: R, className: b, children: /* @__PURE__ */ g(
+      "div",
+      {
+        style: { ...U, ...t },
+        className: "inconel-dropdown-box__content",
+        children: [
+          /* @__PURE__ */ o(
+            "span",
+            {
+              style: { [Z ?? "right"]: J },
+              className: "inconel-dropdown-box__arrow"
+            }
+          ),
+          M && /* @__PURE__ */ o(
+            j,
+            {
+              className: "inconel-dropdown-box__remove",
+              icon: N,
+              iconWidth: 9,
+              iconHeight: 9,
+              variant: k,
+              onClick: () => {
+                c(!1), s?.(!1);
+              },
+              children: !N && "×"
+            }
+          ),
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: "inconel-dropdown-box__body",
+              onClick: W,
+              children: K
+            }
+          ),
+          y && /* @__PURE__ */ o("div", { className: "inconel-dropdown-box__footer", children: y })
+        ]
+      }
+    ) }),
+    S
+  ) : null;
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      ref: a,
+      className: B("inconel-dropdown-box", b),
+      children: [
+        E ? /* @__PURE__ */ o(
+          "div",
+          {
+            role: "button",
+            tabIndex: 0,
+            onClick: h,
+            onKeyDown: X,
+            children: E
+          }
+        ) : /* @__PURE__ */ g("div", { className: "inconel-dropdown-box__trigger", children: [
+          D != null && /* @__PURE__ */ o("span", { className: "inconel-dropdown-box__notification", children: D }),
+          /* @__PURE__ */ o(
+            j,
+            {
+              label: G,
+              className: B(
+                "inconel-dropdown-box__button",
+                l && "inconel-is-open",
+                z && "inconel-is-selected",
+                F,
+                L
+              ),
+              icon: H,
+              iconWidth: T,
+              iconHeight: Y,
+              variant: k,
+              onClick: h,
+              disabled: O
+            }
+          ),
+          !_ && q && P && /* @__PURE__ */ o(ie, { src: P, className: "inconel-dropdown-box__down-icon" }),
+          _
+        ] }),
+        I
+      ]
+    }
+  );
+}
+export {
+  ue as DropDownBox
+};
+//# sourceMappingURL=DropDownBox.js.map

package/dist/components/DropDownBox/DropDownBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDownBox.js","sources":["../../../src/components/DropDownBox/DropDownBox.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { Button, type ButtonProps } from '../Button'\nimport { classNames } from '../shared/classNames'\nimport { Svg } from '../Svg'\nimport './styles.css'\n\nexport interface DropDownBoxStyle extends CSSProperties {\n  arrowAlign?: 'left' | 'right'\n  arrowPosition?: number\n  menuPosition?: 'left' | 'right'\n  rightTolerance?: number\n  leftTolerance?: number\n  topTolerance?: number\n}\n\nexport interface DropDownBoxProps {\n  downIconJsx?: ReactNode\n  children?: ReactNode\n  className?: string\n  buttonClassName?: string\n  onWindowOpen?: (open: boolean) => void\n  onWindowClose?: () => void\n  buttonClose?: boolean\n  closeIcon?: string | null\n  icon?: string | null\n  downIcon?: string | null\n  iconWidth?: number\n  iconHeight?: number\n  showDownIcon?: boolean\n  style?: DropDownBoxStyle\n  portalId?: string\n  isActive?: boolean\n  buttonClasses?: string\n  trigger?: ReactNode\n  filterButtonType?: ButtonProps['variant']\n  label?: ReactNode\n  footerJSX?: ReactNode\n  windowTrigger?: number\n  disabled?: boolean\n  blockWindowClose?: boolean\n  notificationCount?: number | null\n  closeOnAction?: boolean\n}\n\nexport function DropDownBox({\n  downIconJsx,\n  children,\n  className,\n  buttonClassName,\n  onWindowOpen,\n  onWindowClose = () => {},\n  buttonClose = false,\n  closeIcon,\n  icon,\n  downIcon,\n  iconWidth = 20,\n  iconHeight = 20,\n  showDownIcon = false,\n  style = { minWidth: 200, arrowAlign: 'right', arrowPosition: 10 },\n  portalId,\n  isActive = false,\n  buttonClasses,\n  trigger,\n  filterButtonType = 'ghost',\n  label,\n  footerJSX,\n  windowTrigger = 0,\n  disabled = false,\n  blockWindowClose = false,\n  notificationCount,\n  closeOnAction = false,\n}: DropDownBoxProps) {\n  const [menuOpen, setMenuOpen] = useState(false)\n  const [positionStyle, setPositionStyle] = useState<CSSProperties>({\n    minWidth: style.minWidth,\n  })\n  const menuElementRef = useRef<HTMLDivElement>(null)\n  const triggerElementRef = useRef<HTMLDivElement>(null)\n  const blockWindowCloseRef = useRef(blockWindowClose)\n\n  const portalTarget = useMemo(() => {\n    if (typeof document === 'undefined') return null\n    return (portalId && document.getElementById(portalId)) || document.body\n  }, [portalId])\n\n  const handleClickClose = (event: MouseEvent) => {\n    if (blockWindowCloseRef.current) return\n\n    const path =\n      typeof event.composedPath === 'function' ? event.composedPath() : []\n    const menuElement = menuElementRef.current\n    const triggerElement = triggerElementRef.current\n\n    if (\n      (menuElement && path.includes(menuElement)) ||\n      (triggerElement && path.includes(triggerElement))\n    ) {\n      return\n    }\n\n    setMenuOpen(false)\n    onWindowOpen?.(false)\n    onWindowClose()\n  }\n\n  const handleContentClick = () => {\n    if (!closeOnAction) return\n\n    setTimeout(() => {\n      if (blockWindowCloseRef.current) return\n      setMenuOpen(false)\n      onWindowOpen?.(false)\n      onWindowClose()\n    }, 0)\n  }\n\n  const handleClickOpen = () => {\n    const next = !menuOpen\n    setMenuOpen(next)\n    onWindowOpen?.(next)\n\n    if (!triggerElementRef.current) return\n\n    const rect = triggerElementRef.current.getBoundingClientRect()\n    const x = rect.left + window.scrollX\n    const y = rect.top + window.scrollY\n    const topTolerance = style.topTolerance ?? 0\n    const rightTolerance = style.rightTolerance ?? 0\n    const leftTolerance = style.leftTolerance ?? 0\n\n    const nextStyle: CSSProperties = {\n      minWidth: style.minWidth,\n      top: `${y + rect.height + topTolerance}px`,\n    }\n\n    if (style.menuPosition === 'right') {\n      nextStyle.left = `${x - rightTolerance}px`\n    } else if (style.menuPosition === 'left') {\n      nextStyle.left = `${x + leftTolerance}px`\n    } else {\n      nextStyle.left = `${x - iconWidth / 2}px`\n    }\n\n    setPositionStyle(nextStyle)\n  }\n\n  useEffect(() => {\n    if (!menuOpen) return undefined\n    document.addEventListener('mousedown', handleClickClose)\n    return () => document.removeEventListener('mousedown', handleClickClose)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [menuOpen])\n\n  useEffect(() => {\n    blockWindowCloseRef.current = blockWindowClose\n  }, [blockWindowClose])\n\n  useEffect(() => {\n    if (windowTrigger) setMenuOpen(false)\n  }, [windowTrigger])\n\n  const handleTriggerKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      handleClickOpen()\n    }\n  }\n\n  const { arrowAlign, arrowPosition } = style\n  const restStyle: DropDownBoxStyle = { ...style }\n  delete restStyle.arrowAlign\n  delete restStyle.arrowPosition\n  delete restStyle.menuPosition\n  delete restStyle.rightTolerance\n  delete restStyle.leftTolerance\n  delete restStyle.topTolerance\n\n  const menu =\n    menuOpen && portalTarget\n      ? createPortal(\n          <div ref={menuElementRef} className={className}>\n            <div\n              style={{ ...positionStyle, ...restStyle }}\n              className=\"inconel-dropdown-box__content\"\n            >\n              <span\n                style={{ [arrowAlign ?? 'right']: arrowPosition }}\n                className=\"inconel-dropdown-box__arrow\"\n              />\n              {buttonClose && (\n                <Button\n                  className=\"inconel-dropdown-box__remove\"\n                  icon={closeIcon}\n                  iconWidth={9}\n                  iconHeight={9}\n                  variant={filterButtonType}\n                  onClick={() => {\n                    setMenuOpen(false)\n                    onWindowOpen?.(false)\n                  }}\n                >\n                  {!closeIcon && '×'}\n                </Button>\n              )}\n              <div\n                className=\"inconel-dropdown-box__body\"\n                onClick={handleContentClick}\n              >\n                {children}\n              </div>\n              {footerJSX && (\n                <div className=\"inconel-dropdown-box__footer\">{footerJSX}</div>\n              )}\n            </div>\n          </div>,\n          portalTarget,\n        )\n      : null\n\n  return (\n    <div\n      ref={triggerElementRef}\n      className={classNames('inconel-dropdown-box', className)}\n    >\n      {trigger ? (\n        <div\n          role=\"button\"\n          tabIndex={0}\n          onClick={handleClickOpen}\n          onKeyDown={handleTriggerKeyDown}\n        >\n          {trigger}\n        </div>\n      ) : (\n        <div className=\"inconel-dropdown-box__trigger\">\n          {notificationCount != null && (\n            <span className=\"inconel-dropdown-box__notification\">\n              {notificationCount}\n            </span>\n          )}\n          <Button\n            label={label}\n            className={classNames(\n              'inconel-dropdown-box__button',\n              menuOpen && 'inconel-is-open',\n              isActive && 'inconel-is-selected',\n              buttonClasses,\n              buttonClassName,\n            )}\n            icon={icon}\n            iconWidth={iconWidth}\n            iconHeight={iconHeight}\n            variant={filterButtonType}\n            onClick={handleClickOpen}\n            disabled={disabled}\n          />\n          {!downIconJsx && showDownIcon && downIcon && (\n            <Svg src={downIcon} className=\"inconel-dropdown-box__down-icon\" />\n          )}\n          {downIconJsx}\n        </div>\n      )}\n      {menu}\n    </div>\n  )\n}\n"],"names":["DropDownBox","downIconJsx","children","className","buttonClassName","onWindowOpen","onWindowClose","buttonClose","closeIcon","icon","downIcon","iconWidth","iconHeight","showDownIcon","style","portalId","isActive","buttonClasses","trigger","filterButtonType","label","footerJSX","windowTrigger","disabled","blockWindowClose","notificationCount","closeOnAction","menuOpen","setMenuOpen","useState","positionStyle","setPositionStyle","menuElementRef","useRef","triggerElementRef","blockWindowCloseRef","portalTarget","useMemo","handleClickClose","event","path","menuElement","triggerElement","handleContentClick","handleClickOpen","next","rect","x","y","topTolerance","rightTolerance","leftTolerance","nextStyle","useEffect","handleTriggerKeyDown","arrowAlign","arrowPosition","restStyle","menu","createPortal","jsx","jsxs","Button","classNames","Svg"],"mappings":"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"}

package/dist/components/DropDownBox/index.d.ts

@@ -0,0 +1,3 @@
+export { DropDownBox } from './DropDownBox';
+export type { DropDownBoxProps, DropDownBoxStyle } from './DropDownBox';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DropDownBox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropDownBox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA"}

package/dist/components/Input/Input.d.ts

@@ -57,6 +57,7 @@ export interface InputProps extends NativeInputProps, FieldFeedbackContentProps
     clearButtonLabel?: string;
     readOnlyEmptyValue?: ReactNode;
     size?: ControlSize;
+    variant?: 'outlined' | 'plain';
 }
 declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
 export default Input;

package/dist/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}

package/dist/components/Input/Input.js

@@ -1,12 +1,12 @@
 import { jsxs as b, jsx as t } from "react/jsx-runtime";
-import { forwardRef as Te, useId as we, useState as I, useRef as Ee, useMemo as Fe, useEffect as X } from "react";
-import Me from "../FieldFeedback/FieldFeedback.js";
+import { forwardRef as we, useId as Ee, useState as I, useRef as Fe, useMemo as Me, useEffect as X } from "react";
+import _e from "../FieldFeedback/FieldFeedback.js";
 /* empty css                  */
 /* empty css                           */
 /* empty css                  */
 /* empty css           */
-import { formatInputValue as Z, applyInputMask as k, isFormattedInputType as v, getInputSeparators as _e, validateInputValue as Be, parseInputNumber as Re, isLengthValidatedInputType as $e, roundInputNumber as De } from "./utils.js";
-const Ge = Te(function({
+import { formatInputValue as Z, applyInputMask as k, isFormattedInputType as v, getInputSeparators as Be, validateInputValue as Re, parseInputNumber as $e, isLengthValidatedInputType as De, roundInputNumber as ze } from "./utils.js";
+const He = we(function({
   id: O,
   label: s,
   hint: B,
@@ -46,18 +46,19 @@ const Ge = Te(function({
   clearButtonLabel: Y,
   readOnlyEmptyValue: ce = null,
   size: q = "md",
-  autoComplete: de = "off",
-  "aria-describedby": fe,
-  ...pe
-}, he) {
-  const me = we(), m = O ?? `inconel-input-${me.replace(/:/g, "")}`, y = `${m}-hint`, G = `${m}-error`, H = C !== void 0, [ge, be] = I(x), o = H ? C : ge, [J, E] = I(""), [Ie, Q] = I(!1), [ve, F] = I(null), u = Ee(null), Ve = ue ?? {}, d = W ?? ve, g = (e) => Be(e, {
+  variant: de = "outlined",
+  autoComplete: fe = "off",
+  "aria-describedby": pe,
+  ...he
+}, me) {
+  const ge = Ee(), m = O ?? `inconel-input-${ge.replace(/:/g, "")}`, y = `${m}-hint`, G = `${m}-error`, H = C !== void 0, [be, Ie] = I(x), o = H ? C : be, [J, E] = I(""), [ve, Q] = I(!1), [Ve, F] = I(null), u = Fe(null), Ne = ue ?? {}, d = W ?? Ve, g = (e) => Re(e, {
     required: !!V,
     type: n,
     min: T,
     max: w,
     mask: l,
-    messages: Ve
-  }), M = Fe(
+    messages: Ne
+  }), M = Me(
     () => Z(
       o,
       n,
@@ -81,7 +82,7 @@ const Ge = Te(function({
     char: i,
     eventType: r
   }), _ = (e, r = !1) => {
-    H || be(e.rawValue), u.current && clearTimeout(u.current), N && (r || P <= 0 ? N(e) : u.current = setTimeout(() => N(e), P));
+    H || Ie(e.rawValue), u.current && clearTimeout(u.current), N && (r || P <= 0 ? N(e) : u.current = setTimeout(() => N(e), P));
   };
   X(() => () => {
     u.current && clearTimeout(u.current);
@@ -91,19 +92,19 @@ const Ge = Te(function({
   const U = (e) => {
     if (n === "phone" && l) return e.replace(/\D/g, "");
     if (v(n)) {
-      const r = Re(e, c);
+      const r = $e(e, c);
       return r === null ? e === "" ? null : e : K ? r : Math.abs(r);
     }
     return e;
-  }, Ne = (e) => {
+  }, je = (e) => {
     const r = e.replace(/\D/g, "");
-    if (h && (v(n) || n === "phone") && r.length > h || h && $e(n) && e.length > h) return;
+    if (h && (v(n) || n === "phone") && r.length > h || h && De(n) && e.length > h) return;
     const i = U(e);
     typeof i == "number" && (typeof T == "number" && i < T || typeof w == "number" && i > w) || (E(
       n === "phone" && l ? k(i, l) : e
     ), _(a(i, "change", e.slice(-1) || null)));
-  }, je = [
-    fe,
+  }, Te = [
+    pe,
     B && !d ? y : void 0,
     d ? G : void 0
   ].filter(Boolean).join(" ") || void 0;
@@ -115,34 +116,34 @@ const Ge = Te(function({
       s,
       V && /* @__PURE__ */ t("span", { className: "inconel-field__required", "aria-hidden": "true", children: " *" })
     ] }),
-    /* @__PURE__ */ b("div", { className: ["inconel-input-control", d ? "inconel-is-invalid" : "", f ? "inconel-is-disabled" : ""].join(" "), children: [
+    /* @__PURE__ */ b("div", { className: ["inconel-input-control", de === "plain" ? "inconel-input-control--plain" : "", d ? "inconel-is-invalid" : "", f ? "inconel-is-disabled" : ""].join(" "), children: [
       R && /* @__PURE__ */ t("span", { className: "inconel-input-adornment", "aria-hidden": "true", children: R }),
       /* @__PURE__ */ t(
         "input",
         {
-          ...pe,
-          ref: he,
+          ...he,
+          ref: me,
           id: m,
           type: n === "password" || n === "email" ? n : "text",
           inputMode: v(n) ? "decimal" : n === "phone" ? "tel" : void 0,
-          value: Ie ? J : M,
+          value: ve ? J : M,
           required: V,
           disabled: f,
-          autoComplete: de,
+          autoComplete: fe,
           "aria-invalid": !!d,
-          "aria-describedby": je,
+          "aria-describedby": Te,
           className: ["inconel-input", A ?? ""].join(" "),
-          onChange: (e) => Ne(e.target.value),
+          onChange: (e) => je(e.target.value),
           onFocus: (e) => {
             if (f) return;
             Q(!0);
-            const r = n === "phone" && l ? k(o, l) : v(n) ? String(o ?? "").replace(".", _e(c).decimal) : String(o ?? "");
+            const r = n === "phone" && l ? k(o, l) : v(n) ? String(o ?? "").replace(".", Be(c).decimal) : String(o ?? "");
             E(r), ne?.(a(o, "focus"), e);
           },
           onBlur: (e) => {
             Q(!1), u.current && clearTimeout(u.current);
             let r = U(J);
-            typeof r == "number" && (r = De(r, p, te ? le : "floor")), F(g(r));
+            typeof r == "number" && (r = ze(r, p, te ? le : "floor")), F(g(r));
             const i = a(r, "blur");
             _(i, !0), ee?.(i, e);
           },
@@ -168,7 +169,7 @@ const Ge = Te(function({
       $ && /* @__PURE__ */ t("span", { className: "inconel-input-adornment", "aria-hidden": "true", children: $ })
     ] }),
     /* @__PURE__ */ t(
-      Me,
+      _e,
       {
         hint: B,
         errorMessage: d,
@@ -179,6 +180,6 @@ const Ge = Te(function({
   ] });
 });
 export {
-  Ge as default
+  He as default
 };
 //# sourceMappingURL=Input.js.map