@lax-wp/design-system 0.14.38 → 0.14.40

package/dist/components/floating-bar/FloatingBar.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingBar.cjs.js","sources":["../../../src/components/floating-bar/FloatingBar.tsx"],"sourcesContent":["import { Dropdown } from \"antd\";\nimport cn from \"classnames\";\nimport { motion } from \"framer-motion\";\nimport { useEffect, useRef, useState, type FC, type ReactNode } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Typography } from \"../data-display/typography/Typography\";\nimport { OptionButton } from \"../buttons/option-button/OptionButton\";\nimport IconButton from \"../button/IconButton\";\nimport Tooltip from \"../tooltip/Tooltip\";\nimport { DeleteIcon } from \"../icon\";\n\n/**\n * Close icon component\n */\nconst CloseIcon: FC<{ size?: number; fill?: string; className?: string }> = ({\n  size = 24,\n  fill = \"currentColor\",\n  className,\n}) => (\n  <svg\n    className={className}\n    width={size}\n    height={size}\n    viewBox=\"0 0 20 20\"\n    fill={fill}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M10.0002 11.1666L5.91683 15.2499C5.76405 15.4027 5.56961 15.4791 5.3335 15.4791C5.09739 15.4791 4.90294 15.4027 4.75016 15.2499C4.59738 15.0971 4.521 14.9027 4.521 14.6666C4.521 14.4305 4.59738 14.236 4.75016 14.0833L8.8335 9.99992L4.75016 5.91659C4.59738 5.76381 4.521 5.56936 4.521 5.33325C4.521 5.09714 4.59738 4.9027 4.75016 4.74992C4.90294 4.59714 5.09739 4.52075 5.3335 4.52075C5.56961 4.52075 5.76405 4.59714 5.91683 4.74992L10.0002 8.83325L14.0835 4.74992C14.2363 4.59714 14.4307 4.52075 14.6668 4.52075C14.9029 4.52075 15.0974 4.59714 15.2502 4.74992C15.4029 4.9027 15.4793 5.09714 15.4793 5.33325C15.4793 5.56936 15.4029 5.76381 15.2502 5.91659L11.1668 9.99992L15.2502 14.0833C15.4029 14.236 15.4793 14.4305 15.4793 14.6666C15.4793 14.9027 15.4029 15.0971 15.2502 15.2499C15.0974 15.4027 14.9029 15.4791 14.6668 15.4791C14.4307 15.4791 14.2363 15.4027 14.0835 15.2499L10.0002 11.1666Z\" />\n  </svg>\n);\n\n/**\n * Dropdown arrow icon component\n */\nconst DropdownArrowIcon: FC<{ fill?: string; className?: string }> = ({\n  fill = \"#cccccc\",\n  className,\n}) => (\n  <svg\n    height=\"20\"\n    width=\"20\"\n    viewBox=\"0 0 20 20\"\n    focusable=\"false\"\n    className={className}\n  >\n    <path\n      fill={fill}\n      d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"\n    />\n  </svg>\n);\n\n/**\n * Configuration for action buttons in the floating bar\n */\nexport type ButtonConfig = {\n  /** Button label text */\n  label?: string;\n  /** Icon element to display */\n  icon: ReactNode;\n  /** Click handler for the action */\n  onClick?: () => void;\n  /** Icon for dropdown mode */\n  dropdownIcon?: ReactNode;\n  /** Whether the action is visible */\n  visible?: boolean;\n  /** Whether the action is disabled */\n  disabled?: boolean;\n  /** Tooltip text */\n  tooltip?: string;\n  /** Whether to hide the label text */\n  hideLabel?: boolean;\n  /** Action type */\n  type?: \"button\" | \"dropdown\";\n  /** Dropdown trigger mode */\n  dropdownTrigger?: \"click\" | \"hover\";\n  /** Dropdown menu items */\n  dropdownItems?: Array<{\n    label: ReactNode;\n    key: string;\n    disabled?: boolean;\n  }>;\n};\n\n/**\n * Props for the FloatingBar component\n */\nexport type TFloatingBar = {\n  /** Whether the floating bar is visible */\n  show?: boolean;\n  /** Close handler */\n  onClose: () => void;\n  /** Whether this is used in flow dashboard layout */\n  isFlowDashboard?: boolean;\n  /** Array of action configurations */\n  actionItems: ButtonConfig[];\n  /** Number of selected items */\n  selectedItemsCount?: number;\n  /** Delete action configuration */\n  deleteConfig?: {\n    label?: string;\n    disabled?: boolean;\n    onClick?: () => void;\n  };\n  /** Whether to show action background */\n  showActionBg?: boolean;\n};\n\n/**\n * FloatingBar component provides a floating action bar for bulk operations.\n * Drop-in replacement matching the lax-web-portal implementation.\n *\n * @example\n * ```tsx\n * <FloatingBar\n *   show={selectedItems.length > 0}\n *   onClose={() => setSelectedItems([])}\n *   selectedItemsCount={selectedItems.length}\n *   actionItems={[\n *     {\n *       label: \"Edit\",\n *       icon: <EditIcon size={16} />,\n *       onClick: handleEdit,\n *     },\n *     {\n *       label: \"Archive\",\n *       icon: <ArchiveIcon size={16} />,\n *       onClick: handleArchive,\n *     },\n *   ]}\n *   deleteConfig={{\n *     label: \"Delete\",\n *     onClick: handleDelete,\n *   }}\n * />\n * ```\n */\nexport const FloatingBar: FC<TFloatingBar> = (props) => {\n  const {\n    show,\n    isFlowDashboard,\n    onClose,\n    actionItems,\n    selectedItemsCount,\n    deleteConfig,\n    showActionBg,\n  } = props;\n\n  const { t } = useTranslation();\n  const [showDropdown, setShowDropdown] = useState<boolean>(false);\n  const [showButtons, setShowButtons] = useState<boolean>(true);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const actionContainerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const observer = new ResizeObserver(() => {\n      if (containerRef.current && actionContainerRef.current) {\n        const containerWidth = containerRef.current.scrollWidth - 100;\n        const totalActionItemsWidth = actionItems.length * 180 + 100;\n        if (totalActionItemsWidth > containerWidth) {\n          setShowButtons(false);\n        } else {\n          setShowButtons(true);\n        }\n      }\n    });\n\n    if (containerRef.current) {\n      observer.observe(containerRef.current);\n    }\n\n    return () => {\n      if (containerRef.current) {\n        observer.unobserve(containerRef.current);\n      }\n    };\n  });\n\n  const deleteButtonConfig = {\n    label: t(\"Delete\"),\n    icon: <DeleteIcon className=\"text-error-700 w-icon h-icon\" />,\n    color: \"text-error-700 dark:text-error-700\",\n    onClick: deleteConfig?.onClick,\n    ...deleteConfig,\n  };\n\n  /** Whether a button represents a destructive/delete action */\n  const isDeleteAction = (button: ButtonConfig) => {\n    const label = button.label?.toLowerCase() ?? \"\";\n    return (\n      label.includes(\"delete\") ||\n      label === \"remove\" ||\n      label === \"move to trash\"\n    );\n  };\n\n  /** Delete actions are always displayed last (on the right) */\n  const sortedActionItems = [...actionItems].sort(\n    (a, b) => Number(isDeleteAction(a)) - Number(isDeleteAction(b))\n  );\n\n  /** Whether the action area has anything to render — avoids an empty pill */\n  const hasActions =\n    actionItems.some((button) => button.visible !== false) || Boolean(deleteConfig);\n\n  const dropDownItems = actionItems\n    .filter((button) => button.visible !== false)\n    .map((button, index) => ({\n      key: index,\n      label: (\n        <OptionButton\n          icon={button.dropdownIcon}\n          text={button?.label || \"\"}\n          onClick={button.onClick}\n          className=\"font-inter text-base font-medium text-black-900 dark:text-black-200 gap-1.5\"\n        />\n      ),\n      children: button.dropdownItems,\n      disabled: false,\n    }));\n\n  return !show ? null : (\n    <motion.div\n      initial={{ y: 20, opacity: 0 }}\n      animate={{ y: 0, opacity: 1 }}\n      exit={{ y: 20, opacity: 0 }}\n      transition={{\n        duration: 0.2,\n        ease: [0.4, 0, 0.2, 1],\n        opacity: { duration: 0.15 },\n      }}\n      ref={containerRef}\n      className={cn(\"h-[36px] mb-4\", isFlowDashboard ? \"ml-60 w-1/2\" : \"w-full\")}\n    >\n      <div\n        className={cn(\n          \"h-[36px] border-y border-neutral-900 dark:border-[#0d1014 px-[12px] text-white bg-neutral-900 dark:bg-black-900 flex justify-between items-center\"\n        )}\n      >\n        <div className=\"flex items-center gap-[12px]\">\n          <div className=\"flex items-center gap-[8px]\">\n            <IconButton\n              tooltip=\"Close\"\n              variant=\"ghost\"\n              onClick={onClose}\n              className=\"!p-0 text-white hover:opacity-80 hover:rotate-90 transition-all duration-200\"\n            >\n              <CloseIcon size={16} />\n            </IconButton>\n            <div className=\"w-px h-[14px] rounded-[1px] bg-neutral-700 dark:bg-[#1d242c]\" />\n          </div>\n          <div className=\"flex items-center gap-[6px]\">\n            <span className=\"inline-flex items-center justify-center min-w-[20px] h-[16px] px-[8px] rounded-[9px] border text-[12px] leading-[18px] font-normal text-primary-600 dark:text-primary-400 bg-primary-50 dark:bg-[rgba(0,50,95,0.3)] border-primary-200 dark:border-primary-800\">\n              {selectedItemsCount || 0}\n            </span>\n            <Typography\n              size=\"extra-small\"\n              appearance=\"custom\"\n              className=\"text-white dark:text-neutral-50\"\n            >\n              {t(\"Selected\")}\n            </Typography>\n          </div>\n        </div>\n        {hasActions ? (\n          <div\n            ref={actionContainerRef}\n            className={cn(\n              \"h-[36px] flex items-center font-inter bg-neutral-800 dark:bg-black-800 pl-[10px] rounded-[43px]\"\n            )}\n          >\n            {showButtons ? (\n            <motion.div\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              transition={{ duration: 0.2 }}\n              className=\"flex items-center h-[36px] bg-neutral-800 dark:bg-black-800 px-[10px] rounded-[43px]\"\n            >\n              {sortedActionItems.map(\n                (button, index) =>\n                  button.visible !== false && (\n                    <div key={index}>\n                      {button.type === \"dropdown\" ? (\n                        <Dropdown\n                          menu={{\n                            items: button.dropdownItems,\n                          }}\n                          trigger={[button.dropdownTrigger || \"click\"]}\n                          overlayClassName=\"!min-w-[148px]\"\n                          placement=\"bottomRight\"\n                          getPopupContainer={(trigger) =>\n                            trigger.parentElement as HTMLElement\n                          }\n                          open={showDropdown}\n                          onOpenChange={setShowDropdown}\n                        >\n                          <button\n                            key={index}\n                            id={`btn-floating-bar-${button.label}`}\n                            onClick={button.onClick}\n                            disabled={button.disabled}\n                            className={cn(\n                              !button?.label\n                                ? \"bg-transparent p-1.5 rounded-xl transition-all duration-200 hover:scale-105 hover:opacity-80\"\n                                : \"flex items-center gap-[6px] pl-[8px] pr-[12px] py-[4px] rounded-[6px] text-white dark:text-neutral-50 hover:opacity-80 hover:scale-105 transition-all duration-200 bg-transparent\",\n                              button?.hideLabel && \"!p-1.5\",\n                              isDeleteAction(button) && \"!text-error-500 dark:!text-error-700\",\n                              button.disabled && \"opacity-70\"\n                            )}\n                          >\n                            <Tooltip\n                              hideTooltip={!button.tooltip}\n                              title={button.tooltip}\n                              className=\"flex items-center gap-1.5\"\n                            >\n                              {button.icon}\n                              {!button?.hideLabel && button.label && (\n                                <Typography\n                                  size=\"small\"\n                                  variant=\"medium\"\n                                  className={cn(\n                                    \"text-inherit\",\n                                    isDeleteAction(button) &&\n                                      \"!text-error-500 dark:!text-error-700\"\n                                  )}\n                                  appearance=\"custom\"\n                                >\n                                  {button.label}\n                                </Typography>\n                              )}\n                            </Tooltip>\n                          </button>\n                        </Dropdown>\n                      ) : (\n                        <button\n                          id={`btn-floating-bar-${button.label}`}\n                          onClick={button.onClick}\n                          disabled={button.disabled}\n                          className={cn(\n                            !button?.label\n                              ? \"bg-transparent p-1.5 rounded-xl transition-all duration-200 hover:scale-105 hover:opacity-80\"\n                              : \"flex items-center gap-[6px] pl-[8px] pr-[12px] py-[4px] rounded-[6px] text-white dark:text-neutral-50 hover:opacity-80 hover:scale-105 transition-all duration-200 bg-transparent\",\n                            button?.hideLabel && \"!p-1.5\",\n                            isDeleteAction(button) && \"!text-error-500 dark:!text-error-700\",\n                            button.disabled && \"opacity-70\"\n                          )}\n                        >\n                          <Tooltip\n                            hideTooltip={!button.tooltip}\n                            title={button.tooltip}\n                            className=\"flex items-center gap-1.5\"\n                          >\n                            {button.icon}\n\n                            {!button?.hideLabel && button.label && (\n                              <Typography\n                                size=\"small\"\n                                variant=\"medium\"\n                                className={\"text-inherit\"}\n                                appearance=\"custom\"\n                              >\n                                {button.label}\n                              </Typography>\n                            )}\n                          </Tooltip>\n                        </button>\n                      )}\n                    </div>\n                  )\n              )}\n              {deleteConfig ? (\n                <button\n                  id={`btn-floating-bar-${deleteButtonConfig.label}`}\n                  onClick={deleteButtonConfig.onClick}\n                  disabled={deleteButtonConfig.disabled}\n                  className={cn(\n                    \"flex items-center gap-[6px] pl-[8px] pr-[12px] py-[4px] rounded-[6px] hover:scale-105 hover:opacity-80 transition-all duration-200\",\n                    deleteButtonConfig.disabled && \"opacity-70\"\n                  )}\n                >\n                  {deleteButtonConfig.icon}\n                  <Typography\n                    size=\"small\"\n                    variant=\"medium\"\n                    className=\"text-error-700\"\n                    appearance=\"custom\"\n                  >\n                    {deleteButtonConfig.label}\n                  </Typography>\n                </button>\n              ) : null}\n            </motion.div>\n          ) : (\n            <motion.div\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              transition={{ duration: 0.2 }}\n              className=\"minw-[150px] p-1.5 flex items-center\"\n            >\n              <Dropdown\n                menu={{\n                  items: dropDownItems,\n                }}\n                trigger={[\"click\"]}\n                overlayClassName=\"!min-w-[148px]\"\n                placement=\"bottomRight\"\n                getPopupContainer={(trigger) =>\n                  trigger.parentElement as HTMLElement\n                }\n                open={showDropdown}\n                onOpenChange={setShowDropdown}\n              >\n                <button\n                  id={`btn-floating-bar-actions`}\n                  disabled={dropDownItems.length === 0}\n                  className={cn(\n                    \"flex items-center gap-1.5 px-2 py-1 w-22 h-7 rounded-full bg-[#34405473]/45 dark:bg-black-700 hover:scale-105 hover:opacity-80 transition-all duration-200\",\n                    dropDownItems.length === 0 &&\n                    \"opacity-60 hover:scale-100 hover:opacity-60\"\n                  )}\n                  type=\"button\"\n                >\n                  <Typography\n                    size=\"small\"\n                    variant=\"medium\"\n                    className=\"text-white\"\n                  >\n                    {t(\"Actions\")}\n                  </Typography>\n                  <DropdownArrowIcon\n                    fill=\"#FFFFFF\"\n                    className=\"w-[16px] h-[16px]\"\n                  />\n                </button>\n              </Dropdown>\n              {deleteConfig ? (\n                <button\n                  id={`btn-floating-bar-${deleteButtonConfig.label}`}\n                  onClick={deleteButtonConfig.onClick}\n                  disabled={deleteButtonConfig.disabled}\n                  className={cn(\n                    \"flex items-center gap-[6px] pl-[8px] pr-[12px] py-[4px] rounded-[6px] hover:scale-105 hover:opacity-80 transition-all duration-200\",\n                    deleteButtonConfig.disabled && \"opacity-70\"\n                  )}\n                  type=\"button\"\n                >\n                  {deleteButtonConfig.icon}\n                  <Typography\n                    size=\"small\"\n                    variant=\"medium\"\n                    className=\"text-error-700\"\n                    appearance=\"custom\"\n                  >\n                    {deleteButtonConfig.label}\n                  </Typography>\n                </button>\n              ) : null}\n              </motion.div>\n            )}\n          </div>\n        ) : null}\n      </div>\n    </motion.div>\n  );\n};\n\nFloatingBar.displayName = \"FloatingBar\";\n\n// Re-export types for convenience\nexport type { ButtonConfig as FloatingBarActionConfig };\nexport type FloatingBarDeleteConfig = TFloatingBar[\"deleteConfig\"];\nexport type FloatingBarProps = TFloatingBar;\n\n// Legacy type exports for backwards compatibility\nexport type FloatingBarSize = \"small\" | \"medium\" | \"large\";\nexport type FloatingBarPosition = \"top\" | \"bottom\";\nexport type FloatingBarTheme = \"primary\" | \"dark\" | \"light\";\n"],"names":["CloseIcon","size","fill","className","jsx","DropdownArrowIcon","FloatingBar","props","show","isFlowDashboard","onClose","actionItems","selectedItemsCount","deleteConfig","showActionBg","t","useTranslation","showDropdown","setShowDropdown","useState","showButtons","setShowButtons","containerRef","useRef","actionContainerRef","useEffect","observer","containerWidth","deleteButtonConfig","DeleteIcon","isDeleteAction","button","label","sortedActionItems","a","b","hasActions","dropDownItems","index","OptionButton","motion","cn","jsxs","IconButton","Typography","Dropdown","trigger","Tooltip"],"mappings":"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"}
+{"version":3,"file":"FloatingBar.cjs.js","sources":["../../../src/components/floating-bar/FloatingBar.tsx"],"sourcesContent":["import { Dropdown } from \"antd\";\nimport cn from \"classnames\";\nimport { motion } from \"framer-motion\";\nimport { useEffect, useRef, useState, type FC, type ReactNode } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Typography } from \"../data-display/typography/Typography\";\nimport { OptionButton } from \"../buttons/option-button/OptionButton\";\nimport IconButton from \"../button/IconButton\";\nimport Tooltip from \"../tooltip/Tooltip\";\nimport { DeleteIcon } from \"../icon\";\n\n/**\n * Close icon component\n */\nconst CloseIcon: FC<{ size?: number; fill?: string; className?: string }> = ({\n  size = 24,\n  fill = \"currentColor\",\n  className,\n}) => (\n  <svg\n    className={className}\n    width={size}\n    height={size}\n    viewBox=\"0 0 20 20\"\n    fill={fill}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M10.0002 11.1666L5.91683 15.2499C5.76405 15.4027 5.56961 15.4791 5.3335 15.4791C5.09739 15.4791 4.90294 15.4027 4.75016 15.2499C4.59738 15.0971 4.521 14.9027 4.521 14.6666C4.521 14.4305 4.59738 14.236 4.75016 14.0833L8.8335 9.99992L4.75016 5.91659C4.59738 5.76381 4.521 5.56936 4.521 5.33325C4.521 5.09714 4.59738 4.9027 4.75016 4.74992C4.90294 4.59714 5.09739 4.52075 5.3335 4.52075C5.56961 4.52075 5.76405 4.59714 5.91683 4.74992L10.0002 8.83325L14.0835 4.74992C14.2363 4.59714 14.4307 4.52075 14.6668 4.52075C14.9029 4.52075 15.0974 4.59714 15.2502 4.74992C15.4029 4.9027 15.4793 5.09714 15.4793 5.33325C15.4793 5.56936 15.4029 5.76381 15.2502 5.91659L11.1668 9.99992L15.2502 14.0833C15.4029 14.236 15.4793 14.4305 15.4793 14.6666C15.4793 14.9027 15.4029 15.0971 15.2502 15.2499C15.0974 15.4027 14.9029 15.4791 14.6668 15.4791C14.4307 15.4791 14.2363 15.4027 14.0835 15.2499L10.0002 11.1666Z\" />\n  </svg>\n);\n\n/**\n * Dropdown arrow icon component\n */\nconst DropdownArrowIcon: FC<{ fill?: string; className?: string }> = ({\n  fill = \"#cccccc\",\n  className,\n}) => (\n  <svg\n    height=\"20\"\n    width=\"20\"\n    viewBox=\"0 0 20 20\"\n    focusable=\"false\"\n    className={className}\n  >\n    <path\n      fill={fill}\n      d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"\n    />\n  </svg>\n);\n\n/**\n * Configuration for action buttons in the floating bar\n */\nexport type ButtonConfig = {\n  /** Button label text */\n  label?: string;\n  /** Icon element to display */\n  icon: ReactNode;\n  /** Click handler for the action */\n  onClick?: () => void;\n  /** Icon for dropdown mode */\n  dropdownIcon?: ReactNode;\n  /** Whether the action is visible */\n  visible?: boolean;\n  /** Whether the action is disabled */\n  disabled?: boolean;\n  /** Tooltip text */\n  tooltip?: string;\n  /** Whether to hide the label text */\n  hideLabel?: boolean;\n  /** Action type */\n  type?: \"button\" | \"dropdown\";\n  /** Dropdown trigger mode */\n  dropdownTrigger?: \"click\" | \"hover\";\n  /** Dropdown menu items */\n  dropdownItems?: Array<{\n    label: ReactNode;\n    key: string;\n    disabled?: boolean;\n  }>;\n};\n\n/**\n * Props for the FloatingBar component\n */\nexport type TFloatingBar = {\n  /** Whether the floating bar is visible */\n  show?: boolean;\n  /** Close handler */\n  onClose: () => void;\n  /** Whether this is used in flow dashboard layout */\n  isFlowDashboard?: boolean;\n  /** Array of action configurations */\n  actionItems: ButtonConfig[];\n  /** Number of selected items */\n  selectedItemsCount?: number;\n  /** Delete action configuration */\n  deleteConfig?: {\n    label?: string;\n    disabled?: boolean;\n    onClick?: () => void;\n  };\n  /** Whether to show action background */\n  showActionBg?: boolean;\n};\n\n/**\n * FloatingBar component provides a floating action bar for bulk operations.\n * Drop-in replacement matching the lax-web-portal implementation.\n *\n * @example\n * ```tsx\n * <FloatingBar\n *   show={selectedItems.length > 0}\n *   onClose={() => setSelectedItems([])}\n *   selectedItemsCount={selectedItems.length}\n *   actionItems={[\n *     {\n *       label: \"Edit\",\n *       icon: <EditIcon size={16} />,\n *       onClick: handleEdit,\n *     },\n *     {\n *       label: \"Archive\",\n *       icon: <ArchiveIcon size={16} />,\n *       onClick: handleArchive,\n *     },\n *   ]}\n *   deleteConfig={{\n *     label: \"Delete\",\n *     onClick: handleDelete,\n *   }}\n * />\n * ```\n */\nexport const FloatingBar: FC<TFloatingBar> = (props) => {\n  const {\n    show,\n    isFlowDashboard,\n    onClose,\n    actionItems,\n    selectedItemsCount,\n    deleteConfig,\n    showActionBg,\n  } = props;\n\n  const { t } = useTranslation();\n  const [showDropdown, setShowDropdown] = useState<boolean>(false);\n  const [showButtons, setShowButtons] = useState<boolean>(true);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const actionContainerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const observer = new ResizeObserver(() => {\n      if (containerRef.current && actionContainerRef.current) {\n        const containerWidth = containerRef.current.scrollWidth - 100;\n        const totalActionItemsWidth = actionItems.length * 180 + 100;\n        if (totalActionItemsWidth > containerWidth) {\n          setShowButtons(false);\n        } else {\n          setShowButtons(true);\n        }\n      }\n    });\n\n    if (containerRef.current) {\n      observer.observe(containerRef.current);\n    }\n\n    return () => {\n      if (containerRef.current) {\n        observer.unobserve(containerRef.current);\n      }\n    };\n  });\n\n  const deleteButtonConfig = {\n    label: t(\"Delete\"),\n    icon: <DeleteIcon className=\"text-error-700 w-icon h-icon\" />,\n    color: \"text-error-700 dark:text-error-700\",\n    onClick: deleteConfig?.onClick,\n    ...deleteConfig,\n  };\n\n  /** Whether a button represents a destructive/delete action */\n  const isDeleteAction = (button: ButtonConfig) => {\n    const label = button.label?.toLowerCase() ?? \"\";\n    return (\n      label.includes(\"delete\") ||\n      label === \"remove\" ||\n      label === \"move to trash\"\n    );\n  };\n\n  /** Delete actions are always displayed last (on the right) */\n  const sortedActionItems = [...actionItems].sort(\n    (a, b) => Number(isDeleteAction(a)) - Number(isDeleteAction(b))\n  );\n\n  /** Whether the action area has anything to render — avoids an empty pill */\n  const hasActions =\n    actionItems.some((button) => button.visible !== false) || Boolean(deleteConfig);\n\n  const dropDownItems = actionItems\n    .filter((button) => button.visible !== false)\n    .map((button, index) => ({\n      key: index,\n      label: (\n        <OptionButton\n          icon={button.dropdownIcon}\n          text={button?.label || \"\"}\n          onClick={button.onClick}\n          className=\"font-inter text-base font-medium text-black-900 dark:text-black-200 gap-1.5\"\n        />\n      ),\n      children: button.dropdownItems,\n      disabled: false,\n    }));\n\n  return !show ? null : (\n    <motion.div\n      initial={{ y: 20, opacity: 0 }}\n      animate={{ y: 0, opacity: 1 }}\n      exit={{ y: 20, opacity: 0 }}\n      transition={{\n        duration: 0.2,\n        ease: [0.4, 0, 0.2, 1],\n        opacity: { duration: 0.15 },\n      }}\n      ref={containerRef}\n      className={cn(\"h-[36px] mb-4\", isFlowDashboard ? \"ml-60 w-1/2\" : \"w-full\")}\n    >\n      <div\n        className={cn(\n          \"border-y border-neutral-900 dark:border-[#0d1014 px-[12px] text-white bg-neutral-900 dark:bg-black-900 flex justify-between items-center\"\n        )}\n      >\n        <div className=\"flex items-center gap-[12px]\">\n          <div className=\"flex items-center gap-[8px]\">\n            <IconButton\n              tooltip=\"Close\"\n              variant=\"ghost\"\n              onClick={onClose}\n              className=\"!p-0 text-white hover:opacity-80 hover:rotate-90 transition-all duration-200\"\n            >\n              <CloseIcon size={16} />\n            </IconButton>\n            <div className=\"w-px h-[14px] rounded-[1px] bg-neutral-700 dark:bg-[#1d242c]\" />\n          </div>\n          <div className=\"flex items-center gap-[6px]\">\n            <span className=\"inline-flex items-center justify-center min-w-[20px] h-[16px] px-[8px] rounded-[9px] border text-[12px] leading-[18px] font-normal text-primary-600 dark:text-primary-400 bg-primary-50 dark:bg-[rgba(0,50,95,0.3)] border-primary-200 dark:border-primary-800\">\n              {selectedItemsCount || 0}\n            </span>\n            <Typography\n              size=\"extra-small\"\n              appearance=\"custom\"\n              className=\"text-white dark:text-neutral-50\"\n            >\n              {t(\"Selected\")}\n            </Typography>\n          </div>\n        </div>\n        {hasActions ? (\n          <div\n            ref={actionContainerRef}\n            className={cn(\n              \"h-[36px] flex items-center font-inter bg-neutral-800 dark:bg-black-800 pl-[10px] rounded-[43px]\"\n            )}\n          >\n            {showButtons ? (\n            <motion.div\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              transition={{ duration: 0.2 }}\n              className=\"flex items-center h-[36px] bg-neutral-800 dark:bg-black-800 px-[10px] rounded-[43px]\"\n            >\n              {sortedActionItems.map(\n                (button, index) =>\n                  button.visible !== false && (\n                    <div key={index}>\n                      {button.type === \"dropdown\" ? (\n                        <Dropdown\n                          menu={{\n                            items: button.dropdownItems,\n                          }}\n                          trigger={[button.dropdownTrigger || \"click\"]}\n                          overlayClassName=\"!min-w-[148px]\"\n                          placement=\"bottomRight\"\n                          getPopupContainer={(trigger) =>\n                            trigger.parentElement as HTMLElement\n                          }\n                          open={showDropdown}\n                          onOpenChange={setShowDropdown}\n                        >\n                          <button\n                            key={index}\n                            id={`btn-floating-bar-${button.label}`}\n                            onClick={button.onClick}\n                            disabled={button.disabled}\n                            className={cn(\n                              !button?.label\n                                ? \"bg-transparent p-1.5 rounded-xl transition-all duration-200 hover:scale-105 hover:opacity-80\"\n                                : \"flex items-center gap-[6px] pl-[8px] pr-[12px] py-[4px] rounded-[6px] text-white dark:text-neutral-50 hover:opacity-80 hover:scale-105 transition-all duration-200 bg-transparent\",\n                              button?.hideLabel && \"!p-1.5\",\n                              isDeleteAction(button) && \"!text-error-700\",\n                              button.disabled && \"opacity-70\"\n                            )}\n                          >\n                            <Tooltip\n                              hideTooltip={!button.tooltip}\n                              title={button.tooltip}\n                              className=\"flex items-center gap-1.5\"\n                            >\n                              {button.icon}\n                              {!button?.hideLabel && button.label && (\n                                <Typography\n                                  size=\"small\"\n                                  variant=\"medium\"\n                                  className={\"text-inherit\"}\n                                  appearance=\"custom\"\n                                >\n                                  {button.label}\n                                </Typography>\n                              )}\n                            </Tooltip>\n                          </button>\n                        </Dropdown>\n                      ) : (\n                        <button\n                          id={`btn-floating-bar-${button.label}`}\n                          onClick={button.onClick}\n                          disabled={button.disabled}\n                          className={cn(\n                            !button?.label\n                              ? \"bg-transparent p-1.5 rounded-xl transition-all duration-200 hover:scale-105 hover:opacity-80\"\n                              : \"flex items-center gap-[6px] pl-[8px] pr-[12px] py-[4px] rounded-[6px] text-white dark:text-neutral-50 hover:opacity-80 hover:scale-105 transition-all duration-200 bg-transparent\",\n                            button?.hideLabel && \"!p-1.5\",\n                            isDeleteAction(button) && \"!text-error-700\",\n                            button.disabled && \"opacity-70\"\n                          )}\n                        >\n                          <Tooltip\n                            hideTooltip={!button.tooltip}\n                            title={button.tooltip}\n                            className=\"flex items-center gap-1.5\"\n                          >\n                            {button.icon}\n\n                            {!button?.hideLabel && button.label && (\n                              <Typography\n                                size=\"small\"\n                                variant=\"medium\"\n                                className={\"text-inherit\"}\n                                appearance=\"custom\"\n                              >\n                                {button.label}\n                              </Typography>\n                            )}\n                          </Tooltip>\n                        </button>\n                      )}\n                    </div>\n                  )\n              )}\n              {deleteConfig ? (\n                <button\n                  id={`btn-floating-bar-${deleteButtonConfig.label}`}\n                  onClick={deleteButtonConfig.onClick}\n                  disabled={deleteButtonConfig.disabled}\n                  className={cn(\n                    \"flex items-center gap-[6px] pl-[8px] pr-[12px] py-[4px] rounded-[6px] hover:scale-105 hover:opacity-80 transition-all duration-200\",\n                    deleteButtonConfig.disabled && \"opacity-70\"\n                  )}\n                >\n                  {deleteButtonConfig.icon}\n                  <Typography\n                    size=\"small\"\n                    variant=\"medium\"\n                    className=\"text-error-700\"\n                    appearance=\"custom\"\n                  >\n                    {deleteButtonConfig.label}\n                  </Typography>\n                </button>\n              ) : null}\n            </motion.div>\n          ) : (\n            <motion.div\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              transition={{ duration: 0.2 }}\n              className=\"minw-[150px] p-1.5 flex items-center\"\n            >\n              <Dropdown\n                menu={{\n                  items: dropDownItems,\n                }}\n                trigger={[\"click\"]}\n                overlayClassName=\"!min-w-[148px]\"\n                placement=\"bottomRight\"\n                getPopupContainer={(trigger) =>\n                  trigger.parentElement as HTMLElement\n                }\n                open={showDropdown}\n                onOpenChange={setShowDropdown}\n              >\n                <button\n                  id={`btn-floating-bar-actions`}\n                  disabled={dropDownItems.length === 0}\n                  className={cn(\n                    \"flex items-center gap-1.5 px-2 py-1 w-22 h-7 rounded-full bg-[#34405473]/45 dark:bg-black-700 hover:scale-105 hover:opacity-80 transition-all duration-200\",\n                    dropDownItems.length === 0 &&\n                    \"opacity-60 hover:scale-100 hover:opacity-60\"\n                  )}\n                  type=\"button\"\n                >\n                  <Typography\n                    size=\"small\"\n                    variant=\"medium\"\n                    className=\"text-white\"\n                  >\n                    {t(\"Actions\")}\n                  </Typography>\n                  <DropdownArrowIcon\n                    fill=\"#FFFFFF\"\n                    className=\"w-[16px] h-[16px]\"\n                  />\n                </button>\n              </Dropdown>\n              {deleteConfig ? (\n                <button\n                  id={`btn-floating-bar-${deleteButtonConfig.label}`}\n                  onClick={deleteButtonConfig.onClick}\n                  disabled={deleteButtonConfig.disabled}\n                  className={cn(\n                    \"flex items-center gap-[6px] pl-[8px] pr-[12px] py-[4px] rounded-[6px] hover:scale-105 hover:opacity-80 transition-all duration-200\",\n                    deleteButtonConfig.disabled && \"opacity-70\"\n                  )}\n                  type=\"button\"\n                >\n                  {deleteButtonConfig.icon}\n                  <Typography\n                    size=\"small\"\n                    variant=\"medium\"\n                    className=\"text-error-700\"\n                    appearance=\"custom\"\n                  >\n                    {deleteButtonConfig.label}\n                  </Typography>\n                </button>\n              ) : null}\n              </motion.div>\n            )}\n          </div>\n        ) : null}\n      </div>\n    </motion.div>\n  );\n};\n\nFloatingBar.displayName = \"FloatingBar\";\n\n// Re-export types for convenience\nexport type { ButtonConfig as FloatingBarActionConfig };\nexport type FloatingBarDeleteConfig = TFloatingBar[\"deleteConfig\"];\nexport type FloatingBarProps = TFloatingBar;\n\n// Legacy type exports for backwards compatibility\nexport type FloatingBarSize = \"small\" | \"medium\" | \"large\";\nexport type FloatingBarPosition = \"top\" | \"bottom\";\nexport type FloatingBarTheme = \"primary\" | \"dark\" | \"light\";\n"],"names":["CloseIcon","size","fill","className","jsx","DropdownArrowIcon","FloatingBar","props","show","isFlowDashboard","onClose","actionItems","selectedItemsCount","deleteConfig","showActionBg","t","useTranslation","showDropdown","setShowDropdown","useState","showButtons","setShowButtons","containerRef","useRef","actionContainerRef","useEffect","observer","containerWidth","deleteButtonConfig","DeleteIcon","isDeleteAction","button","label","sortedActionItems","a","b","hasActions","dropDownItems","index","OptionButton","motion","cn","jsxs","IconButton","Typography","Dropdown","trigger","Tooltip"],"mappings":"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"}

package/dist/components/floating-bar/FloatingBar.es.js

@@ -1,4 +1,4 @@
-import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import { jsx as a, jsxs as r } from "react/jsx-runtime";
 import { Dropdown as C } from "antd";
 import l from "../../_virtual/index.es.js";
 import { motion as f } from "framer-motion";
@@ -48,7 +48,7 @@ const S = ({
     show: c,
     isFlowDashboard: h,
     onClose: L,
-    actionItems: m,
+    actionItems: d,
     selectedItemsCount: B,
     deleteConfig: p,
     showActionBg: E
@@ -56,8 +56,8 @@ const S = ({
   A(() => {
     const e = new ResizeObserver(() => {
       if (o.current && y.current) {
-        const r = o.current.scrollWidth - 100;
-        m.length * 180 + 100 > r ? v(!1) : v(!0);
+        const i = o.current.scrollWidth - 100;
+        d.length * 180 + 100 > i ? v(!1) : v(!0);
       }
     });
     return o.current && e.observe(o.current), () => {
@@ -69,13 +69,13 @@ const S = ({
     icon: /* @__PURE__ */ a(O, { className: "text-error-700 w-icon h-icon" }),
     onClick: p?.onClick,
     ...p
-  }, d = (e) => {
-    const r = e.label?.toLowerCase() ?? "";
-    return r.includes("delete") || r === "remove" || r === "move to trash";
-  }, F = [...m].sort(
-    (e, r) => Number(d(e)) - Number(d(r))
-  ), z = m.some((e) => e.visible !== !1) || !!p, b = m.filter((e) => e.visible !== !1).map((e, r) => ({
-    key: r,
+  }, m = (e) => {
+    const i = e.label?.toLowerCase() ?? "";
+    return i.includes("delete") || i === "remove" || i === "move to trash";
+  }, F = [...d].sort(
+    (e, i) => Number(m(e)) - Number(m(i))
+  ), z = d.some((e) => e.visible !== !1) || !!p, b = d.filter((e) => e.visible !== !1).map((e, i) => ({
+    key: i,
     label: /* @__PURE__ */ a(
       T,
       {
@@ -101,15 +101,15 @@ const S = ({
       },
       ref: o,
       className: l("h-[36px] mb-4", h ? "ml-60 w-1/2" : "w-full"),
-      children: /* @__PURE__ */ i(
+      children: /* @__PURE__ */ r(
         "div",
         {
           className: l(
-            "h-[36px] border-y border-neutral-900 dark:border-[#0d1014 px-[12px] text-white bg-neutral-900 dark:bg-black-900 flex justify-between items-center"
+            "border-y border-neutral-900 dark:border-[#0d1014 px-[12px] text-white bg-neutral-900 dark:bg-black-900 flex justify-between items-center"
           ),
           children: [
-            /* @__PURE__ */ i("div", { className: "flex items-center gap-[12px]", children: [
-              /* @__PURE__ */ i("div", { className: "flex items-center gap-[8px]", children: [
+            /* @__PURE__ */ r("div", { className: "flex items-center gap-[12px]", children: [
+              /* @__PURE__ */ r("div", { className: "flex items-center gap-[8px]", children: [
                 /* @__PURE__ */ a(
                   j,
                   {
@@ -122,7 +122,7 @@ const S = ({
                 ),
                 /* @__PURE__ */ a("div", { className: "w-px h-[14px] rounded-[1px] bg-neutral-700 dark:bg-[#1d242c]" })
               ] }),
-              /* @__PURE__ */ i("div", { className: "flex items-center gap-[6px]", children: [
+              /* @__PURE__ */ r("div", { className: "flex items-center gap-[6px]", children: [
                 /* @__PURE__ */ a("span", { className: "inline-flex items-center justify-center min-w-[20px] h-[16px] px-[8px] rounded-[9px] border text-[12px] leading-[18px] font-normal text-primary-600 dark:text-primary-400 bg-primary-50 dark:bg-[rgba(0,50,95,0.3)] border-primary-200 dark:border-primary-800", children: B || 0 }),
                 /* @__PURE__ */ a(
                   s,
@@ -142,7 +142,7 @@ const S = ({
                 className: l(
                   "h-[36px] flex items-center font-inter bg-neutral-800 dark:bg-black-800 pl-[10px] rounded-[43px]"
                 ),
-                children: D ? /* @__PURE__ */ i(
+                children: D ? /* @__PURE__ */ r(
                   f.div,
                   {
                     initial: { opacity: 0 },
@@ -151,7 +151,7 @@ const S = ({
                     className: "flex items-center h-[36px] bg-neutral-800 dark:bg-black-800 px-[10px] rounded-[43px]",
                     children: [
                       F.map(
-                        (e, r) => e.visible !== !1 && /* @__PURE__ */ a("div", { children: e.type === "dropdown" ? /* @__PURE__ */ a(
+                        (e, i) => e.visible !== !1 && /* @__PURE__ */ a("div", { children: e.type === "dropdown" ? /* @__PURE__ */ a(
                           C,
                           {
                             menu: {
@@ -172,10 +172,10 @@ const S = ({
                                 className: l(
                                   e?.label ? "flex items-center gap-[6px] pl-[8px] pr-[12px] py-[4px] rounded-[6px] text-white dark:text-neutral-50 hover:opacity-80 hover:scale-105 transition-all duration-200 bg-transparent" : "bg-transparent p-1.5 rounded-xl transition-all duration-200 hover:scale-105 hover:opacity-80",
                                   e?.hideLabel && "!p-1.5",
-                                  d(e) && "!text-error-500 dark:!text-error-700",
+                                  m(e) && "!text-error-700",
                                   e.disabled && "opacity-70"
                                 ),
-                                children: /* @__PURE__ */ i(
+                                children: /* @__PURE__ */ r(
                                   I,
                                   {
                                     hideTooltip: !e.tooltip,
@@ -188,10 +188,7 @@ const S = ({
                                         {
                                           size: "small",
                                           variant: "medium",
-                                          className: l(
-                                            "text-inherit",
-                                            d(e) && "!text-error-500 dark:!text-error-700"
-                                          ),
+                                          className: "text-inherit",
                                           appearance: "custom",
                                           children: e.label
                                         }
@@ -200,7 +197,7 @@ const S = ({
                                   }
                                 )
                               },
-                              r
+                              i
                             )
                           }
                         ) : /* @__PURE__ */ a(
@@ -212,10 +209,10 @@ const S = ({
                             className: l(
                               e?.label ? "flex items-center gap-[6px] pl-[8px] pr-[12px] py-[4px] rounded-[6px] text-white dark:text-neutral-50 hover:opacity-80 hover:scale-105 transition-all duration-200 bg-transparent" : "bg-transparent p-1.5 rounded-xl transition-all duration-200 hover:scale-105 hover:opacity-80",
                               e?.hideLabel && "!p-1.5",
-                              d(e) && "!text-error-500 dark:!text-error-700",
+                              m(e) && "!text-error-700",
                               e.disabled && "opacity-70"
                             ),
-                            children: /* @__PURE__ */ i(
+                            children: /* @__PURE__ */ r(
                               I,
                               {
                                 hideTooltip: !e.tooltip,
@@ -237,9 +234,9 @@ const S = ({
                               }
                             )
                           }
-                        ) }, r)
+                        ) }, i)
                       ),
-                      p ? /* @__PURE__ */ i(
+                      p ? /* @__PURE__ */ r(
                         "button",
                         {
                           id: `btn-floating-bar-${t.label}`,
@@ -266,7 +263,7 @@ const S = ({
                       ) : null
                     ]
                   }
-                ) : /* @__PURE__ */ i(
+                ) : /* @__PURE__ */ r(
                   f.div,
                   {
                     initial: { opacity: 0 },
@@ -286,7 +283,7 @@ const S = ({
                           getPopupContainer: (e) => e.parentElement,
                           open: g,
                           onOpenChange: u,
-                          children: /* @__PURE__ */ i(
+                          children: /* @__PURE__ */ r(
                             "button",
                             {
                               id: "btn-floating-bar-actions",
@@ -318,7 +315,7 @@ const S = ({
                           )
                         }
                       ),
-                      p ? /* @__PURE__ */ i(
+                      p ? /* @__PURE__ */ r(
                         "button",
                         {
                           id: `btn-floating-bar-${t.label}`,

package/dist/components/floating-bar/FloatingBar.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingBar.es.js","sources":["../../../src/components/floating-bar/FloatingBar.tsx"],"sourcesContent":["import { Dropdown } from \"antd\";\nimport cn from \"classnames\";\nimport { motion } from \"framer-motion\";\nimport { useEffect, useRef, useState, type FC, type ReactNode } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Typography } from \"../data-display/typography/Typography\";\nimport { OptionButton } from \"../buttons/option-button/OptionButton\";\nimport IconButton from \"../button/IconButton\";\nimport Tooltip from \"../tooltip/Tooltip\";\nimport { DeleteIcon } from \"../icon\";\n\n/**\n * Close icon component\n */\nconst CloseIcon: FC<{ size?: number; fill?: string; className?: string }> = ({\n  size = 24,\n  fill = \"currentColor\",\n  className,\n}) => (\n  <svg\n    className={className}\n    width={size}\n    height={size}\n    viewBox=\"0 0 20 20\"\n    fill={fill}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M10.0002 11.1666L5.91683 15.2499C5.76405 15.4027 5.56961 15.4791 5.3335 15.4791C5.09739 15.4791 4.90294 15.4027 4.75016 15.2499C4.59738 15.0971 4.521 14.9027 4.521 14.6666C4.521 14.4305 4.59738 14.236 4.75016 14.0833L8.8335 9.99992L4.75016 5.91659C4.59738 5.76381 4.521 5.56936 4.521 5.33325C4.521 5.09714 4.59738 4.9027 4.75016 4.74992C4.90294 4.59714 5.09739 4.52075 5.3335 4.52075C5.56961 4.52075 5.76405 4.59714 5.91683 4.74992L10.0002 8.83325L14.0835 4.74992C14.2363 4.59714 14.4307 4.52075 14.6668 4.52075C14.9029 4.52075 15.0974 4.59714 15.2502 4.74992C15.4029 4.9027 15.4793 5.09714 15.4793 5.33325C15.4793 5.56936 15.4029 5.76381 15.2502 5.91659L11.1668 9.99992L15.2502 14.0833C15.4029 14.236 15.4793 14.4305 15.4793 14.6666C15.4793 14.9027 15.4029 15.0971 15.2502 15.2499C15.0974 15.4027 14.9029 15.4791 14.6668 15.4791C14.4307 15.4791 14.2363 15.4027 14.0835 15.2499L10.0002 11.1666Z\" />\n  </svg>\n);\n\n/**\n * Dropdown arrow icon component\n */\nconst DropdownArrowIcon: FC<{ fill?: string; className?: string }> = ({\n  fill = \"#cccccc\",\n  className,\n}) => (\n  <svg\n    height=\"20\"\n    width=\"20\"\n    viewBox=\"0 0 20 20\"\n    focusable=\"false\"\n    className={className}\n  >\n    <path\n      fill={fill}\n      d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"\n    />\n  </svg>\n);\n\n/**\n * Configuration for action buttons in the floating bar\n */\nexport type ButtonConfig = {\n  /** Button label text */\n  label?: string;\n  /** Icon element to display */\n  icon: ReactNode;\n  /** Click handler for the action */\n  onClick?: () => void;\n  /** Icon for dropdown mode */\n  dropdownIcon?: ReactNode;\n  /** Whether the action is visible */\n  visible?: boolean;\n  /** Whether the action is disabled */\n  disabled?: boolean;\n  /** Tooltip text */\n  tooltip?: string;\n  /** Whether to hide the label text */\n  hideLabel?: boolean;\n  /** Action type */\n  type?: \"button\" | \"dropdown\";\n  /** Dropdown trigger mode */\n  dropdownTrigger?: \"click\" | \"hover\";\n  /** Dropdown menu items */\n  dropdownItems?: Array<{\n    label: ReactNode;\n    key: string;\n    disabled?: boolean;\n  }>;\n};\n\n/**\n * Props for the FloatingBar component\n */\nexport type TFloatingBar = {\n  /** Whether the floating bar is visible */\n  show?: boolean;\n  /** Close handler */\n  onClose: () => void;\n  /** Whether this is used in flow dashboard layout */\n  isFlowDashboard?: boolean;\n  /** Array of action configurations */\n  actionItems: ButtonConfig[];\n  /** Number of selected items */\n  selectedItemsCount?: number;\n  /** Delete action configuration */\n  deleteConfig?: {\n    label?: string;\n    disabled?: boolean;\n    onClick?: () => void;\n  };\n  /** Whether to show action background */\n  showActionBg?: boolean;\n};\n\n/**\n * FloatingBar component provides a floating action bar for bulk operations.\n * Drop-in replacement matching the lax-web-portal implementation.\n *\n * @example\n * ```tsx\n * <FloatingBar\n *   show={selectedItems.length > 0}\n *   onClose={() => setSelectedItems([])}\n *   selectedItemsCount={selectedItems.length}\n *   actionItems={[\n *     {\n *       label: \"Edit\",\n *       icon: <EditIcon size={16} />,\n *       onClick: handleEdit,\n *     },\n *     {\n *       label: \"Archive\",\n *       icon: <ArchiveIcon size={16} />,\n *       onClick: handleArchive,\n *     },\n *   ]}\n *   deleteConfig={{\n *     label: \"Delete\",\n *     onClick: handleDelete,\n *   }}\n * />\n * ```\n */\nexport const FloatingBar: FC<TFloatingBar> = (props) => {\n  const {\n    show,\n    isFlowDashboard,\n    onClose,\n    actionItems,\n    selectedItemsCount,\n    deleteConfig,\n    showActionBg,\n  } = props;\n\n  const { t } = useTranslation();\n  const [showDropdown, setShowDropdown] = useState<boolean>(false);\n  const [showButtons, setShowButtons] = useState<boolean>(true);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const actionContainerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const observer = new ResizeObserver(() => {\n      if (containerRef.current && actionContainerRef.current) {\n        const containerWidth = containerRef.current.scrollWidth - 100;\n        const totalActionItemsWidth = actionItems.length * 180 + 100;\n        if (totalActionItemsWidth > containerWidth) {\n          setShowButtons(false);\n        } else {\n          setShowButtons(true);\n        }\n      }\n    });\n\n    if (containerRef.current) {\n      observer.observe(containerRef.current);\n    }\n\n    return () => {\n      if (containerRef.current) {\n        observer.unobserve(containerRef.current);\n      }\n    };\n  });\n\n  const deleteButtonConfig = {\n    label: t(\"Delete\"),\n    icon: <DeleteIcon className=\"text-error-700 w-icon h-icon\" />,\n    color: \"text-error-700 dark:text-error-700\",\n    onClick: deleteConfig?.onClick,\n    ...deleteConfig,\n  };\n\n  /** Whether a button represents a destructive/delete action */\n  const isDeleteAction = (button: ButtonConfig) => {\n    const label = button.label?.toLowerCase() ?? \"\";\n    return (\n      label.includes(\"delete\") ||\n      label === \"remove\" ||\n      label === \"move to trash\"\n    );\n  };\n\n  /** Delete actions are always displayed last (on the right) */\n  const sortedActionItems = [...actionItems].sort(\n    (a, b) => Number(isDeleteAction(a)) - Number(isDeleteAction(b))\n  );\n\n  /** Whether the action area has anything to render — avoids an empty pill */\n  const hasActions =\n    actionItems.some((button) => button.visible !== false) || Boolean(deleteConfig);\n\n  const dropDownItems = actionItems\n    .filter((button) => button.visible !== false)\n    .map((button, index) => ({\n      key: index,\n      label: (\n        <OptionButton\n          icon={button.dropdownIcon}\n          text={button?.label || \"\"}\n          onClick={button.onClick}\n          className=\"font-inter text-base font-medium text-black-900 dark:text-black-200 gap-1.5\"\n        />\n      ),\n      children: button.dropdownItems,\n      disabled: false,\n    }));\n\n  return !show ? null : (\n    <motion.div\n      initial={{ y: 20, opacity: 0 }}\n      animate={{ y: 0, opacity: 1 }}\n      exit={{ y: 20, opacity: 0 }}\n      transition={{\n        duration: 0.2,\n        ease: [0.4, 0, 0.2, 1],\n        opacity: { duration: 0.15 },\n      }}\n      ref={containerRef}\n      className={cn(\"h-[36px] mb-4\", isFlowDashboard ? \"ml-60 w-1/2\" : \"w-full\")}\n    >\n      <div\n        className={cn(\n          \"h-[36px] border-y border-neutral-900 dark:border-[#0d1014 px-[12px] text-white bg-neutral-900 dark:bg-black-900 flex justify-between items-center\"\n        )}\n      >\n        <div className=\"flex items-center gap-[12px]\">\n          <div className=\"flex items-center gap-[8px]\">\n            <IconButton\n              tooltip=\"Close\"\n              variant=\"ghost\"\n              onClick={onClose}\n              className=\"!p-0 text-white hover:opacity-80 hover:rotate-90 transition-all duration-200\"\n            >\n              <CloseIcon size={16} />\n            </IconButton>\n            <div className=\"w-px h-[14px] rounded-[1px] bg-neutral-700 dark:bg-[#1d242c]\" />\n          </div>\n          <div className=\"flex items-center gap-[6px]\">\n            <span className=\"inline-flex items-center justify-center min-w-[20px] h-[16px] px-[8px] rounded-[9px] border text-[12px] leading-[18px] font-normal text-primary-600 dark:text-primary-400 bg-primary-50 dark:bg-[rgba(0,50,95,0.3)] border-primary-200 dark:border-primary-800\">\n              {selectedItemsCount || 0}\n            </span>\n            <Typography\n              size=\"extra-small\"\n              appearance=\"custom\"\n              className=\"text-white dark:text-neutral-50\"\n            >\n              {t(\"Selected\")}\n            </Typography>\n          </div>\n        </div>\n        {hasActions ? (\n          <div\n            ref={actionContainerRef}\n            className={cn(\n              \"h-[36px] flex items-center font-inter bg-neutral-800 dark:bg-black-800 pl-[10px] rounded-[43px]\"\n            )}\n          >\n            {showButtons ? (\n            <motion.div\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              transition={{ duration: 0.2 }}\n              className=\"flex items-center h-[36px] bg-neutral-800 dark:bg-black-800 px-[10px] rounded-[43px]\"\n            >\n              {sortedActionItems.map(\n                (button, index) =>\n                  button.visible !== false && (\n                    <div key={index}>\n                      {button.type === \"dropdown\" ? (\n                        <Dropdown\n                          menu={{\n                            items: button.dropdownItems,\n                          }}\n                          trigger={[button.dropdownTrigger || \"click\"]}\n                          overlayClassName=\"!min-w-[148px]\"\n                          placement=\"bottomRight\"\n                          getPopupContainer={(trigger) =>\n                            trigger.parentElement as HTMLElement\n                          }\n                          open={showDropdown}\n                          onOpenChange={setShowDropdown}\n                        >\n                          <button\n                            key={index}\n                            id={`btn-floating-bar-${button.label}`}\n                            onClick={button.onClick}\n                            disabled={button.disabled}\n                            className={cn(\n                              !button?.label\n                                ? \"bg-transparent p-1.5 rounded-xl transition-all duration-200 hover:scale-105 hover:opacity-80\"\n                                : \"flex items-center gap-[6px] pl-[8px] pr-[12px] py-[4px] rounded-[6px] text-white dark:text-neutral-50 hover:opacity-80 hover:scale-105 transition-all duration-200 bg-transparent\",\n                              button?.hideLabel && \"!p-1.5\",\n                              isDeleteAction(button) && \"!text-error-500 dark:!text-error-700\",\n                              button.disabled && \"opacity-70\"\n                            )}\n                          >\n                            <Tooltip\n                              hideTooltip={!button.tooltip}\n                              title={button.tooltip}\n                              className=\"flex items-center gap-1.5\"\n                            >\n                              {button.icon}\n                              {!button?.hideLabel && button.label && (\n                                <Typography\n                                  size=\"small\"\n                                  variant=\"medium\"\n                                  className={cn(\n                                    \"text-inherit\",\n                                    isDeleteAction(button) &&\n                                      \"!text-error-500 dark:!text-error-700\"\n                                  )}\n                                  appearance=\"custom\"\n                                >\n                                  {button.label}\n                                </Typography>\n                              )}\n                            </Tooltip>\n                          </button>\n                        </Dropdown>\n                      ) : (\n                        <button\n                          id={`btn-floating-bar-${button.label}`}\n                          onClick={button.onClick}\n                          disabled={button.disabled}\n                          className={cn(\n                            !button?.label\n                              ? \"bg-transparent p-1.5 rounded-xl transition-all duration-200 hover:scale-105 hover:opacity-80\"\n                              : \"flex items-center gap-[6px] pl-[8px] pr-[12px] py-[4px] rounded-[6px] text-white dark:text-neutral-50 hover:opacity-80 hover:scale-105 transition-all duration-200 bg-transparent\",\n                            button?.hideLabel && \"!p-1.5\",\n                            isDeleteAction(button) && \"!text-error-500 dark:!text-error-700\",\n                            button.disabled && \"opacity-70\"\n                          )}\n                        >\n                          <Tooltip\n                            hideTooltip={!button.tooltip}\n                            title={button.tooltip}\n                            className=\"flex items-center gap-1.5\"\n                          >\n                            {button.icon}\n\n                            {!button?.hideLabel && button.label && (\n                              <Typography\n                                size=\"small\"\n                                variant=\"medium\"\n                                className={\"text-inherit\"}\n                                appearance=\"custom\"\n                              >\n                                {button.label}\n                              </Typography>\n                            )}\n                          </Tooltip>\n                        </button>\n                      )}\n                    </div>\n                  )\n              )}\n              {deleteConfig ? (\n                <button\n                  id={`btn-floating-bar-${deleteButtonConfig.label}`}\n                  onClick={deleteButtonConfig.onClick}\n                  disabled={deleteButtonConfig.disabled}\n                  className={cn(\n                    \"flex items-center gap-[6px] pl-[8px] pr-[12px] py-[4px] rounded-[6px] hover:scale-105 hover:opacity-80 transition-all duration-200\",\n                    deleteButtonConfig.disabled && \"opacity-70\"\n                  )}\n                >\n                  {deleteButtonConfig.icon}\n                  <Typography\n                    size=\"small\"\n                    variant=\"medium\"\n                    className=\"text-error-700\"\n                    appearance=\"custom\"\n                  >\n                    {deleteButtonConfig.label}\n                  </Typography>\n                </button>\n              ) : null}\n            </motion.div>\n          ) : (\n            <motion.div\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              transition={{ duration: 0.2 }}\n              className=\"minw-[150px] p-1.5 flex items-center\"\n            >\n              <Dropdown\n                menu={{\n                  items: dropDownItems,\n                }}\n                trigger={[\"click\"]}\n                overlayClassName=\"!min-w-[148px]\"\n                placement=\"bottomRight\"\n                getPopupContainer={(trigger) =>\n                  trigger.parentElement as HTMLElement\n                }\n                open={showDropdown}\n                onOpenChange={setShowDropdown}\n              >\n                <button\n                  id={`btn-floating-bar-actions`}\n                  disabled={dropDownItems.length === 0}\n                  className={cn(\n                    \"flex items-center gap-1.5 px-2 py-1 w-22 h-7 rounded-full bg-[#34405473]/45 dark:bg-black-700 hover:scale-105 hover:opacity-80 transition-all duration-200\",\n                    dropDownItems.length === 0 &&\n                    \"opacity-60 hover:scale-100 hover:opacity-60\"\n                  )}\n                  type=\"button\"\n                >\n                  <Typography\n                    size=\"small\"\n                    variant=\"medium\"\n                    className=\"text-white\"\n                  >\n                    {t(\"Actions\")}\n                  </Typography>\n                  <DropdownArrowIcon\n                    fill=\"#FFFFFF\"\n                    className=\"w-[16px] h-[16px]\"\n                  />\n                </button>\n              </Dropdown>\n              {deleteConfig ? (\n                <button\n                  id={`btn-floating-bar-${deleteButtonConfig.label}`}\n                  onClick={deleteButtonConfig.onClick}\n                  disabled={deleteButtonConfig.disabled}\n                  className={cn(\n                    \"flex items-center gap-[6px] pl-[8px] pr-[12px] py-[4px] rounded-[6px] hover:scale-105 hover:opacity-80 transition-all duration-200\",\n                    deleteButtonConfig.disabled && \"opacity-70\"\n                  )}\n                  type=\"button\"\n                >\n                  {deleteButtonConfig.icon}\n                  <Typography\n                    size=\"small\"\n                    variant=\"medium\"\n                    className=\"text-error-700\"\n                    appearance=\"custom\"\n                  >\n                    {deleteButtonConfig.label}\n                  </Typography>\n                </button>\n              ) : null}\n              </motion.div>\n            )}\n          </div>\n        ) : null}\n      </div>\n    </motion.div>\n  );\n};\n\nFloatingBar.displayName = \"FloatingBar\";\n\n// Re-export types for convenience\nexport type { ButtonConfig as FloatingBarActionConfig };\nexport type FloatingBarDeleteConfig = TFloatingBar[\"deleteConfig\"];\nexport type FloatingBarProps = TFloatingBar;\n\n// Legacy type exports for backwards compatibility\nexport type FloatingBarSize = \"small\" | \"medium\" | \"large\";\nexport type FloatingBarPosition = \"top\" | \"bottom\";\nexport type FloatingBarTheme = \"primary\" | \"dark\" | \"light\";\n"],"names":["CloseIcon","size","fill","className","jsx","DropdownArrowIcon","FloatingBar","props","show","isFlowDashboard","onClose","actionItems","selectedItemsCount","deleteConfig","showActionBg","t","useTranslation","showDropdown","setShowDropdown","useState","showButtons","setShowButtons","containerRef","useRef","actionContainerRef","useEffect","observer","containerWidth","deleteButtonConfig","DeleteIcon","isDeleteAction","button","label","sortedActionItems","a","b","hasActions","dropDownItems","index","OptionButton","motion","cn","jsxs","IconButton","Typography","Dropdown","trigger","Tooltip"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAsE,CAAC;AAAA,EAC3E,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,WAAAC;AACF,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAAD;AAAA,IACA,OAAOF;AAAA,IACP,QAAQA;AAAA,IACR,SAAQ;AAAA,IACR,MAAAC;AAAA,IACA,OAAM;AAAA,IAEN,UAAA,gBAAAE,EAAC,QAAA,EAAK,GAAE,i4BAAA,CAAi4B;AAAA,EAAA;AAC34B,GAMIC,IAA+D,CAAC;AAAA,EACpE,MAAAH,IAAO;AAAA,EACP,WAAAC;AACF,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,QAAO;AAAA,IACP,OAAM;AAAA,IACN,SAAQ;AAAA,IACR,WAAU;AAAA,IACV,WAAAD;AAAA,IAEA,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAAF;AAAA,QACA,GAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ;AACF,GAwFWI,IAAgC,CAACC,MAAU;AACtD,QAAM;AAAA,IACJ,MAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEP,GAEE,EAAE,GAAAQ,EAAA,IAAMC,EAAA,GACR,CAACC,GAAcC,CAAe,IAAIC,EAAkB,EAAK,GACzD,CAACC,GAAaC,CAAc,IAAIF,EAAkB,EAAI,GAEtDG,IAAeC,EAAuB,IAAI,GAC1CC,IAAqBD,EAAuB,IAAI;AAEtD,EAAAE,EAAU,MAAM;AACd,UAAMC,IAAW,IAAI,eAAe,MAAM;AACxC,UAAIJ,EAAa,WAAWE,EAAmB,SAAS;AACtD,cAAMG,IAAiBL,EAAa,QAAQ,cAAc;AAE1D,QAD8BX,EAAY,SAAS,MAAM,MAC7BgB,IAC1BN,EAAe,EAAK,IAEpBA,EAAe,EAAI;AAAA,MAEvB;AAAA,IACF,CAAC;AAED,WAAIC,EAAa,WACfI,EAAS,QAAQJ,EAAa,OAAO,GAGhC,MAAM;AACX,MAAIA,EAAa,WACfI,EAAS,UAAUJ,EAAa,OAAO;AAAA,IAE3C;AAAA,EACF,CAAC;AAED,QAAMM,IAAqB;AAAA,IACzB,OAAOb,EAAE,QAAQ;AAAA,IACjB,MAAM,gBAAAX,EAACyB,GAAA,EAAW,WAAU,+BAAA,CAA+B;AAAA,IAE3D,SAAShB,GAAc;AAAA,IACvB,GAAGA;AAAA,EAAA,GAICiB,IAAiB,CAACC,MAAyB;AAC/C,UAAMC,IAAQD,EAAO,OAAO,YAAA,KAAiB;AAC7C,WACEC,EAAM,SAAS,QAAQ,KACvBA,MAAU,YACVA,MAAU;AAAA,EAEd,GAGMC,IAAoB,CAAC,GAAGtB,CAAW,EAAE;AAAA,IACzC,CAACuB,GAAGC,MAAM,OAAOL,EAAeI,CAAC,CAAC,IAAI,OAAOJ,EAAeK,CAAC,CAAC;AAAA,EAAA,GAI1DC,IACJzB,EAAY,KAAK,CAACoB,MAAWA,EAAO,YAAY,EAAK,KAAK,EAAQlB,GAE9DwB,IAAgB1B,EACnB,OAAO,CAACoB,MAAWA,EAAO,YAAY,EAAK,EAC3C,IAAI,CAACA,GAAQO,OAAW;AAAA,IACvB,KAAKA;AAAA,IACL,OACE,gBAAAlC;AAAA,MAACmC;AAAA,MAAA;AAAA,QACC,MAAMR,EAAO;AAAA,QACb,MAAMA,GAAQ,SAAS;AAAA,QACvB,SAASA,EAAO;AAAA,QAChB,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAGd,UAAUA,EAAO;AAAA,IACjB,UAAU;AAAA,EAAA,EACV;AAEJ,SAAQvB,IACN,gBAAAJ;AAAA,IAACoC,EAAO;AAAA,IAAP;AAAA,MACC,SAAS,EAAE,GAAG,IAAI,SAAS,EAAA;AAAA,MAC3B,SAAS,EAAE,GAAG,GAAG,SAAS,EAAA;AAAA,MAC1B,MAAM,EAAE,GAAG,IAAI,SAAS,EAAA;AAAA,MACxB,YAAY;AAAA,QACV,UAAU;AAAA,QACV,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;AAAA,QACrB,SAAS,EAAE,UAAU,KAAA;AAAA,MAAK;AAAA,MAE5B,KAAKlB;AAAA,MACL,WAAWmB,EAAG,iBAAiBhC,IAAkB,gBAAgB,QAAQ;AAAA,MAEzE,UAAA,gBAAAiC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWD;AAAA,YACT;AAAA,UAAA;AAAA,UAGF,UAAA;AAAA,YAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,cAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,+BACb,UAAA;AAAA,gBAAA,gBAAAtC;AAAA,kBAACuC;AAAA,kBAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,SAAQ;AAAA,oBACR,SAASjC;AAAA,oBACT,WAAU;AAAA,oBAEV,UAAA,gBAAAN,EAACJ,GAAA,EAAU,MAAM,GAAA,CAAI;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEvB,gBAAAI,EAAC,OAAA,EAAI,WAAU,+DAAA,CAA+D;AAAA,cAAA,GAChF;AAAA,cACA,gBAAAsC,EAAC,OAAA,EAAI,WAAU,+BACb,UAAA;AAAA,gBAAA,gBAAAtC,EAAC,QAAA,EAAK,WAAU,kQACb,UAAAQ,KAAsB,GACzB;AAAA,gBACA,gBAAAR;AAAA,kBAACwC;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,YAAW;AAAA,oBACX,WAAU;AAAA,oBAET,YAAE,UAAU;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACf,EAAA,CACF;AAAA,YAAA,GACF;AAAA,YACCR,IACC,gBAAAhC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAKoB;AAAA,gBACL,WAAWiB;AAAA,kBACT;AAAA,gBAAA;AAAA,gBAGD,UAAArB,IACD,gBAAAsB;AAAA,kBAACF,EAAO;AAAA,kBAAP;AAAA,oBACC,SAAS,EAAE,SAAS,EAAA;AAAA,oBACpB,SAAS,EAAE,SAAS,EAAA;AAAA,oBACpB,YAAY,EAAE,UAAU,IAAA;AAAA,oBACxB,WAAU;AAAA,oBAET,UAAA;AAAA,sBAAAP,EAAkB;AAAA,wBACjB,CAACF,GAAQO,MACPP,EAAO,YAAY,MACjB,gBAAA3B,EAAC,OAAA,EACE,UAAA2B,EAAO,SAAS,aACf,gBAAA3B;AAAA,0BAACyC;AAAA,0BAAA;AAAA,4BACC,MAAM;AAAA,8BACJ,OAAOd,EAAO;AAAA,4BAAA;AAAA,4BAEhB,SAAS,CAACA,EAAO,mBAAmB,OAAO;AAAA,4BAC3C,kBAAiB;AAAA,4BACjB,WAAU;AAAA,4BACV,mBAAmB,CAACe,MAClBA,EAAQ;AAAA,4BAEV,MAAM7B;AAAA,4BACN,cAAcC;AAAA,4BAEd,UAAA,gBAAAd;AAAA,8BAAC;AAAA,8BAAA;AAAA,gCAEC,IAAI,oBAAoB2B,EAAO,KAAK;AAAA,gCACpC,SAASA,EAAO;AAAA,gCAChB,UAAUA,EAAO;AAAA,gCACjB,WAAWU;AAAA,kCACRV,GAAQ,QAEL,sLADA;AAAA,kCAEJA,GAAQ,aAAa;AAAA,kCACrBD,EAAeC,CAAM,KAAK;AAAA,kCAC1BA,EAAO,YAAY;AAAA,gCAAA;AAAA,gCAGrB,UAAA,gBAAAW;AAAA,kCAACK;AAAA,kCAAA;AAAA,oCACC,aAAa,CAAChB,EAAO;AAAA,oCACrB,OAAOA,EAAO;AAAA,oCACd,WAAU;AAAA,oCAET,UAAA;AAAA,sCAAAA,EAAO;AAAA,sCACP,CAACA,GAAQ,aAAaA,EAAO,SAC5B,gBAAA3B;AAAA,wCAACwC;AAAA,wCAAA;AAAA,0CACC,MAAK;AAAA,0CACL,SAAQ;AAAA,0CACR,WAAWH;AAAA,4CACT;AAAA,4CACAX,EAAeC,CAAM,KACnB;AAAA,0CAAA;AAAA,0CAEJ,YAAW;AAAA,0CAEV,UAAAA,EAAO;AAAA,wCAAA;AAAA,sCAAA;AAAA,oCACV;AAAA,kCAAA;AAAA,gCAAA;AAAA,8BAEJ;AAAA,8BAjCKO;AAAA,4BAAA;AAAA,0BAkCP;AAAA,wBAAA,IAGF,gBAAAlC;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,IAAI,oBAAoB2B,EAAO,KAAK;AAAA,4BACpC,SAASA,EAAO;AAAA,4BAChB,UAAUA,EAAO;AAAA,4BACjB,WAAWU;AAAA,8BACRV,GAAQ,QAEL,sLADA;AAAA,8BAEJA,GAAQ,aAAa;AAAA,8BACrBD,EAAeC,CAAM,KAAK;AAAA,8BAC1BA,EAAO,YAAY;AAAA,4BAAA;AAAA,4BAGrB,UAAA,gBAAAW;AAAA,8BAACK;AAAA,8BAAA;AAAA,gCACC,aAAa,CAAChB,EAAO;AAAA,gCACrB,OAAOA,EAAO;AAAA,gCACd,WAAU;AAAA,gCAET,UAAA;AAAA,kCAAAA,EAAO;AAAA,kCAEP,CAACA,GAAQ,aAAaA,EAAO,SAC5B,gBAAA3B;AAAA,oCAACwC;AAAA,oCAAA;AAAA,sCACC,MAAK;AAAA,sCACL,SAAQ;AAAA,sCACR,WAAW;AAAA,sCACX,YAAW;AAAA,sCAEV,UAAAb,EAAO;AAAA,oCAAA;AAAA,kCAAA;AAAA,gCACV;AAAA,8BAAA;AAAA,4BAAA;AAAA,0BAEJ;AAAA,wBAAA,KAnFIO,CAsFV;AAAA,sBAAA;AAAA,sBAGLzB,IACC,gBAAA6B;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACC,IAAI,oBAAoBd,EAAmB,KAAK;AAAA,0BAChD,SAASA,EAAmB;AAAA,0BAC5B,UAAUA,EAAmB;AAAA,0BAC7B,WAAWa;AAAA,4BACT;AAAA,4BACAb,EAAmB,YAAY;AAAA,0BAAA;AAAA,0BAGhC,UAAA;AAAA,4BAAAA,EAAmB;AAAA,4BACpB,gBAAAxB;AAAA,8BAACwC;AAAA,8BAAA;AAAA,gCACC,MAAK;AAAA,gCACL,SAAQ;AAAA,gCACR,WAAU;AAAA,gCACV,YAAW;AAAA,gCAEV,UAAAhB,EAAmB;AAAA,8BAAA;AAAA,4BAAA;AAAA,0BACtB;AAAA,wBAAA;AAAA,sBAAA,IAEA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA,IAGN,gBAAAc;AAAA,kBAACF,EAAO;AAAA,kBAAP;AAAA,oBACC,SAAS,EAAE,SAAS,EAAA;AAAA,oBACpB,SAAS,EAAE,SAAS,EAAA;AAAA,oBACpB,YAAY,EAAE,UAAU,IAAA;AAAA,oBACxB,WAAU;AAAA,oBAEV,UAAA;AAAA,sBAAA,gBAAApC;AAAA,wBAACyC;AAAA,wBAAA;AAAA,0BACC,MAAM;AAAA,4BACJ,OAAOR;AAAA,0BAAA;AAAA,0BAET,SAAS,CAAC,OAAO;AAAA,0BACjB,kBAAiB;AAAA,0BACjB,WAAU;AAAA,0BACV,mBAAmB,CAACS,MAClBA,EAAQ;AAAA,0BAEV,MAAM7B;AAAA,0BACN,cAAcC;AAAA,0BAEd,UAAA,gBAAAwB;AAAA,4BAAC;AAAA,4BAAA;AAAA,8BACC,IAAI;AAAA,8BACJ,UAAUL,EAAc,WAAW;AAAA,8BACnC,WAAWI;AAAA,gCACT;AAAA,gCACAJ,EAAc,WAAW,KACzB;AAAA,8BAAA;AAAA,8BAEF,MAAK;AAAA,8BAEL,UAAA;AAAA,gCAAA,gBAAAjC;AAAA,kCAACwC;AAAA,kCAAA;AAAA,oCACC,MAAK;AAAA,oCACL,SAAQ;AAAA,oCACR,WAAU;AAAA,oCAET,YAAE,SAAS;AAAA,kCAAA;AAAA,gCAAA;AAAA,gCAEd,gBAAAxC;AAAA,kCAACC;AAAA,kCAAA;AAAA,oCACC,MAAK;AAAA,oCACL,WAAU;AAAA,kCAAA;AAAA,gCAAA;AAAA,8BACZ;AAAA,4BAAA;AAAA,0BAAA;AAAA,wBACF;AAAA,sBAAA;AAAA,sBAEDQ,IACC,gBAAA6B;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACC,IAAI,oBAAoBd,EAAmB,KAAK;AAAA,0BAChD,SAASA,EAAmB;AAAA,0BAC5B,UAAUA,EAAmB;AAAA,0BAC7B,WAAWa;AAAA,4BACT;AAAA,4BACAb,EAAmB,YAAY;AAAA,0BAAA;AAAA,0BAEjC,MAAK;AAAA,0BAEJ,UAAA;AAAA,4BAAAA,EAAmB;AAAA,4BACpB,gBAAAxB;AAAA,8BAACwC;AAAA,8BAAA;AAAA,gCACC,MAAK;AAAA,gCACL,SAAQ;AAAA,gCACR,WAAU;AAAA,gCACV,YAAW;AAAA,gCAEV,UAAAhB,EAAmB;AAAA,8BAAA;AAAA,4BAAA;AAAA,0BACtB;AAAA,wBAAA;AAAA,sBAAA,IAEA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACJ;AAAA,YAAA,IAGF;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA,IAhPW;AAmPjB;AAEAtB,EAAY,cAAc;"}
+{"version":3,"file":"FloatingBar.es.js","sources":["../../../src/components/floating-bar/FloatingBar.tsx"],"sourcesContent":["import { Dropdown } from \"antd\";\nimport cn from \"classnames\";\nimport { motion } from \"framer-motion\";\nimport { useEffect, useRef, useState, type FC, type ReactNode } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Typography } from \"../data-display/typography/Typography\";\nimport { OptionButton } from \"../buttons/option-button/OptionButton\";\nimport IconButton from \"../button/IconButton\";\nimport Tooltip from \"../tooltip/Tooltip\";\nimport { DeleteIcon } from \"../icon\";\n\n/**\n * Close icon component\n */\nconst CloseIcon: FC<{ size?: number; fill?: string; className?: string }> = ({\n  size = 24,\n  fill = \"currentColor\",\n  className,\n}) => (\n  <svg\n    className={className}\n    width={size}\n    height={size}\n    viewBox=\"0 0 20 20\"\n    fill={fill}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M10.0002 11.1666L5.91683 15.2499C5.76405 15.4027 5.56961 15.4791 5.3335 15.4791C5.09739 15.4791 4.90294 15.4027 4.75016 15.2499C4.59738 15.0971 4.521 14.9027 4.521 14.6666C4.521 14.4305 4.59738 14.236 4.75016 14.0833L8.8335 9.99992L4.75016 5.91659C4.59738 5.76381 4.521 5.56936 4.521 5.33325C4.521 5.09714 4.59738 4.9027 4.75016 4.74992C4.90294 4.59714 5.09739 4.52075 5.3335 4.52075C5.56961 4.52075 5.76405 4.59714 5.91683 4.74992L10.0002 8.83325L14.0835 4.74992C14.2363 4.59714 14.4307 4.52075 14.6668 4.52075C14.9029 4.52075 15.0974 4.59714 15.2502 4.74992C15.4029 4.9027 15.4793 5.09714 15.4793 5.33325C15.4793 5.56936 15.4029 5.76381 15.2502 5.91659L11.1668 9.99992L15.2502 14.0833C15.4029 14.236 15.4793 14.4305 15.4793 14.6666C15.4793 14.9027 15.4029 15.0971 15.2502 15.2499C15.0974 15.4027 14.9029 15.4791 14.6668 15.4791C14.4307 15.4791 14.2363 15.4027 14.0835 15.2499L10.0002 11.1666Z\" />\n  </svg>\n);\n\n/**\n * Dropdown arrow icon component\n */\nconst DropdownArrowIcon: FC<{ fill?: string; className?: string }> = ({\n  fill = \"#cccccc\",\n  className,\n}) => (\n  <svg\n    height=\"20\"\n    width=\"20\"\n    viewBox=\"0 0 20 20\"\n    focusable=\"false\"\n    className={className}\n  >\n    <path\n      fill={fill}\n      d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"\n    />\n  </svg>\n);\n\n/**\n * Configuration for action buttons in the floating bar\n */\nexport type ButtonConfig = {\n  /** Button label text */\n  label?: string;\n  /** Icon element to display */\n  icon: ReactNode;\n  /** Click handler for the action */\n  onClick?: () => void;\n  /** Icon for dropdown mode */\n  dropdownIcon?: ReactNode;\n  /** Whether the action is visible */\n  visible?: boolean;\n  /** Whether the action is disabled */\n  disabled?: boolean;\n  /** Tooltip text */\n  tooltip?: string;\n  /** Whether to hide the label text */\n  hideLabel?: boolean;\n  /** Action type */\n  type?: \"button\" | \"dropdown\";\n  /** Dropdown trigger mode */\n  dropdownTrigger?: \"click\" | \"hover\";\n  /** Dropdown menu items */\n  dropdownItems?: Array<{\n    label: ReactNode;\n    key: string;\n    disabled?: boolean;\n  }>;\n};\n\n/**\n * Props for the FloatingBar component\n */\nexport type TFloatingBar = {\n  /** Whether the floating bar is visible */\n  show?: boolean;\n  /** Close handler */\n  onClose: () => void;\n  /** Whether this is used in flow dashboard layout */\n  isFlowDashboard?: boolean;\n  /** Array of action configurations */\n  actionItems: ButtonConfig[];\n  /** Number of selected items */\n  selectedItemsCount?: number;\n  /** Delete action configuration */\n  deleteConfig?: {\n    label?: string;\n    disabled?: boolean;\n    onClick?: () => void;\n  };\n  /** Whether to show action background */\n  showActionBg?: boolean;\n};\n\n/**\n * FloatingBar component provides a floating action bar for bulk operations.\n * Drop-in replacement matching the lax-web-portal implementation.\n *\n * @example\n * ```tsx\n * <FloatingBar\n *   show={selectedItems.length > 0}\n *   onClose={() => setSelectedItems([])}\n *   selectedItemsCount={selectedItems.length}\n *   actionItems={[\n *     {\n *       label: \"Edit\",\n *       icon: <EditIcon size={16} />,\n *       onClick: handleEdit,\n *     },\n *     {\n *       label: \"Archive\",\n *       icon: <ArchiveIcon size={16} />,\n *       onClick: handleArchive,\n *     },\n *   ]}\n *   deleteConfig={{\n *     label: \"Delete\",\n *     onClick: handleDelete,\n *   }}\n * />\n * ```\n */\nexport const FloatingBar: FC<TFloatingBar> = (props) => {\n  const {\n    show,\n    isFlowDashboard,\n    onClose,\n    actionItems,\n    selectedItemsCount,\n    deleteConfig,\n    showActionBg,\n  } = props;\n\n  const { t } = useTranslation();\n  const [showDropdown, setShowDropdown] = useState<boolean>(false);\n  const [showButtons, setShowButtons] = useState<boolean>(true);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const actionContainerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const observer = new ResizeObserver(() => {\n      if (containerRef.current && actionContainerRef.current) {\n        const containerWidth = containerRef.current.scrollWidth - 100;\n        const totalActionItemsWidth = actionItems.length * 180 + 100;\n        if (totalActionItemsWidth > containerWidth) {\n          setShowButtons(false);\n        } else {\n          setShowButtons(true);\n        }\n      }\n    });\n\n    if (containerRef.current) {\n      observer.observe(containerRef.current);\n    }\n\n    return () => {\n      if (containerRef.current) {\n        observer.unobserve(containerRef.current);\n      }\n    };\n  });\n\n  const deleteButtonConfig = {\n    label: t(\"Delete\"),\n    icon: <DeleteIcon className=\"text-error-700 w-icon h-icon\" />,\n    color: \"text-error-700 dark:text-error-700\",\n    onClick: deleteConfig?.onClick,\n    ...deleteConfig,\n  };\n\n  /** Whether a button represents a destructive/delete action */\n  const isDeleteAction = (button: ButtonConfig) => {\n    const label = button.label?.toLowerCase() ?? \"\";\n    return (\n      label.includes(\"delete\") ||\n      label === \"remove\" ||\n      label === \"move to trash\"\n    );\n  };\n\n  /** Delete actions are always displayed last (on the right) */\n  const sortedActionItems = [...actionItems].sort(\n    (a, b) => Number(isDeleteAction(a)) - Number(isDeleteAction(b))\n  );\n\n  /** Whether the action area has anything to render — avoids an empty pill */\n  const hasActions =\n    actionItems.some((button) => button.visible !== false) || Boolean(deleteConfig);\n\n  const dropDownItems = actionItems\n    .filter((button) => button.visible !== false)\n    .map((button, index) => ({\n      key: index,\n      label: (\n        <OptionButton\n          icon={button.dropdownIcon}\n          text={button?.label || \"\"}\n          onClick={button.onClick}\n          className=\"font-inter text-base font-medium text-black-900 dark:text-black-200 gap-1.5\"\n        />\n      ),\n      children: button.dropdownItems,\n      disabled: false,\n    }));\n\n  return !show ? null : (\n    <motion.div\n      initial={{ y: 20, opacity: 0 }}\n      animate={{ y: 0, opacity: 1 }}\n      exit={{ y: 20, opacity: 0 }}\n      transition={{\n        duration: 0.2,\n        ease: [0.4, 0, 0.2, 1],\n        opacity: { duration: 0.15 },\n      }}\n      ref={containerRef}\n      className={cn(\"h-[36px] mb-4\", isFlowDashboard ? \"ml-60 w-1/2\" : \"w-full\")}\n    >\n      <div\n        className={cn(\n          \"border-y border-neutral-900 dark:border-[#0d1014 px-[12px] text-white bg-neutral-900 dark:bg-black-900 flex justify-between items-center\"\n        )}\n      >\n        <div className=\"flex items-center gap-[12px]\">\n          <div className=\"flex items-center gap-[8px]\">\n            <IconButton\n              tooltip=\"Close\"\n              variant=\"ghost\"\n              onClick={onClose}\n              className=\"!p-0 text-white hover:opacity-80 hover:rotate-90 transition-all duration-200\"\n            >\n              <CloseIcon size={16} />\n            </IconButton>\n            <div className=\"w-px h-[14px] rounded-[1px] bg-neutral-700 dark:bg-[#1d242c]\" />\n          </div>\n          <div className=\"flex items-center gap-[6px]\">\n            <span className=\"inline-flex items-center justify-center min-w-[20px] h-[16px] px-[8px] rounded-[9px] border text-[12px] leading-[18px] font-normal text-primary-600 dark:text-primary-400 bg-primary-50 dark:bg-[rgba(0,50,95,0.3)] border-primary-200 dark:border-primary-800\">\n              {selectedItemsCount || 0}\n            </span>\n            <Typography\n              size=\"extra-small\"\n              appearance=\"custom\"\n              className=\"text-white dark:text-neutral-50\"\n            >\n              {t(\"Selected\")}\n            </Typography>\n          </div>\n        </div>\n        {hasActions ? (\n          <div\n            ref={actionContainerRef}\n            className={cn(\n              \"h-[36px] flex items-center font-inter bg-neutral-800 dark:bg-black-800 pl-[10px] rounded-[43px]\"\n            )}\n          >\n            {showButtons ? (\n            <motion.div\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              transition={{ duration: 0.2 }}\n              className=\"flex items-center h-[36px] bg-neutral-800 dark:bg-black-800 px-[10px] rounded-[43px]\"\n            >\n              {sortedActionItems.map(\n                (button, index) =>\n                  button.visible !== false && (\n                    <div key={index}>\n                      {button.type === \"dropdown\" ? (\n                        <Dropdown\n                          menu={{\n                            items: button.dropdownItems,\n                          }}\n                          trigger={[button.dropdownTrigger || \"click\"]}\n                          overlayClassName=\"!min-w-[148px]\"\n                          placement=\"bottomRight\"\n                          getPopupContainer={(trigger) =>\n                            trigger.parentElement as HTMLElement\n                          }\n                          open={showDropdown}\n                          onOpenChange={setShowDropdown}\n                        >\n                          <button\n                            key={index}\n                            id={`btn-floating-bar-${button.label}`}\n                            onClick={button.onClick}\n                            disabled={button.disabled}\n                            className={cn(\n                              !button?.label\n                                ? \"bg-transparent p-1.5 rounded-xl transition-all duration-200 hover:scale-105 hover:opacity-80\"\n                                : \"flex items-center gap-[6px] pl-[8px] pr-[12px] py-[4px] rounded-[6px] text-white dark:text-neutral-50 hover:opacity-80 hover:scale-105 transition-all duration-200 bg-transparent\",\n                              button?.hideLabel && \"!p-1.5\",\n                              isDeleteAction(button) && \"!text-error-700\",\n                              button.disabled && \"opacity-70\"\n                            )}\n                          >\n                            <Tooltip\n                              hideTooltip={!button.tooltip}\n                              title={button.tooltip}\n                              className=\"flex items-center gap-1.5\"\n                            >\n                              {button.icon}\n                              {!button?.hideLabel && button.label && (\n                                <Typography\n                                  size=\"small\"\n                                  variant=\"medium\"\n                                  className={\"text-inherit\"}\n                                  appearance=\"custom\"\n                                >\n                                  {button.label}\n                                </Typography>\n                              )}\n                            </Tooltip>\n                          </button>\n                        </Dropdown>\n                      ) : (\n                        <button\n                          id={`btn-floating-bar-${button.label}`}\n                          onClick={button.onClick}\n                          disabled={button.disabled}\n                          className={cn(\n                            !button?.label\n                              ? \"bg-transparent p-1.5 rounded-xl transition-all duration-200 hover:scale-105 hover:opacity-80\"\n                              : \"flex items-center gap-[6px] pl-[8px] pr-[12px] py-[4px] rounded-[6px] text-white dark:text-neutral-50 hover:opacity-80 hover:scale-105 transition-all duration-200 bg-transparent\",\n                            button?.hideLabel && \"!p-1.5\",\n                            isDeleteAction(button) && \"!text-error-700\",\n                            button.disabled && \"opacity-70\"\n                          )}\n                        >\n                          <Tooltip\n                            hideTooltip={!button.tooltip}\n                            title={button.tooltip}\n                            className=\"flex items-center gap-1.5\"\n                          >\n                            {button.icon}\n\n                            {!button?.hideLabel && button.label && (\n                              <Typography\n                                size=\"small\"\n                                variant=\"medium\"\n                                className={\"text-inherit\"}\n                                appearance=\"custom\"\n                              >\n                                {button.label}\n                              </Typography>\n                            )}\n                          </Tooltip>\n                        </button>\n                      )}\n                    </div>\n                  )\n              )}\n              {deleteConfig ? (\n                <button\n                  id={`btn-floating-bar-${deleteButtonConfig.label}`}\n                  onClick={deleteButtonConfig.onClick}\n                  disabled={deleteButtonConfig.disabled}\n                  className={cn(\n                    \"flex items-center gap-[6px] pl-[8px] pr-[12px] py-[4px] rounded-[6px] hover:scale-105 hover:opacity-80 transition-all duration-200\",\n                    deleteButtonConfig.disabled && \"opacity-70\"\n                  )}\n                >\n                  {deleteButtonConfig.icon}\n                  <Typography\n                    size=\"small\"\n                    variant=\"medium\"\n                    className=\"text-error-700\"\n                    appearance=\"custom\"\n                  >\n                    {deleteButtonConfig.label}\n                  </Typography>\n                </button>\n              ) : null}\n            </motion.div>\n          ) : (\n            <motion.div\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              transition={{ duration: 0.2 }}\n              className=\"minw-[150px] p-1.5 flex items-center\"\n            >\n              <Dropdown\n                menu={{\n                  items: dropDownItems,\n                }}\n                trigger={[\"click\"]}\n                overlayClassName=\"!min-w-[148px]\"\n                placement=\"bottomRight\"\n                getPopupContainer={(trigger) =>\n                  trigger.parentElement as HTMLElement\n                }\n                open={showDropdown}\n                onOpenChange={setShowDropdown}\n              >\n                <button\n                  id={`btn-floating-bar-actions`}\n                  disabled={dropDownItems.length === 0}\n                  className={cn(\n                    \"flex items-center gap-1.5 px-2 py-1 w-22 h-7 rounded-full bg-[#34405473]/45 dark:bg-black-700 hover:scale-105 hover:opacity-80 transition-all duration-200\",\n                    dropDownItems.length === 0 &&\n                    \"opacity-60 hover:scale-100 hover:opacity-60\"\n                  )}\n                  type=\"button\"\n                >\n                  <Typography\n                    size=\"small\"\n                    variant=\"medium\"\n                    className=\"text-white\"\n                  >\n                    {t(\"Actions\")}\n                  </Typography>\n                  <DropdownArrowIcon\n                    fill=\"#FFFFFF\"\n                    className=\"w-[16px] h-[16px]\"\n                  />\n                </button>\n              </Dropdown>\n              {deleteConfig ? (\n                <button\n                  id={`btn-floating-bar-${deleteButtonConfig.label}`}\n                  onClick={deleteButtonConfig.onClick}\n                  disabled={deleteButtonConfig.disabled}\n                  className={cn(\n                    \"flex items-center gap-[6px] pl-[8px] pr-[12px] py-[4px] rounded-[6px] hover:scale-105 hover:opacity-80 transition-all duration-200\",\n                    deleteButtonConfig.disabled && \"opacity-70\"\n                  )}\n                  type=\"button\"\n                >\n                  {deleteButtonConfig.icon}\n                  <Typography\n                    size=\"small\"\n                    variant=\"medium\"\n                    className=\"text-error-700\"\n                    appearance=\"custom\"\n                  >\n                    {deleteButtonConfig.label}\n                  </Typography>\n                </button>\n              ) : null}\n              </motion.div>\n            )}\n          </div>\n        ) : null}\n      </div>\n    </motion.div>\n  );\n};\n\nFloatingBar.displayName = \"FloatingBar\";\n\n// Re-export types for convenience\nexport type { ButtonConfig as FloatingBarActionConfig };\nexport type FloatingBarDeleteConfig = TFloatingBar[\"deleteConfig\"];\nexport type FloatingBarProps = TFloatingBar;\n\n// Legacy type exports for backwards compatibility\nexport type FloatingBarSize = \"small\" | \"medium\" | \"large\";\nexport type FloatingBarPosition = \"top\" | \"bottom\";\nexport type FloatingBarTheme = \"primary\" | \"dark\" | \"light\";\n"],"names":["CloseIcon","size","fill","className","jsx","DropdownArrowIcon","FloatingBar","props","show","isFlowDashboard","onClose","actionItems","selectedItemsCount","deleteConfig","showActionBg","t","useTranslation","showDropdown","setShowDropdown","useState","showButtons","setShowButtons","containerRef","useRef","actionContainerRef","useEffect","observer","containerWidth","deleteButtonConfig","DeleteIcon","isDeleteAction","button","label","sortedActionItems","a","b","hasActions","dropDownItems","index","OptionButton","motion","cn","jsxs","IconButton","Typography","Dropdown","trigger","Tooltip"],"mappings":"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"}

package/dist/components/forms/currency-input/CurrencyInputField.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../_virtual/index.cjs.js"),n=require("react"),M=require("antd"),Fe=require("react-i18next"),Se=require("../../data-display/typography/Typography.cjs.js"),je=require("../../data-display/label/Label.cjs.js"),Q=require("./currency.constant.cjs.js"),X=require("@mui/icons-material"),Ee=require("../../icons/AIExtractedIndicator.cjs.js"),Ce=require("../../icons/AIStarIcon.cjs.js"),we=require("../../icons/HelpIcon.cjs.js"),Z=require("../../tooltip/Tooltip.cjs.js"),x=require("../../../utils/confidenceScoreUtils.cjs.js"),Ne=require("../search-bar/SearchBar.cjs.js"),_e=require("../../buttons/option-button/OptionButton.cjs.js"),T=require("../../../utils/countryFlags.cjs.js"),Ie=require("../shared/InputLabel.cjs.js"),Be=require("../../../utils/formatters.cjs.js"),V=n.forwardRef(({id:c,label:k,value:l,onChange:B,errorMessage:i,defaultValue:m,required:F=!1,isRequiredConditional:G=!1,tags:ee,className:re,originalCase:q=!1,tooltip:A,simpleMode:te=!1,inputFieldClassName:d="",isAiExtracted:ae=!1,confidenceScore:S,confidenceType:f="high",confidenceTooltip:j,sourceMeta:le=[],onConfidenceScoreClick:oe,isGTN:E=!1,gtnName:ne=null,allowMultiCurrency:$=!1,placeholder:se,disabled:ce=!1,currencyCode:u="USD",inputStyle:de,labelClassName:z,isLiveField:ie=!1,onBlur:ue,autoFocus:D=!1,isRecording:L=!1,isPlaying:O=!1,onAddGTNToDocument:C,riskDetails:s,isRiskAnalysisOpen:p=!1,RiskDetailsCard:U,labelExtra:be,inputEmphasis:w="default",...W},H)=>{const{t:xe}=Fe.useTranslation(),me=w==="modified"&&!i&&!(p&&s?.color),fe=w==="deleted"&&!i&&!(p&&s?.color),pe=w==="success"&&!i&&!(p&&s?.color),[b,R]=n.useState(!1),[ge,he]=n.useState([]),[N,K]=n.useState(""),[a,P]=n.useState(u||"USD"),[v,_]=n.useState(!1),ve=r=>{if(C){const t={key:ne,value:Be.formatCurrency(r,a)};C(t)}},g=r=>{if(r==null)return"";const t=Number(r);return isNaN(t)?r:t?.toLocaleString("en-US",{minimumFractionDigits:2,maximumFractionDigits:2})},I=r=>{const t=r.target.value,h=t===""||t===null||t===void 0?0:Number(t);B(h,a);const y=document.getElementById(c);if(y&&y.setAttribute("data-selected-value",JSON.stringify({value:h,currency_code:a})),y&&(L||O)){const ke=new CustomEvent("pilot-change",{bubbles:!0,detail:{selector:`#${c}`,value:{value:h,currency_code:a},type:"change"}});y.dispatchEvent(ke)}},J=()=>{R(!0)},Y=()=>{R(!1),(l==null||l==="")&&I({target:{value:"0.00"}}),ue?.()},ye=()=>{const r="pl-11 border h-8 text-sm block w-full p-2.5 font-inter font-medium focus:outline-none focus:ring-0";return i?o(r,"rounded-md border-red-300 bg-white dark:bg-black-600 disabled:!text-neutral-400 dark:disabled:!text-neutral-500",d):p&&s?.color?o(r,`rounded-md border-${s.color}-300 bg-${s.color}-50`,"text-neutral-900 dark:text-black-200 disabled:!text-neutral-400 dark:disabled:!text-neutral-500 disabled:bg-neutral-50 dark:disabled:!bg-black-800",d):fe?o(r,"rounded-lg border border-solid border-[var(--Error-200,#FECACA)] bg-[var(--Error-50,#FEF2F2)] !text-[#475467] focus:border-[var(--Error-200,#FECACA)] focus:shadow-[0_0_0_2px_rgba(254,202,202,0.45)] dark:border-[var(--Error-200,#FECACA)] dark:bg-[var(--Error-50,#FEF2F2)] dark:!text-[#475467] disabled:!opacity-100 disabled:!bg-[var(--Error-50,#FEF2F2)]",d):me?o(r,"rounded-lg border border-solid border-[var(--Warning-200,#FEDF89)] bg-[var(--Warning-50,#FFFAEB)] text-neutral-900 dark:text-black-100 focus:border-[var(--Warning-200,#FEDF89)] focus:shadow-[0_0_0_2px_rgba(254,223,137,0.45)] dark:border-[var(--Warning-200,#FEDF89)] dark:bg-[var(--Warning-50,#FFFAEB)] disabled:!opacity-100 disabled:!bg-[var(--Warning-50,#FFFAEB)]",d):pe?o(r,"rounded-lg border border-solid border-[var(--Success-200,#BBF7D0)] bg-[var(--Success-50,#F0FDF4)] !text-[#101828] focus:border-[var(--Success-200,#BBF7D0)] focus:shadow-[0_0_0_2px_rgba(187,247,208,0.45)] dark:border-[var(--Success-200,#BBF7D0)] dark:bg-[var(--Success-50,#F0FDF4)] dark:!text-[#101828] disabled:!opacity-100 disabled:!bg-[var(--Success-50,#F0FDF4)]",d):o(r,"rounded-lg border-gray-300 dark:border-black-600 bg-white dark:bg-black-600 text-neutral-900 dark:text-black-200 disabled:!text-neutral-400 dark:disabled:!text-neutral-500 disabled:bg-neutral-50 dark:disabled:!bg-black-800 dark:disabled:placeholder:!text-black-400 focus:border-[var(--color-primary-600)] dark:focus:border-[var(--color-primary-400)] focus:shadow-[0_0_0_1.5px_var(--color-primary-100)] dark:focus:shadow-[0_0_0_1.5px_var(--color-primary-950)]",d)};return n.useEffect(()=>{u&&P(u)},[u]),n.useEffect(()=>{if(a){const r=l===""||l===null||l===void 0?0:Number(l);u!==a&&B(r,a);const t=document.getElementById(c);if(t&&(t.setAttribute("data-selected-value",JSON.stringify({value:r,currency_code:a})),L||O)){const h=new CustomEvent("pilot-change",{bubbles:!0,detail:{selector:`#${c}`,value:{value:r,currency_code:a},type:"change"}});t.dispatchEvent(h)}}},[a]),n.useEffect(()=>{const r=Q.CURRENCIES.filter(t=>(t.value+" - "+t.label).toLowerCase().includes(N.toLowerCase())).map(t=>({label:e.jsx(_e.OptionButton,{text:`${t.value} - ${t.label}`,icon:T.getFlagComponent(t.value),showTick:a===t.value,onClick:()=>P(t.value),className:"text-black-900 dark:text-white"}),key:t.value}));he(r)},[N,a]),n.useEffect(()=>{K("")},[a]),te?e.jsxs("label",{id:c,className:`mb-1 text-xs font-medium text-gray-600 h-full inline-flex items-center gap-1 ${q?"":"capitalize"} ${z||""}`,children:[e.jsx("span",{className:"absolute inset-y-0 left-1 top-0.5 z-10 flex items-center pl-3 cursor-text select-all",children:"$"}),e.jsx("input",{...W,ref:H,type:b?"number":"text",required:F,className:o(d,"pl-8 h-8"),onChange:I,min:0,onFocus:J,onBlur:Y,value:b?l:g(l),...m&&!l?{defaultValue:b?m:g(m)}:{},id:c||k,autoFocus:D})]}):e.jsxs("div",{className:o("flex gap-0.5 relative",v&&E?"border rounded-lg border-primary-100 bg-primary-50 p-1":""),onMouseEnter:()=>_(!0),onMouseLeave:()=>_(!1),children:[E&&!v?e.jsx("div",{className:"size-1 bg-primary-600 rounded-full animate-blink mt-1.5"}):null,e.jsxs("div",{className:o("w-full flex flex-col",re),children:[e.jsx("label",{htmlFor:"text",className:`mb-1 text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${q?"":"uppercase"} ${z||""}`,children:e.jsxs("div",{className:"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1",children:[e.jsxs("div",{className:"inline-flex min-w-0 items-center gap-1 flex-wrap",children:[e.jsx(Ie.InputLabel,{label:k||"",required:F||!1,isRequiredConditional:G||!1}),ie&&e.jsx(X.BoltOutlined,{sx:{fontSize:16,color:"var(--color-primary-600)",rotate:"15deg"}}),ae&&!x.shouldShowConfidenceScore(S)&&e.jsx(Ee.AIExtractedIndicator,{}),e.jsx(je.Label,{labels:ee}),A&&e.jsx(Z,{placement:"top",title:A,children:e.jsx("div",{className:"cursor-pointer",children:e.jsx(we.HelpIcon,{className:"w-icon-sm h-icon-sm"})})}),be]}),e.jsxs("div",{className:"flex items-center gap-1 justify-self-end",children:[x.shouldShowConfidenceScore(S)&&f?e.jsx(Z,{placement:"top-end",title:j??"",hideTooltip:j==null,className:"cursor-pointer",children:e.jsxs("div",{className:o("inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5",x.getConfidenceScoreBadgeClass(f)),onClick:()=>oe?.(le),children:[e.jsx(Ce.AIStarIcon,{size:12,fill:x.getConfidenceScoreBadgeColor(f),fillSecondary:x.getConfidenceScoreBadgeFill(f)}),e.jsxs("span",{className:o("text-xs font-medium leading-4",x.getConfidenceScoreBadgeTextColor(f)),children:[S,"%"]})]})}):null,E&&v&&C?e.jsx("button",{id:"btn-currency-input-add-to-document",className:"cursor-pointer",onClick:()=>ve(g(l)),type:"button",children:e.jsx(M.Tooltip,{placement:"top",title:xe("Add to document"),children:e.jsx(X.NoteAddOutlined,{className:"text-primary-600",sx:{fontSize:16}})})}):null]})]})}),e.jsxs("label",{className:"relative block",children:[e.jsx("span",{className:"absolute inset-y-0 left-1 z-1 flex items-center pl-3 text-neutral-900 dark:text-white cursor-text select-all",children:Q.CURRENCY_SYMBOLS[a]}),e.jsx("input",{...W,ref:H,placeholder:se,type:b?"number":"text",required:F,disabled:ce,className:ye(),onChange:I,min:0,onFocus:J,onBlur:Y,value:b?l:g(l),defaultValue:b?m:g(m),id:c||k,style:de,autoComplete:"off",autoFocus:D}),e.jsx("span",{className:`absolute inset-y-0 right-2 flex items-center h-full cursor-pointer dark:text-black-200 ${$?"cursor-pointer":""}`,children:$?e.jsx(M.Dropdown,{menu:{items:[...ge]},trigger:["click"],overlayClassName:"row-option-cell",placement:"bottomRight",overlayStyle:{zIndex:999},getPopupContainer:()=>document.body,popupRender:r=>e.jsxs("div",{className:"[&>*:nth-child(2)]:!shadow-none [&>*:nth-child(2)>*]:!px-2 flex flex-col gap-2 p-2 bg-white dark:bg-black-700 border border-solid border-neutral-200 dark:border-black-600 max-h-[200px] w-[330px] text-ellipsis overflow-y-auto z-[999] rounded-md",children:[e.jsx(Ne.SearchBar,{id:"search-bar-currency-input",value:N,onChange:t=>K(t),className:"mb-2"}),r]}),children:e.jsxs("div",{className:"pl-4 pr-2 py-1.5 text-sm text-gray-700 dark:text-black-200 flex items-center gap-1",children:[T.getFlagComponent(a)," ",a]})}):a})]}),i&&e.jsx(Se.Typography,{className:"text-error-500 mt-1",appearance:"custom",size:"extra-small",variant:"medium",children:i})]}),v&&s&&p&&U&&e.jsx("div",{role:"tooltip",tabIndex:0,className:"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl",onClick:r=>r.stopPropagation(),onMouseDown:r=>r.preventDefault(),onKeyDown:r=>{r.key==="Escape"&&_(!1)},children:e.jsx(U,{riskDetails:s})})]})});V.displayName="CurrencyInputField";exports.CurrencyInputField=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../../_virtual/index.cjs.js"),n=require("react"),M=require("antd"),ke=require("react-i18next"),Se=require("../../data-display/typography/Typography.cjs.js"),je=require("../../data-display/label/Label.cjs.js"),Q=require("./currency.constant.cjs.js"),X=require("@mui/icons-material"),Ee=require("../../icons/AIExtractedIndicator.cjs.js"),Ce=require("../../icons/AIStarIcon.cjs.js"),we=require("../../icons/HelpIcon.cjs.js"),Z=require("../../tooltip/Tooltip.cjs.js"),x=require("../../../utils/confidenceScoreUtils.cjs.js"),Ne=require("../search-bar/SearchBar.cjs.js"),_e=require("../../buttons/option-button/OptionButton.cjs.js"),T=require("../../../utils/countryFlags.cjs.js"),Ie=require("../shared/InputLabel.cjs.js"),Be=require("../../../utils/formatters.cjs.js"),V=n.forwardRef(({id:c,label:F,value:a,onChange:B,errorMessage:i,defaultValue:m,required:k=!1,isRequiredConditional:G=!1,tags:ee,className:re,originalCase:q=!1,tooltip:A,simpleMode:te=!1,inputFieldClassName:d="",isAiExtracted:oe=!1,confidenceScore:S,confidenceType:f="high",confidenceTooltip:j,sourceMeta:ae=[],onConfidenceScoreClick:le,isGTN:E=!1,gtnName:ne=null,allowMultiCurrency:$=!1,placeholder:se,disabled:ce=!1,currencyCode:u="USD",inputStyle:de,labelClassName:z,isLiveField:ie=!1,onBlur:ue,autoFocus:D=!1,isRecording:L=!1,isPlaying:O=!1,onAddGTNToDocument:C,riskDetails:s,isRiskAnalysisOpen:p=!1,RiskDetailsCard:U,labelExtra:be,inputEmphasis:w="default",...W},H)=>{const{t:xe}=ke.useTranslation(),me=w==="modified"&&!i&&!(p&&s?.color),fe=w==="deleted"&&!i&&!(p&&s?.color),pe=w==="success"&&!i&&!(p&&s?.color),[b,R]=n.useState(!1),[ge,he]=n.useState([]),[N,K]=n.useState(""),[o,P]=n.useState(u||"USD"),[v,_]=n.useState(!1),ve=r=>{if(C){const t={key:ne,value:Be.formatCurrency(r,o)};C(t)}},g=r=>{if(r==null)return"";const t=Number(r);return isNaN(t)?r:t?.toLocaleString("en-US",{minimumFractionDigits:2,maximumFractionDigits:2})},I=r=>{const t=r.target.value,h=t===""||t===null||t===void 0?0:Number(t);B(h,o);const y=document.getElementById(c);if(y&&y.setAttribute("data-selected-value",JSON.stringify({value:h,currency_code:o})),y&&(L||O)){const Fe=new CustomEvent("pilot-change",{bubbles:!0,detail:{selector:`#${c}`,value:{value:h,currency_code:o},type:"change"}});y.dispatchEvent(Fe)}},J=()=>{R(!0)},Y=()=>{R(!1),(a==null||a==="")&&I({target:{value:"0.00"}}),ue?.()},ye=()=>{const r="pl-11 border h-8 text-sm block w-full p-2.5 font-inter font-medium focus:outline-none focus:ring-0";return i?l(r,"rounded-md border-red-300 bg-white dark:bg-black-600",d):p&&s?.color?l(r,`rounded-md border-${s.color}-300 bg-${s.color}-50`,"text-neutral-900 dark:text-black-200 disabled:bg-neutral-50 dark:disabled:!bg-black-800",d):fe?l(r,"rounded-lg border border-solid border-[var(--Error-200,#FECACA)] bg-[var(--Error-50,#FEF2F2)] !text-[#475467] focus:border-[var(--Error-200,#FECACA)] focus:shadow-[0_0_0_2px_rgba(254,202,202,0.45)] dark:border-[var(--Error-200,#FECACA)] dark:bg-[var(--Error-50,#FEF2F2)] dark:!text-[#475467] disabled:!opacity-100 disabled:!bg-[var(--Error-50,#FEF2F2)]",d):me?l(r,"rounded-lg border border-solid border-[var(--Warning-200,#FEDF89)] bg-[var(--Warning-50,#FFFAEB)] text-neutral-900 dark:text-black-100 focus:border-[var(--Warning-200,#FEDF89)] focus:shadow-[0_0_0_2px_rgba(254,223,137,0.45)] dark:border-[var(--Warning-200,#FEDF89)] dark:bg-[var(--Warning-50,#FFFAEB)] disabled:!opacity-100 disabled:!bg-[var(--Warning-50,#FFFAEB)]",d):pe?l(r,"rounded-lg border border-solid border-[var(--Success-200,#BBF7D0)] bg-[var(--Success-50,#F0FDF4)] !text-[#101828] focus:border-[var(--Success-200,#BBF7D0)] focus:shadow-[0_0_0_2px_rgba(187,247,208,0.45)] dark:border-[var(--Success-200,#BBF7D0)] dark:bg-[var(--Success-50,#F0FDF4)] dark:!text-[#101828] disabled:!opacity-100 disabled:!bg-[var(--Success-50,#F0FDF4)]",d):l(r,"rounded-lg border-gray-300 dark:border-black-600 bg-white dark:bg-black-600 text-neutral-900 dark:text-black-200 disabled:bg-neutral-50 dark:disabled:!bg-black-800 dark:disabled:placeholder:!text-black-400 focus:border-[var(--color-primary-600)] dark:focus:border-[var(--color-primary-400)] focus:shadow-[0_0_0_1.5px_var(--color-primary-100)] dark:focus:shadow-[0_0_0_1.5px_var(--color-primary-950)]",d)};return n.useEffect(()=>{u&&P(u)},[u]),n.useEffect(()=>{if(o){const r=a===""||a===null||a===void 0?0:Number(a);u!==o&&B(r,o);const t=document.getElementById(c);if(t&&(t.setAttribute("data-selected-value",JSON.stringify({value:r,currency_code:o})),L||O)){const h=new CustomEvent("pilot-change",{bubbles:!0,detail:{selector:`#${c}`,value:{value:r,currency_code:o},type:"change"}});t.dispatchEvent(h)}}},[o]),n.useEffect(()=>{const r=Q.CURRENCIES.filter(t=>(t.value+" - "+t.label).toLowerCase().includes(N.toLowerCase())).map(t=>({label:e.jsx(_e.OptionButton,{text:`${t.value} - ${t.label}`,icon:T.getFlagComponent(t.value),showTick:o===t.value,onClick:()=>P(t.value),className:"text-black-900 dark:text-white"}),key:t.value}));he(r)},[N,o]),n.useEffect(()=>{K("")},[o]),te?e.jsxs("label",{id:c,className:`mb-1 text-xs font-medium text-gray-600 h-full inline-flex items-center gap-1 ${q?"":"capitalize"} ${z||""}`,children:[e.jsx("span",{className:"absolute inset-y-0 left-1 top-0.5 z-10 flex items-center pl-3 cursor-text select-all",children:"$"}),e.jsx("input",{...W,ref:H,type:b?"number":"text",required:k,className:l(d,"pl-8 h-8"),onChange:I,min:0,onFocus:J,onBlur:Y,value:b?a:g(a),...m&&!a?{defaultValue:b?m:g(m)}:{},id:c||F,autoFocus:D})]}):e.jsxs("div",{className:l("flex gap-0.5 relative",v&&E?"border rounded-lg border-primary-100 bg-primary-50 p-1":""),onMouseEnter:()=>_(!0),onMouseLeave:()=>_(!1),children:[E&&!v?e.jsx("div",{className:"size-1 bg-primary-600 rounded-full animate-blink mt-1.5"}):null,e.jsxs("div",{className:l("w-full flex flex-col",re),children:[e.jsx("label",{htmlFor:"text",className:`mb-1 text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${q?"":"uppercase"} ${z||""}`,children:e.jsxs("div",{className:"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1",children:[e.jsxs("div",{className:"inline-flex min-w-0 items-center gap-1 flex-wrap",children:[e.jsx(Ie.InputLabel,{label:F||"",required:k||!1,isRequiredConditional:G||!1}),ie&&e.jsx(X.BoltOutlined,{sx:{fontSize:16,color:"var(--color-primary-600)",rotate:"15deg"}}),oe&&!x.shouldShowConfidenceScore(S)&&e.jsx(Ee.AIExtractedIndicator,{}),e.jsx(je.Label,{labels:ee}),A&&e.jsx(Z,{placement:"top",title:A,children:e.jsx("div",{className:"cursor-pointer",children:e.jsx(we.HelpIcon,{className:"w-icon-sm h-icon-sm"})})}),be]}),e.jsxs("div",{className:"flex items-center gap-1 justify-self-end",children:[x.shouldShowConfidenceScore(S)&&f?e.jsx(Z,{placement:"top-end",title:j??"",hideTooltip:j==null,className:"cursor-pointer",children:e.jsxs("div",{className:l("inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5",x.getConfidenceScoreBadgeClass(f)),onClick:()=>le?.(ae),children:[e.jsx(Ce.AIStarIcon,{size:12,fill:x.getConfidenceScoreBadgeColor(f),fillSecondary:x.getConfidenceScoreBadgeFill(f)}),e.jsxs("span",{className:l("text-xs font-medium leading-4",x.getConfidenceScoreBadgeTextColor(f)),children:[S,"%"]})]})}):null,E&&v&&C?e.jsx("button",{id:"btn-currency-input-add-to-document",className:"cursor-pointer",onClick:()=>ve(g(a)),type:"button",children:e.jsx(M.Tooltip,{placement:"top",title:xe("Add to document"),children:e.jsx(X.NoteAddOutlined,{className:"text-primary-600",sx:{fontSize:16}})})}):null]})]})}),e.jsxs("label",{className:"relative block",children:[e.jsx("span",{className:"absolute inset-y-0 left-1 z-1 flex items-center pl-3 text-neutral-900 dark:text-white cursor-text select-all",children:Q.CURRENCY_SYMBOLS[o]}),e.jsx("input",{...W,ref:H,placeholder:se,type:b?"number":"text",required:k,disabled:ce,className:ye(),onChange:I,min:0,onFocus:J,onBlur:Y,value:b?a:g(a),defaultValue:b?m:g(m),id:c||F,style:de,autoComplete:"off",autoFocus:D}),e.jsx("span",{className:`absolute inset-y-0 right-2 flex items-center h-full cursor-pointer dark:text-black-200 ${$?"cursor-pointer":""}`,children:$?e.jsx(M.Dropdown,{menu:{items:[...ge]},trigger:["click"],overlayClassName:"row-option-cell",placement:"bottomRight",overlayStyle:{zIndex:999},getPopupContainer:()=>document.body,popupRender:r=>e.jsxs("div",{className:"[&>*:nth-child(2)]:!shadow-none [&>*:nth-child(2)>*]:!px-2 flex flex-col gap-2 p-2 bg-white dark:bg-black-700 border border-solid border-neutral-200 dark:border-black-600 max-h-[200px] w-[330px] text-ellipsis overflow-y-auto z-[999] rounded-md",children:[e.jsx(Ne.SearchBar,{id:"search-bar-currency-input",value:N,onChange:t=>K(t),className:"mb-2"}),r]}),children:e.jsxs("div",{className:"pl-4 pr-2 py-1.5 text-sm text-gray-700 dark:text-black-200 flex items-center gap-1",children:[T.getFlagComponent(o)," ",o]})}):o})]}),i&&e.jsx(Se.Typography,{className:"text-error-500 mt-1",appearance:"custom",size:"extra-small",variant:"medium",children:i})]}),v&&s&&p&&U&&e.jsx("div",{role:"tooltip",tabIndex:0,className:"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl",onClick:r=>r.stopPropagation(),onMouseDown:r=>r.preventDefault(),onKeyDown:r=>{r.key==="Escape"&&_(!1)},children:e.jsx(U,{riskDetails:s})})]})});V.displayName="CurrencyInputField";exports.CurrencyInputField=V;
 //# sourceMappingURL=CurrencyInputField.cjs.js.map