@activecollab/components 2.0.189 → 2.0.191

package/dist/cjs/components/Input/InputAdornment.js

@@ -20,7 +20,8 @@ var InputAdornmentBase = _styledComponents.default.div.withConfig({
   "marginLeft": "0.25rem",
   "marginRight": "0.25rem",
   "display": "flex",
-  "alignItems": "center"
+  "alignItems": "center",
+  "gap": "0.5rem"
 }, function (props) {
   return props.$disablePointerEvents && (0, _styledComponents.css)(["", ""], {
     "pointerEvents": "none"

package/dist/cjs/components/Input/InputAdornment.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputAdornment.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","InputAdornmentBase","styled","div","withConfig","displayName","componentId","props","$disablePointerEvents","css","InputAdornment","exports","React","forwardRef","_ref","ref","children","as","disablePointerEvents","rest","Component","createElement"],"sources":["../../../../src/components/Input/InputAdornment.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\n\ninterface BaseInputAdornmentProps {\n  disablePointerEvents?: boolean;\n}\n\nconst InputAdornmentBase = styled.div<{ $disablePointerEvents?: boolean }>`\n  ${tw`tw-flex tw-items-center tw-mx-1`}\n\n  ${(props) =>\n    props.$disablePointerEvents &&\n    css`\n      ${tw`tw-pointer-events-none`}\n    `}\n`;\n\nexport type InputAdornmentProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, BaseInputAdornmentProps>;\n\nexport type InputAdornmentComponent = <C extends React.ElementType = \"div\">(\n  props: InputAdornmentProps<C>\n) => React.ReactElement | ReactNode | null;\n\nexport const InputAdornment: InputAdornmentComponent & {\n  displayName?: string;\n} = React.forwardRef(\n  <C extends React.ElementType = \"div\">(\n    { children, as, disablePointerEvents, ...rest }: InputAdornmentProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"div\";\n    return (\n      <InputAdornmentBase\n        {...rest}\n        as={Component}\n        $disablePointerEvents={disablePointerEvents}\n        ref={ref}\n      >\n        {children}\n      </InputAdornmentBase>\n    );\n  }\n);\n\nInputAdornment.displayName = \"InputAdornment\";\n"],"mappings":"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"}
+{"version":3,"file":"InputAdornment.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","InputAdornmentBase","styled","div","withConfig","displayName","componentId","props","$disablePointerEvents","css","InputAdornment","exports","React","forwardRef","_ref","ref","children","as","disablePointerEvents","rest","Component","createElement"],"sources":["../../../../src/components/Input/InputAdornment.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\n\ninterface BaseInputAdornmentProps {\n  disablePointerEvents?: boolean;\n}\n\nconst InputAdornmentBase = styled.div<{ $disablePointerEvents?: boolean }>`\n  ${tw`tw-flex tw-items-center tw-mx-1 tw-gap-2`}\n\n  ${(props) =>\n    props.$disablePointerEvents &&\n    css`\n      ${tw`tw-pointer-events-none`}\n    `}\n`;\n\nexport type InputAdornmentProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, BaseInputAdornmentProps>;\n\nexport type InputAdornmentComponent = <C extends React.ElementType = \"div\">(\n  props: InputAdornmentProps<C>\n) => React.ReactElement | ReactNode | null;\n\nexport const InputAdornment: InputAdornmentComponent & {\n  displayName?: string;\n} = React.forwardRef(\n  <C extends React.ElementType = \"div\">(\n    { children, as, disablePointerEvents, ...rest }: InputAdornmentProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"div\";\n    return (\n      <InputAdornmentBase\n        {...rest}\n        as={Component}\n        $disablePointerEvents={disablePointerEvents}\n        ref={ref}\n      >\n        {children}\n      </InputAdornmentBase>\n    );\n  }\n);\n\nInputAdornment.displayName = \"InputAdornment\";\n"],"mappings":"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"}

package/dist/cjs/components/Input/InputCurrency.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _InputAdornment = require("./InputAdornment");
 var _InputNumber = require("./InputNumber");
 var _Typography = require("../Typography/Typography");
-var _excluded = ["currency", "size"];
+var _excluded = ["currency", "size", "startAdornment", "endAdornment", "disabled"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -17,6 +17,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var InputCurrency = exports.InputCurrency = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var currency = _ref.currency,
     size = _ref.size,
+    startAdornment = _ref.startAdornment,
+    endAdornment = _ref.endAdornment,
+    disabled = _ref.disabled,
     rest = _objectWithoutProperties(_ref, _excluded);
   var variant = (0, _react.useMemo)(function () {
     if (size === "biggest") {
@@ -33,12 +36,19 @@ var InputCurrency = exports.InputCurrency = /*#__PURE__*/(0, _react.forwardRef)(
   return /*#__PURE__*/_react.default.createElement(_InputNumber.InputNumber, _extends({
     size: size,
     align: "right",
-    startAdornment: /*#__PURE__*/_react.default.createElement(_InputAdornment.InputAdornment, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+    ref: ref,
+    disabled: disabled,
+    endAdornment: endAdornment && /*#__PURE__*/_react.default.createElement(_InputAdornment.InputAdornment, {
+      disablePointerEvents: disabled
+    }, endAdornment)
+  }, rest, {
+    startAdornment: /*#__PURE__*/_react.default.createElement(_InputAdornment.InputAdornment, {
+      disablePointerEvents: disabled
+    }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
       variant: variant,
       weight: weight
-    }, currency)),
-    ref: ref
-  }, rest));
+    }, currency), startAdornment)
+  }));
 });
 InputCurrency.displayName = "InputCurrency";
 //# sourceMappingURL=InputCurrency.js.map

package/dist/cjs/components/Input/InputCurrency.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputCurrency.js","names":["_react","_interopRequireWildcard","require","_InputAdornment","_InputNumber","_Typography","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","InputCurrency","exports","forwardRef","_ref","ref","currency","size","rest","variant","useMemo","weight","createElement","InputNumber","align","startAdornment","InputAdornment","Typography","displayName"],"sources":["../../../../src/components/Input/InputCurrency.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\n\nimport { InputAdornment } from \"./InputAdornment\";\nimport { InputNumber, InputNumberProps } from \"./InputNumber\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport interface IInputCurrency\n  extends Omit<\n    InputNumberProps,\n    \"align\" | \"startAdornment\" | \"endAdornment\" | \"limit\"\n  > {\n  currency: string;\n}\n\nexport const InputCurrency = forwardRef<HTMLInputElement, IInputCurrency>(\n  ({ currency, size, ...rest }, ref) => {\n    const variant = useMemo(() => {\n      if (size === \"biggest\") {\n        return \"Header 2\";\n      }\n      if (size === \"big\") {\n        return \"Body 1\";\n      }\n      return \"Body 2\";\n    }, [size]);\n\n    const weight = useMemo(() => {\n      return size === \"biggest\" ? \"bold\" : \"regular\";\n    }, [size]);\n\n    return (\n      <InputNumber\n        size={size}\n        align=\"right\"\n        startAdornment={\n          <InputAdornment>\n            <Typography variant={variant} weight={weight}>\n              {currency}\n            </Typography>\n          </InputAdornment>\n        }\n        ref={ref}\n        {...rest}\n      />\n    );\n  }\n);\n\nInputCurrency.displayName = \"InputCurrency\";\n"],"mappings":"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"}
+{"version":3,"file":"InputCurrency.js","names":["_react","_interopRequireWildcard","require","_InputAdornment","_InputNumber","_Typography","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","InputCurrency","exports","forwardRef","_ref","ref","currency","size","startAdornment","endAdornment","disabled","rest","variant","useMemo","weight","createElement","InputNumber","align","InputAdornment","disablePointerEvents","Typography","displayName"],"sources":["../../../../src/components/Input/InputCurrency.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\n\nimport { InputAdornment } from \"./InputAdornment\";\nimport { InputNumber, InputNumberProps } from \"./InputNumber\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport interface IInputCurrency\n  extends Omit<InputNumberProps, \"align\" | \"limit\"> {\n  currency: string;\n}\n\nexport const InputCurrency = forwardRef<HTMLInputElement, IInputCurrency>(\n  (\n    { currency, size, startAdornment, endAdornment, disabled, ...rest },\n    ref\n  ) => {\n    const variant = useMemo(() => {\n      if (size === \"biggest\") {\n        return \"Header 2\";\n      }\n      if (size === \"big\") {\n        return \"Body 1\";\n      }\n      return \"Body 2\";\n    }, [size]);\n\n    const weight = useMemo(() => {\n      return size === \"biggest\" ? \"bold\" : \"regular\";\n    }, [size]);\n\n    return (\n      <InputNumber\n        size={size}\n        align=\"right\"\n        ref={ref}\n        disabled={disabled}\n        endAdornment={\n          endAdornment && (\n            <InputAdornment disablePointerEvents={disabled}>\n              {endAdornment}\n            </InputAdornment>\n          )\n        }\n        {...rest}\n        startAdornment={\n          <InputAdornment disablePointerEvents={disabled}>\n            <Typography variant={variant} weight={weight}>\n              {currency}\n            </Typography>\n            {startAdornment}\n          </InputAdornment>\n        }\n      />\n    );\n  }\n);\n\nInputCurrency.displayName = \"InputCurrency\";\n"],"mappings":"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"}

package/dist/cjs/components/Nav/Nav.js

@@ -111,10 +111,11 @@ var Nav = exports.Nav = function Nav(_ref) {
   }, [active, moreOpened, navItemNames, targetId]);
   (0, _react.useEffect)(function () {
     if (!navRef.current || !wrapRef.current) return;
-    if (childrenWidth >= parentWidth) {
-      setType("dropdown");
-    } else {
+    if (!childrenWidth || !parentWidth) return;
+    if (childrenWidth < parentWidth) {
       setType("inline");
+    } else {
+      setType("dropdown");
     }
   }, [childrenWidth, parentWidth]);
   if (!children) return;

package/dist/cjs/components/Nav/Nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"Nav.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_Styles2","_utils","_ExpandSingle","_Select","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","length","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","Nav","exports","_ref","_dimensions$width","_childDimensions$widt","children","_ref$alignment","alignment","onSelect","className","_ref$role","role","targetId","_useState","useState","_useState2","active","setActive","_useState3","_useState4","moreOpened","setMoreOpened","_useState5","_useState6","type","setType","setMoreOpen","useCallback","setMoreClose","navItemNames","useMemo","Children","toArray","map","item","_item$props","props","allOptions","index","id","navRef","useRef","wrapRef","dimensions","useResizeObserver","childDimensions","parentWidth","width","childWidth","_useState7","_useState8","childrenWidth","setChildrenWidth","useLayoutEffect","onClick","metaKey","ctrlKey","target","currentTarget","dataset","disabled","Number","onMoreOptionClick","forEach","child","navAsSelect","createElement","StyledNavAsSelect","$active","ExpandSingle","expanded","fill","useEffect","current","StyledNav","classNames","$align","$role","ref","StyledNavList","element","cloneElement","StyledNavListItemMore","Select","selected","disabledInternalSort","options","mode","forceCloseMenu","disableSearch","keepSameOptionsOrder","onChange","onSelectOpen","onSelectClose","displayName"],"sources":["../../../../src/components/Nav/Nav.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  FC,\n  ReactNode,\n  useState,\n  useRef,\n  useCallback,\n  useMemo,\n  Children,\n  cloneElement,\n  useEffect,\n  useLayoutEffect,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { ItemProps } from \"./Item/Item\";\nimport { StyledNavListItemMore } from \"./Item/Styles\";\nimport { StyledNav, StyledNavAsSelect, StyledNavList } from \"./Styles\";\nimport { useResizeObserver } from \"../../utils\";\nimport { ExpandSingle } from \"../Expanders/ExpandSingle\";\nimport { Select } from \"../Select/Select\";\n\ntype NavType = \"inline\" | \"dropdown\";\nexport type NavAlignType = \"left\" | \"center\" | \"right\";\nexport type NavRoleType = \"bold\" | \"light\";\n\nexport interface INavProps {\n  children?: ReactElement<ItemProps>[];\n  /** Function for changing active navs. */\n  onSelect?: (index: number) => void;\n  /** Aligment of nav component. */\n  alignment?: NavAlignType;\n  /** CSS classes. */\n  className?: string;\n  /** Role of nav component. */\n  role?: NavRoleType;\n  /** Target id */\n  targetId?: string;\n}\n\nexport const Nav: FC<INavProps> = ({\n  children,\n  alignment = \"left\",\n  onSelect,\n  className,\n  role = \"bold\",\n  targetId,\n}) => {\n  const [active, setActive] = useState(0);\n  const [moreOpened, setMoreOpened] = useState(false);\n  const [type, setType] = useState<NavType>(\"inline\");\n\n  const setMoreOpen = useCallback(() => setMoreOpened(true), []);\n  const setMoreClose = useCallback(() => setMoreOpened(false), []);\n\n  const navItemNames = useMemo(() => {\n    return children\n      ? (Children.toArray(children) as ReactElement<ItemProps>[]).map(\n          (item) => item?.props?.name\n        )\n      : [];\n  }, [children]);\n\n  const allOptions = useMemo(() => {\n    return navItemNames?.map((name, index) => {\n      return { id: index, name: name };\n    });\n  }, [navItemNames]);\n\n  const navRef = useRef<HTMLUListElement | null>(null);\n  const wrapRef = useRef<HTMLElement | null>(null);\n  const dimensions = useResizeObserver(wrapRef);\n  const childDimensions = useResizeObserver(navRef);\n\n  const parentWidth = dimensions?.width ?? 0;\n  const childWidth = childDimensions?.width ?? 0;\n\n  const [childrenWidth, setChildrenWidth] = useState(childWidth);\n\n  useLayoutEffect(() => {\n    if (type === \"inline\") setChildrenWidth(childWidth);\n  }, [childWidth, type]);\n\n  const onClick = useCallback(\n    (e: React.MouseEvent<HTMLElement, MouseEvent>) => {\n      if (e.metaKey || e.ctrlKey) {\n        return;\n      }\n      if (\n        e.target &&\n        e.currentTarget.dataset.index &&\n        !e.currentTarget.dataset.disabled\n      ) {\n        const index = Number(e.currentTarget.dataset.index);\n        setActive(index);\n        if (onSelect) {\n          onSelect(index);\n        }\n      }\n    },\n    [onSelect]\n  );\n\n  const onMoreOptionClick = useCallback(\n    (id) => {\n      setActive(id);\n      if (onSelect) {\n        onSelect(id);\n      }\n    },\n    [onSelect]\n  );\n\n  useMemo(() => {\n    Children.forEach(\n      children as ReactElement[],\n      (child: ReactElement, index) => {\n        if (child && child.props.active) {\n          setActive(index);\n        }\n      }\n    );\n  }, [children]);\n\n  const navAsSelect = useMemo(() => {\n    return (\n      <StyledNavAsSelect id={targetId} $active>\n        <span>{navItemNames[active]}</span>\n        <ExpandSingle expanded={moreOpened} fill=\"currentColor\" />\n      </StyledNavAsSelect>\n    );\n  }, [active, moreOpened, navItemNames, targetId]);\n\n  useEffect(() => {\n    if (!navRef.current || !wrapRef.current) return;\n\n    if (childrenWidth >= parentWidth) {\n      setType(\"dropdown\");\n    } else {\n      setType(\"inline\");\n    }\n  }, [childrenWidth, parentWidth]);\n\n  if (!children) return;\n\n  return (\n    <StyledNav\n      className={classNames(\"c-nav\", className)}\n      $align={alignment}\n      $role={role}\n      ref={wrapRef}\n    >\n      <StyledNavList ref={navRef}>\n        {type === \"inline\" &&\n          Children.toArray(children).map((child: ReactNode, index: number) => {\n            const element = child as ReactElement;\n            return cloneElement(element, {\n              active: index === active,\n              role,\n              onClick,\n              \"data-index\": index,\n              \"data-disabled\": element.props.disabled,\n            });\n          })}\n        {type === \"dropdown\" ? (\n          <StyledNavListItemMore name={navItemNames[active]} role={role}>\n            <Select\n              selected={active}\n              target={navAsSelect}\n              disabledInternalSort\n              options={allOptions}\n              type=\"single\"\n              mode=\"normal\"\n              forceCloseMenu\n              disableSearch\n              keepSameOptionsOrder\n              onChange={onMoreOptionClick}\n              onSelectOpen={setMoreOpen}\n              onSelectClose={setMoreClose}\n            />\n          </StyledNavListItemMore>\n        ) : null}\n      </StyledNavList>\n    </StyledNav>\n  );\n};\n\nNav.displayName = \"Nav\";\n"],"mappings":"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"}
+{"version":3,"file":"Nav.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_Styles2","_utils","_ExpandSingle","_Select","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","length","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","Nav","exports","_ref","_dimensions$width","_childDimensions$widt","children","_ref$alignment","alignment","onSelect","className","_ref$role","role","targetId","_useState","useState","_useState2","active","setActive","_useState3","_useState4","moreOpened","setMoreOpened","_useState5","_useState6","type","setType","setMoreOpen","useCallback","setMoreClose","navItemNames","useMemo","Children","toArray","map","item","_item$props","props","allOptions","index","id","navRef","useRef","wrapRef","dimensions","useResizeObserver","childDimensions","parentWidth","width","childWidth","_useState7","_useState8","childrenWidth","setChildrenWidth","useLayoutEffect","onClick","metaKey","ctrlKey","target","currentTarget","dataset","disabled","Number","onMoreOptionClick","forEach","child","navAsSelect","createElement","StyledNavAsSelect","$active","ExpandSingle","expanded","fill","useEffect","current","StyledNav","classNames","$align","$role","ref","StyledNavList","element","cloneElement","StyledNavListItemMore","Select","selected","disabledInternalSort","options","mode","forceCloseMenu","disableSearch","keepSameOptionsOrder","onChange","onSelectOpen","onSelectClose","displayName"],"sources":["../../../../src/components/Nav/Nav.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  FC,\n  ReactNode,\n  useState,\n  useRef,\n  useCallback,\n  useMemo,\n  Children,\n  cloneElement,\n  useEffect,\n  useLayoutEffect,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { ItemProps } from \"./Item/Item\";\nimport { StyledNavListItemMore } from \"./Item/Styles\";\nimport { StyledNav, StyledNavAsSelect, StyledNavList } from \"./Styles\";\nimport { useResizeObserver } from \"../../utils\";\nimport { ExpandSingle } from \"../Expanders/ExpandSingle\";\nimport { Select } from \"../Select/Select\";\n\ntype NavType = \"inline\" | \"dropdown\";\nexport type NavAlignType = \"left\" | \"center\" | \"right\";\nexport type NavRoleType = \"bold\" | \"light\";\n\nexport interface INavProps {\n  children?: ReactElement<ItemProps>[];\n  /** Function for changing active navs. */\n  onSelect?: (index: number) => void;\n  /** Aligment of nav component. */\n  alignment?: NavAlignType;\n  /** CSS classes. */\n  className?: string;\n  /** Role of nav component. */\n  role?: NavRoleType;\n  /** Target id */\n  targetId?: string;\n}\n\nexport const Nav: FC<INavProps> = ({\n  children,\n  alignment = \"left\",\n  onSelect,\n  className,\n  role = \"bold\",\n  targetId,\n}) => {\n  const [active, setActive] = useState(0);\n  const [moreOpened, setMoreOpened] = useState(false);\n  const [type, setType] = useState<NavType>(\"inline\");\n\n  const setMoreOpen = useCallback(() => setMoreOpened(true), []);\n  const setMoreClose = useCallback(() => setMoreOpened(false), []);\n\n  const navItemNames = useMemo(() => {\n    return children\n      ? (Children.toArray(children) as ReactElement<ItemProps>[]).map(\n          (item) => item?.props?.name\n        )\n      : [];\n  }, [children]);\n\n  const allOptions = useMemo(() => {\n    return navItemNames?.map((name, index) => {\n      return { id: index, name: name };\n    });\n  }, [navItemNames]);\n\n  const navRef = useRef<HTMLUListElement | null>(null);\n  const wrapRef = useRef<HTMLElement | null>(null);\n  const dimensions = useResizeObserver(wrapRef);\n  const childDimensions = useResizeObserver(navRef);\n\n  const parentWidth = dimensions?.width ?? 0;\n  const childWidth = childDimensions?.width ?? 0;\n\n  const [childrenWidth, setChildrenWidth] = useState(childWidth);\n\n  useLayoutEffect(() => {\n    if (type === \"inline\") setChildrenWidth(childWidth);\n  }, [childWidth, type]);\n\n  const onClick = useCallback(\n    (e: React.MouseEvent<HTMLElement, MouseEvent>) => {\n      if (e.metaKey || e.ctrlKey) {\n        return;\n      }\n      if (\n        e.target &&\n        e.currentTarget.dataset.index &&\n        !e.currentTarget.dataset.disabled\n      ) {\n        const index = Number(e.currentTarget.dataset.index);\n        setActive(index);\n        if (onSelect) {\n          onSelect(index);\n        }\n      }\n    },\n    [onSelect]\n  );\n\n  const onMoreOptionClick = useCallback(\n    (id) => {\n      setActive(id);\n      if (onSelect) {\n        onSelect(id);\n      }\n    },\n    [onSelect]\n  );\n\n  useMemo(() => {\n    Children.forEach(\n      children as ReactElement[],\n      (child: ReactElement, index) => {\n        if (child && child.props.active) {\n          setActive(index);\n        }\n      }\n    );\n  }, [children]);\n\n  const navAsSelect = useMemo(() => {\n    return (\n      <StyledNavAsSelect id={targetId} $active>\n        <span>{navItemNames[active]}</span>\n        <ExpandSingle expanded={moreOpened} fill=\"currentColor\" />\n      </StyledNavAsSelect>\n    );\n  }, [active, moreOpened, navItemNames, targetId]);\n\n  useEffect(() => {\n    if (!navRef.current || !wrapRef.current) return;\n    if (!childrenWidth || !parentWidth) return;\n\n    if (childrenWidth < parentWidth) {\n      setType(\"inline\");\n    } else {\n      setType(\"dropdown\");\n    }\n  }, [childrenWidth, parentWidth]);\n\n  if (!children) return;\n\n  return (\n    <StyledNav\n      className={classNames(\"c-nav\", className)}\n      $align={alignment}\n      $role={role}\n      ref={wrapRef}\n    >\n      <StyledNavList ref={navRef}>\n        {type === \"inline\" &&\n          Children.toArray(children).map((child: ReactNode, index: number) => {\n            const element = child as ReactElement;\n            return cloneElement(element, {\n              active: index === active,\n              role,\n              onClick,\n              \"data-index\": index,\n              \"data-disabled\": element.props.disabled,\n            });\n          })}\n        {type === \"dropdown\" ? (\n          <StyledNavListItemMore name={navItemNames[active]} role={role}>\n            <Select\n              selected={active}\n              target={navAsSelect}\n              disabledInternalSort\n              options={allOptions}\n              type=\"single\"\n              mode=\"normal\"\n              forceCloseMenu\n              disableSearch\n              keepSameOptionsOrder\n              onChange={onMoreOptionClick}\n              onSelectOpen={setMoreOpen}\n              onSelectClose={setMoreClose}\n            />\n          </StyledNavListItemMore>\n        ) : null}\n      </StyledNavList>\n    </StyledNav>\n  );\n};\n\nNav.displayName = \"Nav\";\n"],"mappings":"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"}

package/dist/esm/components/Input/InputAdornment.js

@@ -8,7 +8,8 @@ const InputAdornmentBase = styled.div.withConfig({
   "marginLeft": "0.25rem",
   "marginRight": "0.25rem",
   "display": "flex",
-  "alignItems": "center"
+  "alignItems": "center",
+  "gap": "0.5rem"
 }, props => props.$disablePointerEvents && css(["", ""], {
   "pointerEvents": "none"
 }));

package/dist/esm/components/Input/InputAdornment.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputAdornment.js","names":["React","styled","css","InputAdornmentBase","div","withConfig","displayName","componentId","props","$disablePointerEvents","InputAdornment","forwardRef","_ref","ref","children","as","disablePointerEvents","rest","Component","createElement","_extends"],"sources":["../../../../src/components/Input/InputAdornment.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\n\ninterface BaseInputAdornmentProps {\n  disablePointerEvents?: boolean;\n}\n\nconst InputAdornmentBase = styled.div<{ $disablePointerEvents?: boolean }>`\n  ${tw`tw-flex tw-items-center tw-mx-1`}\n\n  ${(props) =>\n    props.$disablePointerEvents &&\n    css`\n      ${tw`tw-pointer-events-none`}\n    `}\n`;\n\nexport type InputAdornmentProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, BaseInputAdornmentProps>;\n\nexport type InputAdornmentComponent = <C extends React.ElementType = \"div\">(\n  props: InputAdornmentProps<C>\n) => React.ReactElement | ReactNode | null;\n\nexport const InputAdornment: InputAdornmentComponent & {\n  displayName?: string;\n} = React.forwardRef(\n  <C extends React.ElementType = \"div\">(\n    { children, as, disablePointerEvents, ...rest }: InputAdornmentProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"div\";\n    return (\n      <InputAdornmentBase\n        {...rest}\n        as={Component}\n        $disablePointerEvents={disablePointerEvents}\n        ref={ref}\n      >\n        {children}\n      </InputAdornmentBase>\n    );\n  }\n);\n\nInputAdornment.displayName = \"InputAdornment\";\n"],"mappings":";AAAA,OAAOA,KAAK,MAAqB,OAAO;AAExC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAY/C,MAAMC,kBAAkB,GAAGF,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAC/B;EAAA;EAAA;EAAA;EAAA;AAAgC,CAAC,EAElCC,KAAK,IACNA,KAAK,CAACC,qBAAqB,IAC3BP,GAAG,WACG;EAAA;AAAuB,CAAC,CAC7B,CACJ;AASD,OAAO,MAAMQ,cAEZ,gBAAGV,KAAK,CAACW,UAAU,CAClB,CAAAC,IAAA,EAEEC,GAAsB,KACnB;EAAA,IAFH;IAAEC,QAAQ;IAAEC,EAAE;IAAEC,oBAAoB;IAAE,GAAGC;EAA6B,CAAC,GAAAL,IAAA;EAGvE,MAAMM,SAAS,GAAGH,EAAE,IAAI,KAAK;EAC7B,oBACEf,KAAA,CAAAmB,aAAA,CAAChB,kBAAkB,EAAAiB,QAAA,KACbH,IAAI;IACRF,EAAE,EAAEG,SAAU;IACdT,qBAAqB,EAAEO,oBAAqB;IAC5CH,GAAG,EAAEA;EAAI,IAERC,QACiB,CAAC;AAEzB,CACF,CAAC;AAEDJ,cAAc,CAACJ,WAAW,GAAG,gBAAgB"}
+{"version":3,"file":"InputAdornment.js","names":["React","styled","css","InputAdornmentBase","div","withConfig","displayName","componentId","props","$disablePointerEvents","InputAdornment","forwardRef","_ref","ref","children","as","disablePointerEvents","rest","Component","createElement","_extends"],"sources":["../../../../src/components/Input/InputAdornment.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\n\ninterface BaseInputAdornmentProps {\n  disablePointerEvents?: boolean;\n}\n\nconst InputAdornmentBase = styled.div<{ $disablePointerEvents?: boolean }>`\n  ${tw`tw-flex tw-items-center tw-mx-1 tw-gap-2`}\n\n  ${(props) =>\n    props.$disablePointerEvents &&\n    css`\n      ${tw`tw-pointer-events-none`}\n    `}\n`;\n\nexport type InputAdornmentProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, BaseInputAdornmentProps>;\n\nexport type InputAdornmentComponent = <C extends React.ElementType = \"div\">(\n  props: InputAdornmentProps<C>\n) => React.ReactElement | ReactNode | null;\n\nexport const InputAdornment: InputAdornmentComponent & {\n  displayName?: string;\n} = React.forwardRef(\n  <C extends React.ElementType = \"div\">(\n    { children, as, disablePointerEvents, ...rest }: InputAdornmentProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"div\";\n    return (\n      <InputAdornmentBase\n        {...rest}\n        as={Component}\n        $disablePointerEvents={disablePointerEvents}\n        ref={ref}\n      >\n        {children}\n      </InputAdornmentBase>\n    );\n  }\n);\n\nInputAdornment.displayName = \"InputAdornment\";\n"],"mappings":";AAAA,OAAOA,KAAK,MAAqB,OAAO;AAExC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAY/C,MAAMC,kBAAkB,GAAGF,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAC/B;EAAA;EAAA;EAAA;EAAA;EAAA;AAAyC,CAAC,EAE3CC,KAAK,IACNA,KAAK,CAACC,qBAAqB,IAC3BP,GAAG,WACG;EAAA;AAAuB,CAAC,CAC7B,CACJ;AASD,OAAO,MAAMQ,cAEZ,gBAAGV,KAAK,CAACW,UAAU,CAClB,CAAAC,IAAA,EAEEC,GAAsB,KACnB;EAAA,IAFH;IAAEC,QAAQ;IAAEC,EAAE;IAAEC,oBAAoB;IAAE,GAAGC;EAA6B,CAAC,GAAAL,IAAA;EAGvE,MAAMM,SAAS,GAAGH,EAAE,IAAI,KAAK;EAC7B,oBACEf,KAAA,CAAAmB,aAAA,CAAChB,kBAAkB,EAAAiB,QAAA,KACbH,IAAI;IACRF,EAAE,EAAEG,SAAU;IACdT,qBAAqB,EAAEO,oBAAqB;IAC5CH,GAAG,EAAEA;EAAI,IAERC,QACiB,CAAC;AAEzB,CACF,CAAC;AAEDJ,cAAc,CAACJ,WAAW,GAAG,gBAAgB"}

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { InputNumberProps } from "./InputNumber";
-export interface IInputCurrency extends Omit<InputNumberProps, "align" | "startAdornment" | "endAdornment" | "limit"> {
+export interface IInputCurrency extends Omit<InputNumberProps, "align" | "limit"> {
     currency: string;
 }
 export declare const InputCurrency: React.ForwardRefExoticComponent<IInputCurrency & React.RefAttributes<HTMLInputElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"InputCurrency.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputCurrency.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAG9D,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,gBAAgB,EAChB,OAAO,GAAG,gBAAgB,GAAG,cAAc,GAAG,OAAO,CACtD;IACD,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,aAAa,yFAgCzB,CAAC"}
+{"version":3,"file":"InputCurrency.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputCurrency.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAG9D,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,OAAO,CAAC;IACjD,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,aAAa,yFA4CzB,CAAC"}

package/dist/esm/components/Input/InputCurrency.js

@@ -7,6 +7,9 @@ export const InputCurrency = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     currency,
     size,
+    startAdornment,
+    endAdornment,
+    disabled,
     ...rest
   } = _ref;
   const variant = useMemo(() => {
@@ -24,12 +27,19 @@ export const InputCurrency = /*#__PURE__*/forwardRef((_ref, ref) => {
   return /*#__PURE__*/React.createElement(InputNumber, _extends({
     size: size,
     align: "right",
-    startAdornment: /*#__PURE__*/React.createElement(InputAdornment, null, /*#__PURE__*/React.createElement(Typography, {
+    ref: ref,
+    disabled: disabled,
+    endAdornment: endAdornment && /*#__PURE__*/React.createElement(InputAdornment, {
+      disablePointerEvents: disabled
+    }, endAdornment)
+  }, rest, {
+    startAdornment: /*#__PURE__*/React.createElement(InputAdornment, {
+      disablePointerEvents: disabled
+    }, /*#__PURE__*/React.createElement(Typography, {
       variant: variant,
       weight: weight
-    }, currency)),
-    ref: ref
-  }, rest));
+    }, currency), startAdornment)
+  }));
 });
 InputCurrency.displayName = "InputCurrency";
 //# sourceMappingURL=InputCurrency.js.map

package/dist/esm/components/Input/InputCurrency.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputCurrency.js","names":["React","forwardRef","useMemo","InputAdornment","InputNumber","Typography","InputCurrency","_ref","ref","currency","size","rest","variant","weight","createElement","_extends","align","startAdornment","displayName"],"sources":["../../../../src/components/Input/InputCurrency.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\n\nimport { InputAdornment } from \"./InputAdornment\";\nimport { InputNumber, InputNumberProps } from \"./InputNumber\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport interface IInputCurrency\n  extends Omit<\n    InputNumberProps,\n    \"align\" | \"startAdornment\" | \"endAdornment\" | \"limit\"\n  > {\n  currency: string;\n}\n\nexport const InputCurrency = forwardRef<HTMLInputElement, IInputCurrency>(\n  ({ currency, size, ...rest }, ref) => {\n    const variant = useMemo(() => {\n      if (size === \"biggest\") {\n        return \"Header 2\";\n      }\n      if (size === \"big\") {\n        return \"Body 1\";\n      }\n      return \"Body 2\";\n    }, [size]);\n\n    const weight = useMemo(() => {\n      return size === \"biggest\" ? \"bold\" : \"regular\";\n    }, [size]);\n\n    return (\n      <InputNumber\n        size={size}\n        align=\"right\"\n        startAdornment={\n          <InputAdornment>\n            <Typography variant={variant} weight={weight}>\n              {currency}\n            </Typography>\n          </InputAdornment>\n        }\n        ref={ref}\n        {...rest}\n      />\n    );\n  }\n);\n\nInputCurrency.displayName = \"InputCurrency\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAElD,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,WAAW,QAA0B,eAAe;AAC7D,SAASC,UAAU,QAAQ,0BAA0B;AAUrD,OAAO,MAAMC,aAAa,gBAAGL,UAAU,CACrC,CAAAM,IAAA,EAA8BC,GAAG,KAAK;EAAA,IAArC;IAAEC,QAAQ;IAAEC,IAAI;IAAE,GAAGC;EAAK,CAAC,GAAAJ,IAAA;EAC1B,MAAMK,OAAO,GAAGV,OAAO,CAAC,MAAM;IAC5B,IAAIQ,IAAI,KAAK,SAAS,EAAE;MACtB,OAAO,UAAU;IACnB;IACA,IAAIA,IAAI,KAAK,KAAK,EAAE;MAClB,OAAO,QAAQ;IACjB;IACA,OAAO,QAAQ;EACjB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,MAAMG,MAAM,GAAGX,OAAO,CAAC,MAAM;IAC3B,OAAOQ,IAAI,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS;EAChD,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACEV,KAAA,CAAAc,aAAA,CAACV,WAAW,EAAAW,QAAA;IACVL,IAAI,EAAEA,IAAK;IACXM,KAAK,EAAC,OAAO;IACbC,cAAc,eACZjB,KAAA,CAAAc,aAAA,CAACX,cAAc,qBACbH,KAAA,CAAAc,aAAA,CAACT,UAAU;MAACO,OAAO,EAAEA,OAAQ;MAACC,MAAM,EAAEA;IAAO,GAC1CJ,QACS,CACE,CACjB;IACDD,GAAG,EAAEA;EAAI,GACLG,IAAI,CACT,CAAC;AAEN,CACF,CAAC;AAEDL,aAAa,CAACY,WAAW,GAAG,eAAe"}
+{"version":3,"file":"InputCurrency.js","names":["React","forwardRef","useMemo","InputAdornment","InputNumber","Typography","InputCurrency","_ref","ref","currency","size","startAdornment","endAdornment","disabled","rest","variant","weight","createElement","_extends","align","disablePointerEvents","displayName"],"sources":["../../../../src/components/Input/InputCurrency.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\n\nimport { InputAdornment } from \"./InputAdornment\";\nimport { InputNumber, InputNumberProps } from \"./InputNumber\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport interface IInputCurrency\n  extends Omit<InputNumberProps, \"align\" | \"limit\"> {\n  currency: string;\n}\n\nexport const InputCurrency = forwardRef<HTMLInputElement, IInputCurrency>(\n  (\n    { currency, size, startAdornment, endAdornment, disabled, ...rest },\n    ref\n  ) => {\n    const variant = useMemo(() => {\n      if (size === \"biggest\") {\n        return \"Header 2\";\n      }\n      if (size === \"big\") {\n        return \"Body 1\";\n      }\n      return \"Body 2\";\n    }, [size]);\n\n    const weight = useMemo(() => {\n      return size === \"biggest\" ? \"bold\" : \"regular\";\n    }, [size]);\n\n    return (\n      <InputNumber\n        size={size}\n        align=\"right\"\n        ref={ref}\n        disabled={disabled}\n        endAdornment={\n          endAdornment && (\n            <InputAdornment disablePointerEvents={disabled}>\n              {endAdornment}\n            </InputAdornment>\n          )\n        }\n        {...rest}\n        startAdornment={\n          <InputAdornment disablePointerEvents={disabled}>\n            <Typography variant={variant} weight={weight}>\n              {currency}\n            </Typography>\n            {startAdornment}\n          </InputAdornment>\n        }\n      />\n    );\n  }\n);\n\nInputCurrency.displayName = \"InputCurrency\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAElD,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,WAAW,QAA0B,eAAe;AAC7D,SAASC,UAAU,QAAQ,0BAA0B;AAOrD,OAAO,MAAMC,aAAa,gBAAGL,UAAU,CACrC,CAAAM,IAAA,EAEEC,GAAG,KACA;EAAA,IAFH;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,cAAc;IAAEC,YAAY;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAAP,IAAA;EAGnE,MAAMQ,OAAO,GAAGb,OAAO,CAAC,MAAM;IAC5B,IAAIQ,IAAI,KAAK,SAAS,EAAE;MACtB,OAAO,UAAU;IACnB;IACA,IAAIA,IAAI,KAAK,KAAK,EAAE;MAClB,OAAO,QAAQ;IACjB;IACA,OAAO,QAAQ;EACjB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,MAAMM,MAAM,GAAGd,OAAO,CAAC,MAAM;IAC3B,OAAOQ,IAAI,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS;EAChD,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACEV,KAAA,CAAAiB,aAAA,CAACb,WAAW,EAAAc,QAAA;IACVR,IAAI,EAAEA,IAAK;IACXS,KAAK,EAAC,OAAO;IACbX,GAAG,EAAEA,GAAI;IACTK,QAAQ,EAAEA,QAAS;IACnBD,YAAY,EACVA,YAAY,iBACVZ,KAAA,CAAAiB,aAAA,CAACd,cAAc;MAACiB,oBAAoB,EAAEP;IAAS,GAC5CD,YACa;EAEnB,GACGE,IAAI;IACRH,cAAc,eACZX,KAAA,CAAAiB,aAAA,CAACd,cAAc;MAACiB,oBAAoB,EAAEP;IAAS,gBAC7Cb,KAAA,CAAAiB,aAAA,CAACZ,UAAU;MAACU,OAAO,EAAEA,OAAQ;MAACC,MAAM,EAAEA;IAAO,GAC1CP,QACS,CAAC,EACZE,cACa;EACjB,EACF,CAAC;AAEN,CACF,CAAC;AAEDL,aAAa,CAACe,WAAW,GAAG,eAAe"}

package/dist/esm/components/Nav/Nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/Nav.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,YAAY,EACZ,EAAE,EAUH,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQxC,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3C,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC;IACrC,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,iCAAiC;IACjC,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,SAAS,CAiJ7B,CAAC"}
+{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/Nav.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,YAAY,EACZ,EAAE,EAUH,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQxC,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3C,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC;IACrC,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,iCAAiC;IACjC,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,SAAS,CAkJ7B,CAAC"}

package/dist/esm/components/Nav/Nav.js

@@ -80,10 +80,11 @@ export const Nav = _ref => {
   }, [active, moreOpened, navItemNames, targetId]);
   useEffect(() => {
     if (!navRef.current || !wrapRef.current) return;
-    if (childrenWidth >= parentWidth) {
-      setType("dropdown");
-    } else {
+    if (!childrenWidth || !parentWidth) return;
+    if (childrenWidth < parentWidth) {
       setType("inline");
+    } else {
+      setType("dropdown");
     }
   }, [childrenWidth, parentWidth]);
   if (!children) return;

package/dist/esm/components/Nav/Nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"Nav.js","names":["React","useState","useRef","useCallback","useMemo","Children","cloneElement","useEffect","useLayoutEffect","classNames","StyledNavListItemMore","StyledNav","StyledNavAsSelect","StyledNavList","useResizeObserver","ExpandSingle","Select","Nav","_ref","_dimensions$width","_childDimensions$widt","children","alignment","onSelect","className","role","targetId","active","setActive","moreOpened","setMoreOpened","type","setType","setMoreOpen","setMoreClose","navItemNames","toArray","map","item","_item$props","props","name","allOptions","index","id","navRef","wrapRef","dimensions","childDimensions","parentWidth","width","childWidth","childrenWidth","setChildrenWidth","onClick","e","metaKey","ctrlKey","target","currentTarget","dataset","disabled","Number","onMoreOptionClick","forEach","child","navAsSelect","createElement","$active","expanded","fill","current","$align","$role","ref","element","selected","disabledInternalSort","options","mode","forceCloseMenu","disableSearch","keepSameOptionsOrder","onChange","onSelectOpen","onSelectClose","displayName"],"sources":["../../../../src/components/Nav/Nav.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  FC,\n  ReactNode,\n  useState,\n  useRef,\n  useCallback,\n  useMemo,\n  Children,\n  cloneElement,\n  useEffect,\n  useLayoutEffect,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { ItemProps } from \"./Item/Item\";\nimport { StyledNavListItemMore } from \"./Item/Styles\";\nimport { StyledNav, StyledNavAsSelect, StyledNavList } from \"./Styles\";\nimport { useResizeObserver } from \"../../utils\";\nimport { ExpandSingle } from \"../Expanders/ExpandSingle\";\nimport { Select } from \"../Select/Select\";\n\ntype NavType = \"inline\" | \"dropdown\";\nexport type NavAlignType = \"left\" | \"center\" | \"right\";\nexport type NavRoleType = \"bold\" | \"light\";\n\nexport interface INavProps {\n  children?: ReactElement<ItemProps>[];\n  /** Function for changing active navs. */\n  onSelect?: (index: number) => void;\n  /** Aligment of nav component. */\n  alignment?: NavAlignType;\n  /** CSS classes. */\n  className?: string;\n  /** Role of nav component. */\n  role?: NavRoleType;\n  /** Target id */\n  targetId?: string;\n}\n\nexport const Nav: FC<INavProps> = ({\n  children,\n  alignment = \"left\",\n  onSelect,\n  className,\n  role = \"bold\",\n  targetId,\n}) => {\n  const [active, setActive] = useState(0);\n  const [moreOpened, setMoreOpened] = useState(false);\n  const [type, setType] = useState<NavType>(\"inline\");\n\n  const setMoreOpen = useCallback(() => setMoreOpened(true), []);\n  const setMoreClose = useCallback(() => setMoreOpened(false), []);\n\n  const navItemNames = useMemo(() => {\n    return children\n      ? (Children.toArray(children) as ReactElement<ItemProps>[]).map(\n          (item) => item?.props?.name\n        )\n      : [];\n  }, [children]);\n\n  const allOptions = useMemo(() => {\n    return navItemNames?.map((name, index) => {\n      return { id: index, name: name };\n    });\n  }, [navItemNames]);\n\n  const navRef = useRef<HTMLUListElement | null>(null);\n  const wrapRef = useRef<HTMLElement | null>(null);\n  const dimensions = useResizeObserver(wrapRef);\n  const childDimensions = useResizeObserver(navRef);\n\n  const parentWidth = dimensions?.width ?? 0;\n  const childWidth = childDimensions?.width ?? 0;\n\n  const [childrenWidth, setChildrenWidth] = useState(childWidth);\n\n  useLayoutEffect(() => {\n    if (type === \"inline\") setChildrenWidth(childWidth);\n  }, [childWidth, type]);\n\n  const onClick = useCallback(\n    (e: React.MouseEvent<HTMLElement, MouseEvent>) => {\n      if (e.metaKey || e.ctrlKey) {\n        return;\n      }\n      if (\n        e.target &&\n        e.currentTarget.dataset.index &&\n        !e.currentTarget.dataset.disabled\n      ) {\n        const index = Number(e.currentTarget.dataset.index);\n        setActive(index);\n        if (onSelect) {\n          onSelect(index);\n        }\n      }\n    },\n    [onSelect]\n  );\n\n  const onMoreOptionClick = useCallback(\n    (id) => {\n      setActive(id);\n      if (onSelect) {\n        onSelect(id);\n      }\n    },\n    [onSelect]\n  );\n\n  useMemo(() => {\n    Children.forEach(\n      children as ReactElement[],\n      (child: ReactElement, index) => {\n        if (child && child.props.active) {\n          setActive(index);\n        }\n      }\n    );\n  }, [children]);\n\n  const navAsSelect = useMemo(() => {\n    return (\n      <StyledNavAsSelect id={targetId} $active>\n        <span>{navItemNames[active]}</span>\n        <ExpandSingle expanded={moreOpened} fill=\"currentColor\" />\n      </StyledNavAsSelect>\n    );\n  }, [active, moreOpened, navItemNames, targetId]);\n\n  useEffect(() => {\n    if (!navRef.current || !wrapRef.current) return;\n\n    if (childrenWidth >= parentWidth) {\n      setType(\"dropdown\");\n    } else {\n      setType(\"inline\");\n    }\n  }, [childrenWidth, parentWidth]);\n\n  if (!children) return;\n\n  return (\n    <StyledNav\n      className={classNames(\"c-nav\", className)}\n      $align={alignment}\n      $role={role}\n      ref={wrapRef}\n    >\n      <StyledNavList ref={navRef}>\n        {type === \"inline\" &&\n          Children.toArray(children).map((child: ReactNode, index: number) => {\n            const element = child as ReactElement;\n            return cloneElement(element, {\n              active: index === active,\n              role,\n              onClick,\n              \"data-index\": index,\n              \"data-disabled\": element.props.disabled,\n            });\n          })}\n        {type === \"dropdown\" ? (\n          <StyledNavListItemMore name={navItemNames[active]} role={role}>\n            <Select\n              selected={active}\n              target={navAsSelect}\n              disabledInternalSort\n              options={allOptions}\n              type=\"single\"\n              mode=\"normal\"\n              forceCloseMenu\n              disableSearch\n              keepSameOptionsOrder\n              onChange={onMoreOptionClick}\n              onSelectOpen={setMoreOpen}\n              onSelectClose={setMoreClose}\n            />\n          </StyledNavListItemMore>\n        ) : null}\n      </StyledNavList>\n    </StyledNav>\n  );\n};\n\nNav.displayName = \"Nav\";\n"],"mappings":"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"}
+{"version":3,"file":"Nav.js","names":["React","useState","useRef","useCallback","useMemo","Children","cloneElement","useEffect","useLayoutEffect","classNames","StyledNavListItemMore","StyledNav","StyledNavAsSelect","StyledNavList","useResizeObserver","ExpandSingle","Select","Nav","_ref","_dimensions$width","_childDimensions$widt","children","alignment","onSelect","className","role","targetId","active","setActive","moreOpened","setMoreOpened","type","setType","setMoreOpen","setMoreClose","navItemNames","toArray","map","item","_item$props","props","name","allOptions","index","id","navRef","wrapRef","dimensions","childDimensions","parentWidth","width","childWidth","childrenWidth","setChildrenWidth","onClick","e","metaKey","ctrlKey","target","currentTarget","dataset","disabled","Number","onMoreOptionClick","forEach","child","navAsSelect","createElement","$active","expanded","fill","current","$align","$role","ref","element","selected","disabledInternalSort","options","mode","forceCloseMenu","disableSearch","keepSameOptionsOrder","onChange","onSelectOpen","onSelectClose","displayName"],"sources":["../../../../src/components/Nav/Nav.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  FC,\n  ReactNode,\n  useState,\n  useRef,\n  useCallback,\n  useMemo,\n  Children,\n  cloneElement,\n  useEffect,\n  useLayoutEffect,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { ItemProps } from \"./Item/Item\";\nimport { StyledNavListItemMore } from \"./Item/Styles\";\nimport { StyledNav, StyledNavAsSelect, StyledNavList } from \"./Styles\";\nimport { useResizeObserver } from \"../../utils\";\nimport { ExpandSingle } from \"../Expanders/ExpandSingle\";\nimport { Select } from \"../Select/Select\";\n\ntype NavType = \"inline\" | \"dropdown\";\nexport type NavAlignType = \"left\" | \"center\" | \"right\";\nexport type NavRoleType = \"bold\" | \"light\";\n\nexport interface INavProps {\n  children?: ReactElement<ItemProps>[];\n  /** Function for changing active navs. */\n  onSelect?: (index: number) => void;\n  /** Aligment of nav component. */\n  alignment?: NavAlignType;\n  /** CSS classes. */\n  className?: string;\n  /** Role of nav component. */\n  role?: NavRoleType;\n  /** Target id */\n  targetId?: string;\n}\n\nexport const Nav: FC<INavProps> = ({\n  children,\n  alignment = \"left\",\n  onSelect,\n  className,\n  role = \"bold\",\n  targetId,\n}) => {\n  const [active, setActive] = useState(0);\n  const [moreOpened, setMoreOpened] = useState(false);\n  const [type, setType] = useState<NavType>(\"inline\");\n\n  const setMoreOpen = useCallback(() => setMoreOpened(true), []);\n  const setMoreClose = useCallback(() => setMoreOpened(false), []);\n\n  const navItemNames = useMemo(() => {\n    return children\n      ? (Children.toArray(children) as ReactElement<ItemProps>[]).map(\n          (item) => item?.props?.name\n        )\n      : [];\n  }, [children]);\n\n  const allOptions = useMemo(() => {\n    return navItemNames?.map((name, index) => {\n      return { id: index, name: name };\n    });\n  }, [navItemNames]);\n\n  const navRef = useRef<HTMLUListElement | null>(null);\n  const wrapRef = useRef<HTMLElement | null>(null);\n  const dimensions = useResizeObserver(wrapRef);\n  const childDimensions = useResizeObserver(navRef);\n\n  const parentWidth = dimensions?.width ?? 0;\n  const childWidth = childDimensions?.width ?? 0;\n\n  const [childrenWidth, setChildrenWidth] = useState(childWidth);\n\n  useLayoutEffect(() => {\n    if (type === \"inline\") setChildrenWidth(childWidth);\n  }, [childWidth, type]);\n\n  const onClick = useCallback(\n    (e: React.MouseEvent<HTMLElement, MouseEvent>) => {\n      if (e.metaKey || e.ctrlKey) {\n        return;\n      }\n      if (\n        e.target &&\n        e.currentTarget.dataset.index &&\n        !e.currentTarget.dataset.disabled\n      ) {\n        const index = Number(e.currentTarget.dataset.index);\n        setActive(index);\n        if (onSelect) {\n          onSelect(index);\n        }\n      }\n    },\n    [onSelect]\n  );\n\n  const onMoreOptionClick = useCallback(\n    (id) => {\n      setActive(id);\n      if (onSelect) {\n        onSelect(id);\n      }\n    },\n    [onSelect]\n  );\n\n  useMemo(() => {\n    Children.forEach(\n      children as ReactElement[],\n      (child: ReactElement, index) => {\n        if (child && child.props.active) {\n          setActive(index);\n        }\n      }\n    );\n  }, [children]);\n\n  const navAsSelect = useMemo(() => {\n    return (\n      <StyledNavAsSelect id={targetId} $active>\n        <span>{navItemNames[active]}</span>\n        <ExpandSingle expanded={moreOpened} fill=\"currentColor\" />\n      </StyledNavAsSelect>\n    );\n  }, [active, moreOpened, navItemNames, targetId]);\n\n  useEffect(() => {\n    if (!navRef.current || !wrapRef.current) return;\n    if (!childrenWidth || !parentWidth) return;\n\n    if (childrenWidth < parentWidth) {\n      setType(\"inline\");\n    } else {\n      setType(\"dropdown\");\n    }\n  }, [childrenWidth, parentWidth]);\n\n  if (!children) return;\n\n  return (\n    <StyledNav\n      className={classNames(\"c-nav\", className)}\n      $align={alignment}\n      $role={role}\n      ref={wrapRef}\n    >\n      <StyledNavList ref={navRef}>\n        {type === \"inline\" &&\n          Children.toArray(children).map((child: ReactNode, index: number) => {\n            const element = child as ReactElement;\n            return cloneElement(element, {\n              active: index === active,\n              role,\n              onClick,\n              \"data-index\": index,\n              \"data-disabled\": element.props.disabled,\n            });\n          })}\n        {type === \"dropdown\" ? (\n          <StyledNavListItemMore name={navItemNames[active]} role={role}>\n            <Select\n              selected={active}\n              target={navAsSelect}\n              disabledInternalSort\n              options={allOptions}\n              type=\"single\"\n              mode=\"normal\"\n              forceCloseMenu\n              disableSearch\n              keepSameOptionsOrder\n              onChange={onMoreOptionClick}\n              onSelectOpen={setMoreOpen}\n              onSelectClose={setMoreClose}\n            />\n          </StyledNavListItemMore>\n        ) : null}\n      </StyledNavList>\n    </StyledNav>\n  );\n};\n\nNav.displayName = \"Nav\";\n"],"mappings":"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"}

package/dist/index.js

@@ -15788,10 +15788,11 @@
     }, [active, moreOpened, navItemNames, targetId]);
     React.useEffect(function () {
       if (!navRef.current || !wrapRef.current) return;
-      if (childrenWidth >= parentWidth) {
-        setType("dropdown");
-      } else {
+      if (!childrenWidth || !parentWidth) return;
+      if (childrenWidth < parentWidth) {
         setType("inline");
+      } else {
+        setType("dropdown");
       }
     }, [childrenWidth, parentWidth]);
     if (!children) return;
@@ -15839,7 +15840,8 @@
     "marginLeft": "0.25rem",
     "marginRight": "0.25rem",
     "display": "flex",
-    "alignItems": "center"
+    "alignItems": "center",
+    "gap": "0.5rem"
   }, function (props) {
     return props.$disablePointerEvents && styled.css(["", ""], {
       "pointerEvents": "none"
@@ -16224,10 +16226,13 @@
   });
   InputNumber.displayName = "InputNumber";
 
-  var _excluded$I = ["currency", "size"];
+  var _excluded$I = ["currency", "size", "startAdornment", "endAdornment", "disabled"];
   var InputCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var currency = _ref.currency,
       size = _ref.size,
+      startAdornment = _ref.startAdornment,
+      endAdornment = _ref.endAdornment,
+      disabled = _ref.disabled,
       rest = _objectWithoutProperties(_ref, _excluded$I);
     var variant = React.useMemo(function () {
       if (size === "biggest") {
@@ -16244,12 +16249,19 @@
     return /*#__PURE__*/React__default["default"].createElement(InputNumber, _extends({
       size: size,
       align: "right",
-      startAdornment: /*#__PURE__*/React__default["default"].createElement(InputAdornment, null, /*#__PURE__*/React__default["default"].createElement(Typography, {
+      ref: ref,
+      disabled: disabled,
+      endAdornment: endAdornment && /*#__PURE__*/React__default["default"].createElement(InputAdornment, {
+        disablePointerEvents: disabled
+      }, endAdornment)
+    }, rest, {
+      startAdornment: /*#__PURE__*/React__default["default"].createElement(InputAdornment, {
+        disablePointerEvents: disabled
+      }, /*#__PURE__*/React__default["default"].createElement(Typography, {
         variant: variant,
         weight: weight
-      }, currency)),
-      ref: ref
-    }, rest));
+      }, currency), startAdornment)
+    }));
   });
   InputCurrency.displayName = "InputCurrency";