@activecollab/components 2.0.20 → 2.0.22

package/dist/cjs/components/CounterButton/CounterButton.js

@@ -9,7 +9,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
 var _CloseSmall = _interopRequireDefault(require("../Icons/collection/CloseSmall"));
 var _Tooltip = require("../Tooltip/Tooltip");
-var _excluded = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className", "disabled"];
+var _excluded = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className", "labelClassName", "disabled"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -25,6 +25,7 @@ var CounterButton = exports.CounterButton = /*#__PURE__*/(0, _react.forwardRef)(
     tooltipText = _ref.tooltipText,
     onClearAll = _ref.onClearAll,
     className = _ref.className,
+    labelClassName = _ref.labelClassName,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     args = _objectWithoutProperties(_ref, _excluded);
@@ -46,7 +47,7 @@ var CounterButton = exports.CounterButton = /*#__PURE__*/(0, _react.forwardRef)(
   }), label && /*#__PURE__*/_react.default.createElement(_Styles.StyledCounterButtonLabel, {
     color: "secondary",
     weight: "medium",
-    className: "c-counter-button__label",
+    className: (0, _classnames.default)("c-counter-button__label", labelClassName),
     $active: counter > 0 || active
   }, label), counter > 0 ? /*#__PURE__*/_react.default.createElement(_Styles.StyledBadge, {
     isStandalone: true,

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

@@ -1 +1 @@
-{"version":3,"file":"CounterButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_CloseSmall","_Tooltip","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","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","CounterButton","exports","forwardRef","_ref","ref","label","icon","active","_ref$counter","counter","tooltipText","onClearAll","className","_ref$disabled","disabled","args","createElement","StyledCounterButtonWrapper","StyledCounterButton","classNames","variant","$active","$selected","React","cloneElement","StyledCounterButtonLabel","color","weight","StyledBadge","isStandalone","dimension","value","Tooltip","title","popperTooltipClassName","StyledCounterButtonReset","onClick","displayName"],"sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledBadge,\n  StyledCounterButton,\n  StyledCounterButtonLabel,\n  StyledCounterButtonReset,\n  StyledCounterButtonWrapper,\n} from \"./Styles\";\nimport CloseSmallIcon from \"../Icons/collection/CloseSmall\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\n\nexport interface ICounterButtonProps {\n  /** Set active state */\n  active?: boolean;\n  /** Label for value */\n  label?: string;\n  /** Icon */\n  icon?: ReactElement;\n  /** Number of applied filters */\n  counter?: number;\n  /** OnClearAll callback */\n  onClearAll: (event?) => void;\n  /** Tooltip content */\n  tooltipText?: string;\n  /** Applies passed classes */\n  className?: string;\n  /** Disabled state of a button */\n  disabled?: boolean;\n}\n\nexport const CounterButton = forwardRef<HTMLDivElement, ICounterButtonProps>(\n  (\n    {\n      label,\n      icon,\n      active,\n      counter = 0,\n      tooltipText,\n      onClearAll,\n      className,\n      disabled = false,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledCounterButtonWrapper ref={ref} className={className}>\n        <StyledCounterButton\n          disabled={disabled}\n          aria-disabled={disabled}\n          className={classNames(\"c-counter-button\", {\n            \"c-counter-button__selected\": counter,\n          })}\n          {...args}\n          variant=\"text gray\"\n          $active={counter > 0 || active}\n          $selected={counter > 0}\n        >\n          {icon &&\n            React.cloneElement(icon, {\n              className: classNames(\"c-counter-button__icon\"),\n            })}\n          {label && (\n            <StyledCounterButtonLabel\n              color=\"secondary\"\n              weight=\"medium\"\n              className=\"c-counter-button__label\"\n              $active={counter > 0 || active}\n            >\n              {label}\n            </StyledCounterButtonLabel>\n          )}\n          {counter > 0 ? (\n            <StyledBadge isStandalone={true} dimension={16} value={counter} />\n          ) : null}\n        </StyledCounterButton>\n        {counter > 0 ? (\n          <Tooltip\n            title={`${tooltipText}`}\n            popperTooltipClassName=\"z-index-1300\"\n          >\n            <StyledCounterButtonReset\n              variant=\"text colored\"\n              className=\"c-counter-button__reset\"\n              onClick={onClearAll}\n            >\n              <CloseSmallIcon />\n            </StyledCounterButtonReset>\n          </Tooltip>\n        ) : null}\n      </StyledCounterButtonWrapper>\n    );\n  }\n);\n\nCounterButton.displayName = \"CounterButton\";\n"],"mappings":"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"}
+{"version":3,"file":"CounterButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_CloseSmall","_Tooltip","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","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","CounterButton","exports","forwardRef","_ref","ref","label","icon","active","_ref$counter","counter","tooltipText","onClearAll","className","labelClassName","_ref$disabled","disabled","args","createElement","StyledCounterButtonWrapper","StyledCounterButton","classNames","variant","$active","$selected","React","cloneElement","StyledCounterButtonLabel","color","weight","StyledBadge","isStandalone","dimension","value","Tooltip","title","popperTooltipClassName","StyledCounterButtonReset","onClick","displayName"],"sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledBadge,\n  StyledCounterButton,\n  StyledCounterButtonLabel,\n  StyledCounterButtonReset,\n  StyledCounterButtonWrapper,\n} from \"./Styles\";\nimport CloseSmallIcon from \"../Icons/collection/CloseSmall\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\n\nexport interface ICounterButtonProps {\n  /** Set active state */\n  active?: boolean;\n  /** Label for value */\n  label?: string;\n  /** Icon */\n  icon?: ReactElement;\n  /** Number of applied filters */\n  counter?: number;\n  /** OnClearAll callback */\n  onClearAll: (event?) => void;\n  /** Tooltip content */\n  tooltipText?: string;\n  /** Applies passed classes */\n  className?: string;\n  /** Applies passed classes for label text */\n  labelClassName?: string;\n  /** Disabled state of a button */\n  disabled?: boolean;\n}\n\nexport const CounterButton = forwardRef<HTMLDivElement, ICounterButtonProps>(\n  (\n    {\n      label,\n      icon,\n      active,\n      counter = 0,\n      tooltipText,\n      onClearAll,\n      className,\n      labelClassName,\n      disabled = false,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledCounterButtonWrapper ref={ref} className={className}>\n        <StyledCounterButton\n          disabled={disabled}\n          aria-disabled={disabled}\n          className={classNames(\"c-counter-button\", {\n            \"c-counter-button__selected\": counter,\n          })}\n          {...args}\n          variant=\"text gray\"\n          $active={counter > 0 || active}\n          $selected={counter > 0}\n        >\n          {icon &&\n            React.cloneElement(icon, {\n              className: classNames(\"c-counter-button__icon\"),\n            })}\n          {label && (\n            <StyledCounterButtonLabel\n              color=\"secondary\"\n              weight=\"medium\"\n              className={classNames(\"c-counter-button__label\", labelClassName)}\n              $active={counter > 0 || active}\n            >\n              {label}\n            </StyledCounterButtonLabel>\n          )}\n          {counter > 0 ? (\n            <StyledBadge isStandalone={true} dimension={16} value={counter} />\n          ) : null}\n        </StyledCounterButton>\n        {counter > 0 ? (\n          <Tooltip\n            title={`${tooltipText}`}\n            popperTooltipClassName=\"z-index-1300\"\n          >\n            <StyledCounterButtonReset\n              variant=\"text colored\"\n              className=\"c-counter-button__reset\"\n              onClick={onClearAll}\n            >\n              <CloseSmallIcon />\n            </StyledCounterButtonReset>\n          </Tooltip>\n        ) : null}\n      </StyledCounterButtonWrapper>\n    );\n  }\n);\n\nCounterButton.displayName = \"CounterButton\";\n"],"mappings":"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"}

package/dist/cjs/components/Filter/Filter.js

@@ -50,7 +50,8 @@ var Filter = exports.Filter = function Filter(_ref) {
     _ref$position = _ref.position,
     position = _ref$position === void 0 ? "bottom-end" : _ref$position,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    className = _ref.className;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -160,7 +161,8 @@ var Filter = exports.Filter = function Filter(_ref) {
       counter: count,
       tooltipText: clearAllText,
       onClearAll: handleClearAll,
-      disabled: disabled
+      disabled: disabled,
+      labelClassName: className
     })
   }, /*#__PURE__*/_react.default.createElement(_Transitions.ResizeTransition, {
     in: true

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

@@ -1 +1 @@
-{"version":3,"file":"Filter.js","names":["_react","_interopRequireWildcard","require","_reactFocusLock","_StartMenu","_Styles","_Submenu","_Button","_CounterButton","_Icons","_Select","_Transitions","_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","ownKeys","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","obj","value","_toPropertyKey","configurable","writable","_toPrimitive","String","Symbol","toPrimitive","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","iterator","f","next","done","return","isArray","Filter","exports","_ref","data","_ref$selected","selected","label","clearAllText","_ref$resetLabel","resetLabel","onChange","_ref$width","width","noResultText","emptyFilterText","children","_ref$icon","icon","createElement","FilterIcon","_ref$position","position","_ref$disabled","disabled","_useState","useState","_useState2","open","setOpen","_useState3","_useState4","menu","setMenu","_useState5","_useState6","isLeft","setIsLeft","_useState7","_useState8","height","setHeight","_useState9","_useState10","enteredMenu","setEnteredMenu","_useState11","_useState12","setFilter","useEffect","handleOpen","useCallback","handleClose","handleHeight","element","_element$offsetHeight","offsetHeight","handleItemClick","setIndex","handleChange","selectedArray","newFilters","handleClearAll","event","stopPropagation","handleReset","count","useMemo","c","values","entry","shouldRenderSubmenus","_entry$submenu","submenu","StyledMenu","onOpen","onClose","CounterButton","active","counter","tooltipText","onClearAll","ResizeTransition","in","style","SlideLeftRightTransition","direction","onEnter","onEntered","MoveFocusInside","StartMenu","onHeightChange","onItemClick","map","_ref2","index","_filter$id","id","title","searchPlaceholder","disableInternalSort","isSingleSelect","defaultValue","rest","Submenu","onBack","indexPage","Select","options","type","autoHeightMax","placeholder","keepSameOptionsOrder","Boolean","disableSearch","disabledInternalSort","StyledMenuFooter","Button","variant","size","onClick"],"sources":["../../../../src/components/Filter/Filter.tsx"],"sourcesContent":["import React, {\n  FC,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  PropsWithChildren,\n} from \"react\";\nimport { MoveFocusInside } from \"react-focus-lock\";\n\nimport { Placement } from \"@popperjs/core\";\n\nimport { StartMenu } from \"./StartMenu\";\nimport { StyledMenu, StyledMenuFooter } from \"./Styles\";\nimport { Submenu } from \"./Submenu\";\nimport { Button } from \"../Button\";\nimport { CounterButton } from \"../CounterButton\";\nimport { FilterIcon } from \"../Icons\";\nimport { IOptionGroupProps, IOptionItemProps, Select } from \"../Select\";\nimport { ResizeTransition, SlideLeftRightTransition } from \"../Transitions\";\n\nexport type DataType = {\n  id: number | string;\n  title: string;\n  searchPlaceholder?: string;\n  disableInternalSort?: boolean;\n  submenu: Array<IOptionGroupProps | IOptionItemProps>;\n  isSingleSelect?: boolean;\n  defaultValue?: string;\n  emptyValue?: string;\n  emptyAction?: (e: string | undefined) => void;\n};\n\nexport type SelectedType = {\n  [key: number | string]: Array<string>;\n};\n\nexport interface FilterProps {\n  /** Data rendered in submenus */\n  data: Array<DataType>;\n  /** Selected data inside submenus */\n  selected?: SelectedType;\n  /** Main filter label */\n  label: string;\n  /** Filter width */\n  width?: number;\n  /** Text displayed for the tooltip of clear all button */\n  clearAllText: string;\n  /** Handler for changes on the filter */\n  onChange: (selected: SelectedType) => void;\n  /** Label for reset button inside submenu */\n  resetLabel?: string;\n  /** Text to show when search results are empty */\n  noResultText: string;\n  /** Text to show when there are no submenus to display */\n  emptyFilterText?: string;\n  /** Position of the dropped menu. */\n  position?: Placement;\n  /** Icon of the trigger element. */\n  icon?: ReactElement;\n  /** Disabled state of the trigger. */\n  disabled?: boolean;\n}\n\nexport const Filter: FC<PropsWithChildren<FilterProps>> = ({\n  data,\n  selected = {},\n  label,\n  clearAllText,\n  resetLabel = \"Reset\",\n  onChange,\n  width = 260,\n  noResultText,\n  emptyFilterText,\n  children,\n  icon = <FilterIcon />,\n  position = \"bottom-end\",\n  disabled = false,\n}) => {\n  const [open, setOpen] = useState(false);\n  const [menu, setMenu] = useState<number | string>(\"index\");\n  const [isLeft, setIsLeft] = useState(true);\n  const [height, setHeight] = useState(0);\n  const [enteredMenu, setEnteredMenu] = useState<number | string>(\"index\");\n  const [filter, setFilter] = useState<SelectedType>(() => selected);\n\n  useEffect(() => {\n    if (Object.keys(selected).length > 0 || Object.keys(filter).length > 0) {\n      setFilter(selected);\n    }\n  }, [selected, filter]);\n\n  const handleOpen = useCallback(() => {\n    setOpen(true);\n  }, []);\n\n  const handleClose = useCallback(() => {\n    setOpen(false);\n    setMenu(\"index\");\n    setHeight(0);\n  }, []);\n\n  const handleHeight = useCallback((element) => {\n    setHeight(element?.offsetHeight ?? 0);\n  }, []);\n\n  const handleItemClick = useCallback((value) => {\n    setMenu(value);\n    setIsLeft(true);\n  }, []);\n\n  const setIndex = useCallback(() => {\n    setMenu(\"index\");\n    setIsLeft(false);\n  }, []);\n\n  const handleChange = useCallback(\n    (selectedArray) => {\n      let newFilters = {};\n      if (selectedArray.length) {\n        newFilters = {\n          ...filter,\n          [menu]: selectedArray,\n        };\n      } else {\n        newFilters = { ...filter };\n        delete newFilters[menu];\n      }\n      setFilter(newFilters);\n      onChange(newFilters);\n    },\n    [filter, menu, onChange]\n  );\n\n  const handleClearAll = useCallback(\n    (event) => {\n      event.stopPropagation();\n      setFilter({});\n      onChange({});\n    },\n    [onChange]\n  );\n\n  const handleReset = useCallback(() => {\n    const newFilters = { ...filter };\n    delete newFilters[menu];\n    setFilter(newFilters);\n    onChange(newFilters);\n  }, [filter, menu, onChange]);\n\n  const count = useMemo(() => {\n    let c = 0;\n\n    Object.values(filter).forEach((entry) => {\n      if (typeof entry === \"string\") {\n        return (c += 1);\n      }\n\n      return (c += entry.length);\n    });\n    return c;\n  }, [filter]);\n\n  const shouldRenderSubmenus = useMemo(() => {\n    if (data.length === 0) {\n      return false;\n    }\n\n    for (const entry of data) {\n      if (entry.submenu?.length > 1) {\n        return true;\n      }\n    }\n\n    return false;\n  }, [data]);\n\n  return (\n    <StyledMenu\n      open={open}\n      onOpen={handleOpen}\n      onClose={handleClose}\n      position={position}\n      target={\n        <CounterButton\n          active={open}\n          label={label}\n          icon={icon}\n          counter={count}\n          tooltipText={clearAllText}\n          onClearAll={handleClearAll}\n          disabled={disabled}\n        />\n      }\n    >\n      <ResizeTransition in>\n        <div style={{ height, width }}>\n          <SlideLeftRightTransition\n            in={menu === \"index\"}\n            direction={isLeft ? \"left\" : \"right\"}\n            onEnter={handleHeight}\n            onEntered={() => setEnteredMenu(\"index\")}\n          >\n            <MoveFocusInside>\n              <StartMenu\n                data={data}\n                selected={filter}\n                style={{ width }}\n                onHeightChange={setHeight}\n                onItemClick={handleItemClick}\n                shouldRenderSubmenus={shouldRenderSubmenus}\n                emptyFilterText={emptyFilterText}\n              >\n                {children}\n              </StartMenu>\n            </MoveFocusInside>\n          </SlideLeftRightTransition>\n          {shouldRenderSubmenus &&\n            data.map(\n              (\n                {\n                  id,\n                  title,\n                  submenu,\n                  searchPlaceholder,\n                  disableInternalSort,\n                  isSingleSelect,\n                  defaultValue,\n                  ...rest\n                }: DataType,\n                index: number\n              ) => (\n                <SlideLeftRightTransition\n                  key={`filter-submenu-${index}`}\n                  in={menu === id}\n                  direction={isLeft ? \"left\" : \"right\"}\n                  onEnter={handleHeight}\n                  onEntered={() => setEnteredMenu(id)}\n                >\n                  <Submenu\n                    title={title}\n                    onBack={setIndex}\n                    onHeightChange={setHeight}\n                    style={{ width }}\n                    indexPage={menu === \"index\"}\n                  >\n                    <MoveFocusInside disabled={enteredMenu !== id}>\n                      <Select\n                        options={submenu}\n                        selected={filter[id]}\n                        onChange={handleChange}\n                        type={isSingleSelect ? \"single\" : \"multiple\"}\n                        autoHeightMax={255}\n                        placeholder={searchPlaceholder}\n                        noResultText={noResultText}\n                        keepSameOptionsOrder={Boolean(submenu.length <= 7)}\n                        disableSearch={Boolean(submenu.length <= 7)}\n                        disabledInternalSort={disableInternalSort}\n                        defaultValue={defaultValue}\n                        {...rest}\n                      />\n                      {filter[id]?.length ? (\n                        <StyledMenuFooter>\n                          <Button\n                            variant=\"text colored\"\n                            size=\"small\"\n                            onClick={handleReset}\n                          >\n                            {resetLabel}\n                          </Button>\n                        </StyledMenuFooter>\n                      ) : null}\n                    </MoveFocusInside>\n                  </Submenu>\n                </SlideLeftRightTransition>\n              )\n            )}\n        </div>\n      </ResizeTransition>\n    </StyledMenu>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Filter.js","names":["_react","_interopRequireWildcard","require","_reactFocusLock","_StartMenu","_Styles","_Submenu","_Button","_CounterButton","_Icons","_Select","_Transitions","_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","ownKeys","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","obj","value","_toPropertyKey","configurable","writable","_toPrimitive","String","Symbol","toPrimitive","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","iterator","f","next","done","return","isArray","Filter","exports","_ref","data","_ref$selected","selected","label","clearAllText","_ref$resetLabel","resetLabel","onChange","_ref$width","width","noResultText","emptyFilterText","children","_ref$icon","icon","createElement","FilterIcon","_ref$position","position","_ref$disabled","disabled","className","_useState","useState","_useState2","open","setOpen","_useState3","_useState4","menu","setMenu","_useState5","_useState6","isLeft","setIsLeft","_useState7","_useState8","height","setHeight","_useState9","_useState10","enteredMenu","setEnteredMenu","_useState11","_useState12","setFilter","useEffect","handleOpen","useCallback","handleClose","handleHeight","element","_element$offsetHeight","offsetHeight","handleItemClick","setIndex","handleChange","selectedArray","newFilters","handleClearAll","event","stopPropagation","handleReset","count","useMemo","c","values","entry","shouldRenderSubmenus","_entry$submenu","submenu","StyledMenu","onOpen","onClose","CounterButton","active","counter","tooltipText","onClearAll","labelClassName","ResizeTransition","in","style","SlideLeftRightTransition","direction","onEnter","onEntered","MoveFocusInside","StartMenu","onHeightChange","onItemClick","map","_ref2","index","_filter$id","id","title","searchPlaceholder","disableInternalSort","isSingleSelect","defaultValue","rest","Submenu","onBack","indexPage","Select","options","type","autoHeightMax","placeholder","keepSameOptionsOrder","Boolean","disableSearch","disabledInternalSort","StyledMenuFooter","Button","variant","size","onClick"],"sources":["../../../../src/components/Filter/Filter.tsx"],"sourcesContent":["import React, {\n  FC,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  PropsWithChildren,\n} from \"react\";\nimport { MoveFocusInside } from \"react-focus-lock\";\n\nimport { Placement } from \"@popperjs/core\";\n\nimport { StartMenu } from \"./StartMenu\";\nimport { StyledMenu, StyledMenuFooter } from \"./Styles\";\nimport { Submenu } from \"./Submenu\";\nimport { Button } from \"../Button\";\nimport { CounterButton } from \"../CounterButton\";\nimport { FilterIcon } from \"../Icons\";\nimport { IOptionGroupProps, IOptionItemProps, Select } from \"../Select\";\nimport { ResizeTransition, SlideLeftRightTransition } from \"../Transitions\";\n\nexport type DataType = {\n  id: number | string;\n  title: string;\n  searchPlaceholder?: string;\n  disableInternalSort?: boolean;\n  submenu: Array<IOptionGroupProps | IOptionItemProps>;\n  isSingleSelect?: boolean;\n  defaultValue?: string;\n  emptyValue?: string;\n  emptyAction?: (e: string | undefined) => void;\n};\n\nexport type SelectedType = {\n  [key: number | string]: Array<string>;\n};\n\nexport interface FilterProps {\n  /** Data rendered in submenus */\n  data: Array<DataType>;\n  /** Selected data inside submenus */\n  selected?: SelectedType;\n  /** Main filter label */\n  label: string;\n  /** Filter width */\n  width?: number;\n  /** Text displayed for the tooltip of clear all button */\n  clearAllText: string;\n  /** Handler for changes on the filter */\n  onChange: (selected: SelectedType) => void;\n  /** Label for reset button inside submenu */\n  resetLabel?: string;\n  /** Text to show when search results are empty */\n  noResultText: string;\n  /** Text to show when there are no submenus to display */\n  emptyFilterText?: string;\n  /** Position of the dropped menu. */\n  position?: Placement;\n  /** Icon of the trigger element. */\n  icon?: ReactElement;\n  /** Disabled state of the trigger. */\n  disabled?: boolean;\n  /** Applies passed classes for label text */\n  className?: string;\n}\n\nexport const Filter: FC<PropsWithChildren<FilterProps>> = ({\n  data,\n  selected = {},\n  label,\n  clearAllText,\n  resetLabel = \"Reset\",\n  onChange,\n  width = 260,\n  noResultText,\n  emptyFilterText,\n  children,\n  icon = <FilterIcon />,\n  position = \"bottom-end\",\n  disabled = false,\n  className,\n}) => {\n  const [open, setOpen] = useState(false);\n  const [menu, setMenu] = useState<number | string>(\"index\");\n  const [isLeft, setIsLeft] = useState(true);\n  const [height, setHeight] = useState(0);\n  const [enteredMenu, setEnteredMenu] = useState<number | string>(\"index\");\n  const [filter, setFilter] = useState<SelectedType>(() => selected);\n\n  useEffect(() => {\n    if (Object.keys(selected).length > 0 || Object.keys(filter).length > 0) {\n      setFilter(selected);\n    }\n  }, [selected, filter]);\n\n  const handleOpen = useCallback(() => {\n    setOpen(true);\n  }, []);\n\n  const handleClose = useCallback(() => {\n    setOpen(false);\n    setMenu(\"index\");\n    setHeight(0);\n  }, []);\n\n  const handleHeight = useCallback((element) => {\n    setHeight(element?.offsetHeight ?? 0);\n  }, []);\n\n  const handleItemClick = useCallback((value) => {\n    setMenu(value);\n    setIsLeft(true);\n  }, []);\n\n  const setIndex = useCallback(() => {\n    setMenu(\"index\");\n    setIsLeft(false);\n  }, []);\n\n  const handleChange = useCallback(\n    (selectedArray) => {\n      let newFilters = {};\n      if (selectedArray.length) {\n        newFilters = {\n          ...filter,\n          [menu]: selectedArray,\n        };\n      } else {\n        newFilters = { ...filter };\n        delete newFilters[menu];\n      }\n      setFilter(newFilters);\n      onChange(newFilters);\n    },\n    [filter, menu, onChange]\n  );\n\n  const handleClearAll = useCallback(\n    (event) => {\n      event.stopPropagation();\n      setFilter({});\n      onChange({});\n    },\n    [onChange]\n  );\n\n  const handleReset = useCallback(() => {\n    const newFilters = { ...filter };\n    delete newFilters[menu];\n    setFilter(newFilters);\n    onChange(newFilters);\n  }, [filter, menu, onChange]);\n\n  const count = useMemo(() => {\n    let c = 0;\n\n    Object.values(filter).forEach((entry) => {\n      if (typeof entry === \"string\") {\n        return (c += 1);\n      }\n\n      return (c += entry.length);\n    });\n    return c;\n  }, [filter]);\n\n  const shouldRenderSubmenus = useMemo(() => {\n    if (data.length === 0) {\n      return false;\n    }\n\n    for (const entry of data) {\n      if (entry.submenu?.length > 1) {\n        return true;\n      }\n    }\n\n    return false;\n  }, [data]);\n\n  return (\n    <StyledMenu\n      open={open}\n      onOpen={handleOpen}\n      onClose={handleClose}\n      position={position}\n      target={\n        <CounterButton\n          active={open}\n          label={label}\n          icon={icon}\n          counter={count}\n          tooltipText={clearAllText}\n          onClearAll={handleClearAll}\n          disabled={disabled}\n          labelClassName={className}\n        />\n      }\n    >\n      <ResizeTransition in>\n        <div style={{ height, width }}>\n          <SlideLeftRightTransition\n            in={menu === \"index\"}\n            direction={isLeft ? \"left\" : \"right\"}\n            onEnter={handleHeight}\n            onEntered={() => setEnteredMenu(\"index\")}\n          >\n            <MoveFocusInside>\n              <StartMenu\n                data={data}\n                selected={filter}\n                style={{ width }}\n                onHeightChange={setHeight}\n                onItemClick={handleItemClick}\n                shouldRenderSubmenus={shouldRenderSubmenus}\n                emptyFilterText={emptyFilterText}\n              >\n                {children}\n              </StartMenu>\n            </MoveFocusInside>\n          </SlideLeftRightTransition>\n          {shouldRenderSubmenus &&\n            data.map(\n              (\n                {\n                  id,\n                  title,\n                  submenu,\n                  searchPlaceholder,\n                  disableInternalSort,\n                  isSingleSelect,\n                  defaultValue,\n                  ...rest\n                }: DataType,\n                index: number\n              ) => (\n                <SlideLeftRightTransition\n                  key={`filter-submenu-${index}`}\n                  in={menu === id}\n                  direction={isLeft ? \"left\" : \"right\"}\n                  onEnter={handleHeight}\n                  onEntered={() => setEnteredMenu(id)}\n                >\n                  <Submenu\n                    title={title}\n                    onBack={setIndex}\n                    onHeightChange={setHeight}\n                    style={{ width }}\n                    indexPage={menu === \"index\"}\n                  >\n                    <MoveFocusInside disabled={enteredMenu !== id}>\n                      <Select\n                        options={submenu}\n                        selected={filter[id]}\n                        onChange={handleChange}\n                        type={isSingleSelect ? \"single\" : \"multiple\"}\n                        autoHeightMax={255}\n                        placeholder={searchPlaceholder}\n                        noResultText={noResultText}\n                        keepSameOptionsOrder={Boolean(submenu.length <= 7)}\n                        disableSearch={Boolean(submenu.length <= 7)}\n                        disabledInternalSort={disableInternalSort}\n                        defaultValue={defaultValue}\n                        {...rest}\n                      />\n                      {filter[id]?.length ? (\n                        <StyledMenuFooter>\n                          <Button\n                            variant=\"text colored\"\n                            size=\"small\"\n                            onClick={handleReset}\n                          >\n                            {resetLabel}\n                          </Button>\n                        </StyledMenuFooter>\n                      ) : null}\n                    </MoveFocusInside>\n                  </Submenu>\n                </SlideLeftRightTransition>\n              )\n            )}\n        </div>\n      </ResizeTransition>\n    </StyledMenu>\n  );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,218 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputPassword = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _Input = require("./Input");
+var _Styles = require("./Styles");
+var _utils = require("../../utils");
+var _IconButton = require("../IconButton");
+var _Icons = require("../Icons");
+var _Tooltip = require("../Tooltip");
+var _Typography = require("../Typography");
+var _excluded = ["size", "disabled", "show", "hideControl", "hideIndicator", "showTooltipText", "hideTooltipText", "value", "tooShortText", "weakText", "okayText", "goodText", "strongText", "errorMessage", "invalid", "onChange"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var transform = {
+  biggest: "big",
+  regular: "small",
+  big: "medium"
+};
+var StypedEyeIconSmall = (0, _styledComponents.default)(_Icons.EyeSmallIcon).withConfig({
+  displayName: "InputPassword__StypedEyeIconSmall",
+  componentId: "sc-v930fj-0"
+})(["", ""], {
+  "cursor": "pointer"
+});
+var StypedEyeOffIconSmall = (0, _styledComponents.default)(_Icons.EyeOffSmallIcon).withConfig({
+  displayName: "InputPassword__StypedEyeOffIconSmall",
+  componentId: "sc-v930fj-1"
+})(["", ""], {
+  "cursor": "pointer"
+});
+var StypedEyeIcon = (0, _styledComponents.default)(_Icons.EyeIcon).withConfig({
+  displayName: "InputPassword__StypedEyeIcon",
+  componentId: "sc-v930fj-2"
+})(["", ""], {
+  "cursor": "pointer"
+});
+var StypedEyeOffIcon = (0, _styledComponents.default)(_Icons.EyeOffIcon).withConfig({
+  displayName: "InputPassword__StypedEyeOffIcon",
+  componentId: "sc-v930fj-3"
+})(["", ""], {
+  "cursor": "pointer"
+});
+var StyledInfoIcon = (0, _styledComponents.default)(_Icons.InfoIcon).withConfig({
+  displayName: "InputPassword__StyledInfoIcon",
+  componentId: "sc-v930fj-4"
+})(["", ""], {
+  "marginRight": "0.25rem",
+  "cursor": "help",
+  "fill": "var(--red-alert)"
+});
+var StyledInfoSmallIcon = (0, _styledComponents.default)(_Icons.InfoSmallIcon).withConfig({
+  displayName: "InputPassword__StyledInfoSmallIcon",
+  componentId: "sc-v930fj-5"
+})(["", ""], {
+  "marginRight": "0.25rem",
+  "cursor": "pointer",
+  "fill": "var(--red-alert)"
+});
+var InputPasswordAdornment = function InputPasswordAdornment(_ref) {
+  var invalid = _ref.invalid,
+    errorMessage = _ref.errorMessage,
+    size = _ref.size,
+    hideControl = _ref.hideControl,
+    showText = _ref.showText,
+    hideTooltipText = _ref.hideTooltipText,
+    showTooltipText = _ref.showTooltipText,
+    disabled = _ref.disabled,
+    toggleShow = _ref.toggleShow;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, invalid && errorMessage && /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: errorMessage
+  }, size === "regular" ? /*#__PURE__*/_react.default.createElement(StyledInfoSmallIcon, null) : /*#__PURE__*/_react.default.createElement(StyledInfoIcon, null)), !hideControl && /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: showText ? hideTooltipText : showTooltipText
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+    variant: "text gray",
+    type: "button",
+    size: transform[size],
+    disabled: disabled,
+    onClick: toggleShow
+  }, showText ? size === "regular" ? /*#__PURE__*/_react.default.createElement(StypedEyeOffIconSmall, null) : /*#__PURE__*/_react.default.createElement(StypedEyeOffIcon, null) : size === "regular" ? /*#__PURE__*/_react.default.createElement(StypedEyeIconSmall, null) : /*#__PURE__*/_react.default.createElement(StypedEyeIcon, null))));
+};
+var InputPassword = exports.InputPassword = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
+  var _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? "regular" : _ref2$size,
+    disabled = _ref2.disabled,
+    _ref2$show = _ref2.show,
+    show = _ref2$show === void 0 ? false : _ref2$show,
+    hideControl = _ref2.hideControl,
+    hideIndicator = _ref2.hideIndicator,
+    _ref2$showTooltipText = _ref2.showTooltipText,
+    showTooltipText = _ref2$showTooltipText === void 0 ? "Show" : _ref2$showTooltipText,
+    _ref2$hideTooltipText = _ref2.hideTooltipText,
+    hideTooltipText = _ref2$hideTooltipText === void 0 ? "Hide" : _ref2$hideTooltipText,
+    defaultValue = _ref2.value,
+    _ref2$tooShortText = _ref2.tooShortText,
+    tooShortText = _ref2$tooShortText === void 0 ? "Too short" : _ref2$tooShortText,
+    _ref2$weakText = _ref2.weakText,
+    weakText = _ref2$weakText === void 0 ? "Weak" : _ref2$weakText,
+    _ref2$okayText = _ref2.okayText,
+    okayText = _ref2$okayText === void 0 ? "Okay" : _ref2$okayText,
+    _ref2$goodText = _ref2.goodText,
+    goodText = _ref2$goodText === void 0 ? "Good" : _ref2$goodText,
+    _ref2$strongText = _ref2.strongText,
+    strongText = _ref2$strongText === void 0 ? "Strong" : _ref2$strongText,
+    errorMessage = _ref2.errorMessage,
+    invalid = _ref2.invalid,
+    onChange = _ref2.onChange,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var inputRef = (0, _react.useRef)(null);
+  var handleRef = (0, _utils.useForkRef)(ref, inputRef);
+  var _useState = (0, _react.useState)(show),
+    _useState2 = _slicedToArray(_useState, 2),
+    showText = _useState2[0],
+    setShowText = _useState2[1];
+  var _useState3 = (0, _react.useState)(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    strength = _useState4[0],
+    setStrength = _useState4[1];
+  var _useState5 = (0, _react.useState)(tooShortText),
+    _useState6 = _slicedToArray(_useState5, 2),
+    strengthText = _useState6[0],
+    setStrengthText = _useState6[1];
+  var _useState7 = (0, _react.useState)(function () {
+      return defaultValue;
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    value = _useState8[0],
+    setValue = _useState8[1];
+  var calculateStrength = (0, _react.useCallback)(function (passwordString) {
+    var score = 0;
+    if (passwordString.length < 4) {
+      score = 0;
+      setStrengthText(tooShortText);
+    } else if (passwordString.length === 4) {
+      score = 1;
+      setStrengthText(weakText);
+    } else if (passwordString.length >= 5 && passwordString.length < 10) {
+      score = 2;
+      setStrengthText(okayText);
+      if (/[A-Z!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]/.test(passwordString) && passwordString.length >= 5 && passwordString.length < 10) {
+        score = 3;
+        setStrengthText(goodText);
+      }
+    } else if (passwordString.length >= 10) {
+      score = 4;
+      setStrengthText(strongText);
+    }
+    setStrength(score);
+  }, [goodText, okayText, strongText, tooShortText, weakText]);
+  var handleChange = (0, _react.useCallback)(function (e) {
+    setValue(e.target.value);
+    calculateStrength(e.target.value);
+    typeof onChange === "function" && onChange(e.target.value);
+  }, [calculateStrength, onChange]);
+  var toggleShow = (0, _react.useCallback)(function () {
+    var _inputRef$current;
+    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+    setShowText(function (prevState) {
+      return !prevState;
+    });
+  }, []);
+  (0, _react.useEffect)(function () {
+    setShowText(show);
+  }, [show]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: "fit-content",
+      display: "flex",
+      flexDirection: "column"
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Input.Input, _extends({}, rest, {
+    ref: handleRef,
+    size: size,
+    value: value,
+    disabled: disabled,
+    type: showText ? "text" : "password",
+    onChange: handleChange,
+    invalid: invalid,
+    "data-testid": "InputPassword",
+    endAdornment: /*#__PURE__*/_react.default.createElement(InputPasswordAdornment, {
+      invalid: invalid,
+      errorMessage: errorMessage,
+      size: size,
+      hideControl: hideControl,
+      showText: showText,
+      hideTooltipText: hideTooltipText,
+      showTooltipText: showTooltipText,
+      disabled: disabled,
+      toggleShow: toggleShow
+    })
+  })), !hideIndicator && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledPasswordIndicatorWrapper, null, [...Array(4)].map(function (_, index) {
+    return /*#__PURE__*/_react.default.createElement(_Styles.StyledPasswordIndicator, {
+      key: index,
+      $strength: strength,
+      $index: index,
+      "data-testid": strength >= index + 1 ? "active" : ""
+    });
+  })), /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
+    align: "right",
+    color: "tertiary"
+  }, strengthText)));
+});
+InputPassword.displayName = "InputPassword";
+//# sourceMappingURL=InputPassword.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputPassword.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Input","_Styles","_utils","_IconButton","_Icons","_Tooltip","_Typography","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","transform","biggest","regular","big","StypedEyeIconSmall","styled","EyeSmallIcon","withConfig","displayName","componentId","StypedEyeOffIconSmall","EyeOffSmallIcon","StypedEyeIcon","EyeIcon","StypedEyeOffIcon","EyeOffIcon","StyledInfoIcon","InfoIcon","StyledInfoSmallIcon","InfoSmallIcon","InputPasswordAdornment","_ref","invalid","errorMessage","size","hideControl","showText","hideTooltipText","showTooltipText","disabled","toggleShow","createElement","Fragment","Tooltip","title","IconButton","variant","type","onClick","InputPassword","exports","forwardRef","_ref2","ref","_ref2$size","_ref2$show","show","hideIndicator","_ref2$showTooltipText","_ref2$hideTooltipText","defaultValue","_ref2$tooShortText","tooShortText","_ref2$weakText","weakText","_ref2$okayText","okayText","_ref2$goodText","goodText","_ref2$strongText","strongText","onChange","rest","inputRef","useRef","handleRef","useForkRef","_useState","useState","_useState2","setShowText","_useState3","_useState4","strength","setStrength","_useState5","_useState6","strengthText","setStrengthText","_useState7","_useState8","setValue","calculateStrength","useCallback","passwordString","score","handleChange","_inputRef$current","current","focus","prevState","useEffect","style","width","display","flexDirection","Input","endAdornment","StyledPasswordIndicatorWrapper","map","_","index","StyledPasswordIndicator","$strength","$index","Caption1","align","color"],"sources":["../../../../src/components/Input/InputPassword.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Input, InputProps } from \"./Input\";\nimport {\n  StyledPasswordIndicator,\n  StyledPasswordIndicatorWrapper,\n} from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { IconButton } from \"../IconButton\";\nimport {\n  EyeIcon,\n  EyeOffIcon,\n  EyeOffSmallIcon,\n  EyeSmallIcon,\n  InfoIcon,\n  InfoSmallIcon,\n} from \"../Icons\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Caption1 } from \"../Typography\";\n\nconst transform = {\n  biggest: \"big\",\n  regular: \"small\",\n  big: \"medium\",\n} as const;\n\nexport interface InputPasswordProps extends Omit<InputProps, \"type\" | \"size\"> {\n  /** Input size */\n  size?: \"regular\" | \"big\" | \"biggest\";\n  /** Renders with shown text */\n  show?: boolean;\n  /** Removes show/hide control  */\n  hideControl?: boolean;\n  /** Removes strenght indicator  */\n  hideIndicator?: boolean;\n  /** Show tooltip text */\n  showTooltipText?: string;\n  /** Hide tooltip text */\n  hideTooltipText?: string;\n  /** Too short strength indicator text */\n  tooShortText?: string;\n  /** Weak strength indicator text */\n  weakText?: string;\n  /** Okay strength indicator text */\n  okayText?: string;\n  /** Good strength indicator text */\n  goodText?: string;\n  /** Strong strength indicator text */\n  strongText?: string;\n  /** Error message tooltip text */\n  errorMessage?: string;\n}\n\nconst StypedEyeIconSmall = styled(EyeSmallIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeOffIconSmall = styled(EyeOffSmallIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeIcon = styled(EyeIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeOffIcon = styled(EyeOffIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\nconst StyledInfoIcon = styled(InfoIcon)`\n  ${tw`tw-cursor-help tw-fill-alert tw-mr-1`}\n`;\n\nconst StyledInfoSmallIcon = styled(InfoSmallIcon)`\n  ${tw`tw-cursor-pointer tw-fill-alert tw-mr-1`}\n`;\n\ninterface InputPasswordAdornmentProps {\n  invalid?: boolean;\n  errorMessage?: string;\n  size: \"regular\" | \"big\" | \"biggest\";\n  hideControl?: boolean;\n  showText: boolean;\n  hideTooltipText: string;\n  showTooltipText: string;\n  disabled?: boolean;\n  toggleShow?: () => void;\n}\n\nconst InputPasswordAdornment = ({\n  invalid,\n  errorMessage,\n  size,\n  hideControl,\n  showText,\n  hideTooltipText,\n  showTooltipText,\n  disabled,\n  toggleShow,\n}: InputPasswordAdornmentProps) => (\n  <>\n    {invalid && errorMessage && (\n      <Tooltip title={errorMessage}>\n        {size === \"regular\" ? <StyledInfoSmallIcon /> : <StyledInfoIcon />}\n      </Tooltip>\n    )}\n    {!hideControl && (\n      <Tooltip title={showText ? hideTooltipText : showTooltipText}>\n        <IconButton\n          variant=\"text gray\"\n          type=\"button\"\n          size={transform[size] as \"big\" | \"small\" | \"medium\"}\n          disabled={disabled}\n          onClick={toggleShow}\n        >\n          {showText ? (\n            size === \"regular\" ? (\n              <StypedEyeOffIconSmall />\n            ) : (\n              <StypedEyeOffIcon />\n            )\n          ) : size === \"regular\" ? (\n            <StypedEyeIconSmall />\n          ) : (\n            <StypedEyeIcon />\n          )}\n        </IconButton>\n      </Tooltip>\n    )}\n  </>\n);\n\nexport const InputPassword = forwardRef<HTMLInputElement, InputPasswordProps>(\n  (\n    {\n      size = \"regular\",\n      disabled,\n      show = false,\n      hideControl,\n      hideIndicator,\n      showTooltipText = \"Show\",\n      hideTooltipText = \"Hide\",\n      value: defaultValue,\n      tooShortText = \"Too short\",\n      weakText = \"Weak\",\n      okayText = \"Okay\",\n      goodText = \"Good\",\n      strongText = \"Strong\",\n      errorMessage,\n      invalid,\n      onChange,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const [showText, setShowText] = useState(show);\n    const [strength, setStrength] = useState(0);\n    const [strengthText, setStrengthText] = useState(tooShortText);\n    const [value, setValue] = useState(() => defaultValue as string);\n\n    const calculateStrength = useCallback(\n      (passwordString: string) => {\n        let score = 0;\n\n        if (passwordString.length < 4) {\n          score = 0;\n          setStrengthText(tooShortText);\n        } else if (passwordString.length === 4) {\n          score = 1;\n          setStrengthText(weakText);\n        } else if (passwordString.length >= 5 && passwordString.length < 10) {\n          score = 2;\n          setStrengthText(okayText);\n          if (\n            /[A-Z!@#$%^&*()_+\\-=[\\]{};':\"\\\\|,.<>/?]/.test(passwordString) &&\n            passwordString.length >= 5 &&\n            passwordString.length < 10\n          ) {\n            score = 3;\n            setStrengthText(goodText);\n          }\n        } else if (passwordString.length >= 10) {\n          score = 4;\n          setStrengthText(strongText);\n        }\n\n        setStrength(score);\n      },\n      [goodText, okayText, strongText, tooShortText, weakText]\n    );\n\n    const handleChange = useCallback(\n      (e) => {\n        setValue(e.target.value);\n        calculateStrength(e.target.value);\n        typeof onChange === \"function\" && onChange(e.target.value);\n      },\n      [calculateStrength, onChange]\n    );\n\n    const toggleShow = useCallback(() => {\n      inputRef.current?.focus();\n      setShowText((prevState) => !prevState);\n    }, []);\n\n    useEffect(() => {\n      setShowText(show);\n    }, [show]);\n\n    return (\n      <div\n        style={{\n          width: \"fit-content\",\n          display: \"flex\",\n          flexDirection: \"column\",\n        }}\n      >\n        <Input\n          {...rest}\n          ref={handleRef}\n          size={size}\n          value={value}\n          disabled={disabled}\n          type={showText ? \"text\" : \"password\"}\n          onChange={handleChange}\n          invalid={invalid}\n          data-testid=\"InputPassword\"\n          endAdornment={\n            <InputPasswordAdornment\n              invalid={invalid}\n              errorMessage={errorMessage}\n              size={size}\n              hideControl={hideControl}\n              showText={showText}\n              hideTooltipText={hideTooltipText}\n              showTooltipText={showTooltipText}\n              disabled={disabled}\n              toggleShow={toggleShow}\n            />\n          }\n        />\n        {!hideIndicator && (\n          <>\n            <StyledPasswordIndicatorWrapper>\n              {[...Array(4)].map((_, index) => (\n                <StyledPasswordIndicator\n                  key={index}\n                  $strength={strength}\n                  $index={index}\n                  data-testid={strength >= index + 1 ? \"active\" : \"\"}\n                />\n              ))}\n            </StyledPasswordIndicatorWrapper>\n            <Caption1 align=\"right\" color=\"tertiary\">\n              {strengthText}\n            </Caption1>\n          </>\n        )}\n      </div>\n    );\n  }\n);\n\nInputPassword.displayName = \"InputPassword\";\n"],"mappings":"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"}

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledInputWrapper = exports.StyledInput = void 0;
+exports.StyledPasswordIndicatorWrapper = exports.StyledPasswordIndicator = exports.StyledInputWrapper = exports.StyledInput = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _BoxSizingStyle = require("../BoxSizingStyle");
 var _FontStyle = require("../FontStyle");
@@ -41,4 +41,28 @@ var StyledInput = exports.StyledInput = _styledComponents.default.input.withConf
   return props.align && (0, _styledComponents.css)(["text-align:", ";"], props.align);
 });
 StyledInput.displayName = "StyledInput";
+var StyledPasswordIndicatorWrapper = exports.StyledPasswordIndicatorWrapper = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledPasswordIndicatorWrapper",
+  componentId: "sc-ce8kcp-2"
+})(["display:flex;gap:2px;margin-top:6px;margin-bottom:4px;"]);
+StyledPasswordIndicatorWrapper.displayName = "StyledPasswordIndicatorWrapper";
+var StyledPasswordIndicator = exports.StyledPasswordIndicator = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledPasswordIndicator",
+  componentId: "sc-ce8kcp-3"
+})(["width:100%;height:4px;border-radius:6px;background-color:", ";"], function (props) {
+  var $strength = props.$strength,
+    $index = props.$index;
+  if ($strength === 0) {
+    return "var(--color-theme-300)";
+  } else if ($strength === 1) {
+    return $index === 0 ? "var(--red-alert)" : "var(--color-theme-300)";
+  } else if ($strength === 2) {
+    return $index < 2 ? "var(--color-orange)" : "var(--color-theme-300)";
+  } else if ($strength === 3) {
+    return $index < 3 ? "var(--color-blue-sky)" : "var(--color-theme-300)";
+  } else {
+    return "var(--color-sucess-green)";
+  }
+});
+StyledPasswordIndicator.displayName = "StyledPasswordIndicator";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledInputWrapper","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","$size","css","$disabled","$invalid","StyledInput","input","disabled","$loading","align"],"sources":["../../../../src/components/Input/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { InputProps } from \"./Input\";\nimport { InputSize } from \"./types\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledInputWrapperProps {\n  $size?: InputSize;\n  $invalid?: boolean;\n  $disabled?: boolean;\n}\n\nexport const StyledInputWrapper = styled.div<StyledInputWrapperProps>`\n  align-items: center;\n  background-color: var(--input-background-color);\n  border-color: var(--color-theme-500);\n  border-radius: 8px;\n  border-style: solid;\n  border-width: 1px;\n  cursor: text;\n  display: flex;\n  height: 32px;\n  padding-block: 4px;\n  padding-inline: 4px;\n  transition: all 0.3s ease;\n  width: 360px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$size === \"small\" &&\n    css`\n      border-radius: 6px;\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n    ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      height: 48px;\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      cursor: default;\n      opacity: 50%;\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    !props.$invalid &&\n    css`\n      &:focus-within,\n      &:hover {\n        border-color: var(--color-primary);\n      }\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    props.$invalid &&\n    css`\n      border-color: var(--red-alert);\n    `}\n`;\n\nStyledInputWrapper.displayName = \"StyledInputWrapper\";\n\ninterface StyledInputProps extends Pick<InputProps, \"align\"> {\n  $size?: InputSize;\n  $loading?: boolean;\n}\n\nexport const StyledInput = styled.input<StyledInputProps>`\n  background-color: var(--input-background-color);\n  border: none;\n  color: var(--color-theme-900);\n  /* @TODO: Prebaciti velicine fontova, weight, razmake, itd... u naše varijable. */\n  font-size: 0.875rem;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  margin-block: 0;\n  margin-inline: 4px;\n  outline: none;\n  padding: 0;\n  width: 100%;\n\n  &::placeholder {\n    color: var(--color-theme-transparent-500);\n  }\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      font-size: 1rem;\n    `}\n\n  ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      font-size: 1.25rem;\n      font-weight: 700;\n    `}\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      cursor: default;\n    `}\n\n  ${(props) =>\n    props.$loading &&\n    css`\n      cursor: progress;\n    `}\n\n  ${(props) =>\n    props.align &&\n    css`\n      text-align: ${props.align};\n    `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"mappings":"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"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledInputWrapper","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","$size","css","$disabled","$invalid","StyledInput","input","disabled","$loading","align","StyledPasswordIndicatorWrapper","StyledPasswordIndicator","$strength","$index"],"sources":["../../../../src/components/Input/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { InputProps } from \"./Input\";\nimport { InputSize } from \"./types\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledInputWrapperProps {\n  $size?: InputSize;\n  $invalid?: boolean;\n  $disabled?: boolean;\n}\n\nexport const StyledInputWrapper = styled.div<StyledInputWrapperProps>`\n  align-items: center;\n  background-color: var(--input-background-color);\n  border-color: var(--color-theme-500);\n  border-radius: 8px;\n  border-style: solid;\n  border-width: 1px;\n  cursor: text;\n  display: flex;\n  height: 32px;\n  padding-block: 4px;\n  padding-inline: 4px;\n  transition: all 0.3s ease;\n  width: 360px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$size === \"small\" &&\n    css`\n      border-radius: 6px;\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n    ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      height: 48px;\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      cursor: default;\n      opacity: 50%;\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    !props.$invalid &&\n    css`\n      &:focus-within,\n      &:hover {\n        border-color: var(--color-primary);\n      }\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    props.$invalid &&\n    css`\n      border-color: var(--red-alert);\n    `}\n`;\n\nStyledInputWrapper.displayName = \"StyledInputWrapper\";\n\ninterface StyledInputProps extends Pick<InputProps, \"align\"> {\n  $size?: InputSize;\n  $loading?: boolean;\n}\n\nexport const StyledInput = styled.input<StyledInputProps>`\n  background-color: var(--input-background-color);\n  border: none;\n  color: var(--color-theme-900);\n  /* @TODO: Prebaciti velicine fontova, weight, razmake, itd... u naše varijable. */\n  font-size: 0.875rem;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  margin-block: 0;\n  margin-inline: 4px;\n  outline: none;\n  padding: 0;\n  width: 100%;\n\n  &::placeholder {\n    color: var(--color-theme-transparent-500);\n  }\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      font-size: 1rem;\n    `}\n\n  ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      font-size: 1.25rem;\n      font-weight: 700;\n    `}\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      cursor: default;\n    `}\n\n  ${(props) =>\n    props.$loading &&\n    css`\n      cursor: progress;\n    `}\n\n  ${(props) =>\n    props.align &&\n    css`\n      text-align: ${props.align};\n    `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledPasswordIndicatorWrapper = styled.div`\n  display: flex;\n  gap: 2px;\n  margin-top: 6px;\n  margin-bottom: 4px;\n`;\n\nStyledPasswordIndicatorWrapper.displayName = \"StyledPasswordIndicatorWrapper\";\n\nexport const StyledPasswordIndicator = styled.div<{\n  $strength: number;\n  $index: number;\n}>`\n  width: 100%;\n  height: 4px;\n  border-radius: 6px;\n  background-color: ${(props) => {\n    const { $strength, $index } = props;\n\n    if ($strength === 0) {\n      return \"var(--color-theme-300)\";\n    } else if ($strength === 1) {\n      return $index === 0 ? \"var(--red-alert)\" : \"var(--color-theme-300)\";\n    } else if ($strength === 2) {\n      return $index < 2 ? \"var(--color-orange)\" : \"var(--color-theme-300)\";\n    } else if ($strength === 3) {\n      return $index < 3 ? \"var(--color-blue-sky)\" : \"var(--color-theme-300)\";\n    } else {\n      return \"var(--color-sucess-green)\";\n    }\n  }};\n`;\n\nStyledPasswordIndicator.displayName = \"StyledPasswordIndicator\";\n"],"mappings":"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"}

package/dist/esm/components/CounterButton/CounterButton.d.ts

@@ -14,6 +14,8 @@ export interface ICounterButtonProps {
     tooltipText?: string;
     /** Applies passed classes */
     className?: string;
+    /** Applies passed classes for label text */
+    labelClassName?: string;
     /** Disabled state of a button */
     disabled?: boolean;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CounterButton.d.ts","sourceRoot":"","sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AAcxD,MAAM,WAAW,mBAAmB;IAClC,uBAAuB;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW;IACX,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0BAA0B;IAC1B,UAAU,EAAE,CAAC,KAAK,CAAC,KAAA,KAAK,IAAI,CAAC;IAC7B,sBAAsB;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,4FA+DzB,CAAC"}
+{"version":3,"file":"CounterButton.d.ts","sourceRoot":"","sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AAcxD,MAAM,WAAW,mBAAmB;IAClC,uBAAuB;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW;IACX,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0BAA0B;IAC1B,UAAU,EAAE,CAAC,KAAK,CAAC,KAAA,KAAK,IAAI,CAAC;IAC7B,sBAAsB;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,4FAgEzB,CAAC"}

package/dist/esm/components/CounterButton/CounterButton.js

@@ -22,6 +22,7 @@ const CounterButton = exports.CounterButton = /*#__PURE__*/(0, _react.forwardRef
     tooltipText,
     onClearAll,
     className,
+    labelClassName,
     disabled = false,
     ...args
   } = _ref;
@@ -43,7 +44,7 @@ const CounterButton = exports.CounterButton = /*#__PURE__*/(0, _react.forwardRef
   }), label && /*#__PURE__*/_react.default.createElement(_Styles.StyledCounterButtonLabel, {
     color: "secondary",
     weight: "medium",
-    className: "c-counter-button__label",
+    className: (0, _classnames.default)("c-counter-button__label", labelClassName),
     $active: counter > 0 || active
   }, label), counter > 0 ? /*#__PURE__*/_react.default.createElement(_Styles.StyledBadge, {
     isStandalone: true,