@solace-health/ui 0.10.670 → 0.10.672

package/dist/chunk-UIJEPPNJ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/v2/input/input.tsx"],"names":["inputVariants","cva","FORMAT_CONFIGS","value","maskPhone","maskPositiveInteger","Input","u","className","variant","passedType","wrapperClassName","label","helperText","charLength","defaultValue","onChange","id","labelProps","format","props","ref","formatConfig","isFormatted","type","inputMode","internalValue","setInternalValue","useState","initial","inputId","currentValue","displayValue","hasValue","currentLength","valueProps","useEffect","handleChange","formatted","handleKeyDown","jsxs","cn","jsx","HiOutlineExclamationCircle","LuSearch","LuX","LuClock4"],"mappings":"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","file":"chunk-UIJEPPNJ.cjs","sourcesContent":["import * as React from 'react';\nimport { ForwardedRef, useEffect, useState } from 'react';\nimport { cva, VariantProps } from 'class-variance-authority';\nimport { HiOutlineExclamationCircle } from 'react-icons/hi2';\nimport { LuClock4, LuSearch, LuX } from 'react-icons/lu';\n\nimport { cn } from '@/lib/utils';\nimport { maskPhone, maskPositiveInteger } from './formatters';\n\nconst inputVariants = cva(\n  `\n    flex items-center h-12 w-full min-w-0 rounded-md border bg-white px-3 py-3 text-base transition-all outline-none\n    dark:bg-input/30 border-input shadow-xs\n    placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground\n    file:inline-flex file:h-6 file:mr-2 file:border-0  file:text-foreground\n    disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-200\n    focus-visible:ring-ring/50 focus-visible:ring-[3px]    \n  `,\n  {\n    variants: {\n      variant: {\n        default: `\n          hover:enabled:border-dark-green \n          focus:enabled:border-dark-green\n          focus:enabled:shadow-green-300\n          focus-within:shadow\n          focus-within:shadow-green-300\n          focus-visible:border-dark-green   \n        `,\n        invalid: `\n          border-destructive\n          hover:border-destructive\n          focus:border-destructive\n          focus:shadow-red-100\n          focus-within:shadow\n          focus-within:shadow-red-100\n          focus-visible:border-destructive\n          aria-invalid:ring-destructive/20\n          dark:aria-invalid:ring-destructive/40\n          aria-invalid:border-destructive \n        `,\n        // Hide chrome default search clear button with ::-webkit-search-cancel-button\n        search:\n          'pr-8 [&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-cancel-button]:display-none',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\ntype FormatConfig = {\n  inputType: React.HTMLInputTypeAttribute;\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n  mask: (value: string) => string;\n};\n\nexport type InputFormat = 'default' | 'phone' | 'positive-integer';\n\nconst FORMAT_CONFIGS: Record<InputFormat, FormatConfig> = {\n  default: {\n    inputType: 'text',\n    mask: (value) => value,\n  },\n  phone: {\n    inputType: 'tel',\n    mask: maskPhone,\n  },\n  'positive-integer': {\n    inputType: 'text',\n    inputMode: 'numeric',\n    mask: maskPositiveInteger,\n  },\n};\n\nexport type InputProps = React.ComponentProps<'input'> &\n  VariantProps<typeof inputVariants> & {\n    wrapperClassName?: string;\n    label?: React.ReactNode;\n    helperText?: string;\n    charLength?: number;\n    labelProps?: React.ComponentProps<'label'>;\n    format?: InputFormat;\n  };\n\nconst Input = React.forwardRef(\n  (\n    {\n      className,\n      variant,\n      type: passedType,\n      wrapperClassName = undefined,\n      label,\n      helperText,\n      charLength,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      labelProps,\n      format = 'default',\n      ...props\n    }: InputProps,\n    ref?: ForwardedRef<HTMLInputElement>,\n  ) => {\n    const formatConfig = FORMAT_CONFIGS[format];\n    const isFormatted = format !== 'default';\n    const type = isFormatted ? formatConfig.inputType : passedType;\n    const inputMode = isFormatted ? formatConfig.inputMode : undefined;\n\n    const [internalValue, setInternalValue] = useState<string>(() => {\n      const initial = (value ?? defaultValue ?? '') as string;\n      return formatConfig.mask(initial);\n    });\n\n    const inputId = id || React.useId();\n\n    const currentValue = value !== undefined ? value : internalValue;\n\n    const displayValue = (() => {\n      if (value !== undefined) return currentValue;\n      if (isFormatted) return internalValue;\n      return undefined;\n    })();\n\n    const hasValue = String(displayValue ?? '').length > 0;\n    const currentLength = String(displayValue ?? '').length;\n\n    const valueProps = (() => {\n      if (value !== undefined) return { value: formatConfig.mask(value as string) };\n      if (isFormatted) return { value: internalValue };\n      return {};\n    })();\n\n    useEffect(() => {\n      if (isFormatted && value !== undefined) {\n        setInternalValue(formatConfig.mask(value as string));\n      }\n    }, [value, format]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (isFormatted) {\n        const formatted = formatConfig.mask(e.target.value);\n        setInternalValue(formatted);\n        onChange?.({ ...e, target: { ...e.target, value: formatted } });\n      } else {\n        onChange?.(e);\n      }\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (isFormatted) {\n        // Allow events to pass with keyboard shortcuts (Cmd/Ctrl + key)\n        if (e.metaKey || e.ctrlKey) {\n          return;\n        }\n\n        if (\n          !/[0-9/]/.test(e.key) &&\n          !['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab'].includes(e.key)\n        ) {\n          e.preventDefault();\n        }\n      }\n      props.onKeyDown?.(e);\n    };\n\n    return (\n      <div className={cn('relative w-full', wrapperClassName)}>\n        {label &&\n          (typeof label === 'string' ? (\n            <label\n              htmlFor={inputId}\n              className=\"header-xs text-primary mb-2 block font-bold\"\n              {...labelProps}\n            >\n              {label}\n            </label>\n          ) : (\n            label\n          ))}\n        <div className=\"relative\">\n          <input\n            ref={ref}\n            id={inputId}\n            type={type}\n            inputMode={inputMode}\n            data-slot=\"input\"\n            className={cn(inputVariants({ variant }), className)}\n            onChange={handleChange}\n            onKeyDown={handleKeyDown}\n            {...valueProps}\n            {...props}\n          />\n          {variant === 'invalid' && (\n            <HiOutlineExclamationCircle\n              size=\"1.5rem\"\n              className=\"text-destructive pointer-events-none absolute top-3 right-2\"\n            />\n          )}\n\n          {variant === 'search' && !hasValue && (\n            <LuSearch\n              size=\"1.25rem\"\n              className=\"pointer-events-none absolute top-3.5 right-3 text-black\"\n            />\n          )}\n          {variant === 'search' && hasValue && (\n            <LuX\n              size=\"1.25rem\"\n              className=\"absolute top-3.5 right-3 cursor-pointer text-black\"\n              aria-label=\"Clear search\"\n              role=\"button\"\n              onClick={() => {\n                const event = {\n                  target: { value: '' },\n                } as React.ChangeEvent<HTMLInputElement>;\n                handleChange?.(event);\n              }}\n            />\n          )}\n\n          {type === 'time' && (\n            <LuClock4\n              size=\"1.25rem\"\n              className=\"text-muted-foreground pointer-events-none absolute top-3.5 right-3\"\n            />\n          )}\n        </div>\n        {(helperText || charLength) && (\n          <div className=\"mt-2 flex items-center justify-between\">\n            <span\n              className={cn(\n                'text-sm',\n                variant === 'invalid' ? 'text-destructive' : 'text-secondary',\n              )}\n            >\n              {helperText || ''}\n            </span>\n            {charLength && (\n              <span\n                className={cn(\n                  'text-sm',\n                  variant === 'invalid' ? 'text-destructive' : 'text-secondary',\n                )}\n              >\n                {currentLength}/{charLength}\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nInput.displayName = 'Input';\n\nexport { Input, inputVariants };\n"]}

package/dist/chunk-UOJ2V7M2.js

@@ -1,2 +0,0 @@
-import {a as a$4}from'./chunk-QFJFQRIG.js';import {a as a$3}from'./chunk-KPBWHCJ2.js';import {a}from'./chunk-MESFO57T.js';import {a as a$2}from'./chunk-ZGR3AQC3.js';import {a as a$1}from'./chunk-VRNWKIGB.js';var c={Clock:a$4,Coffee:a$3,Medication:a$2,Notepad:a$1,Laptop:a};export{c as a};//# sourceMappingURL=chunk-UOJ2V7M2.js.map
-//# sourceMappingURL=chunk-UOJ2V7M2.js.map