linear-react-components-ui 1.1.27-rc.0 → 2.0.0-beta.0

package/lib/inputs2/selectfield/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","names":[],"sources":["../../../src/lib/inputs2/selectfield/base.tsx"],"sourcesContent":["import '../../assets/styles/selectfield.scss';\n\nimport React, { Fragment } from 'react';\nimport _ from 'lodash';\nimport { v1 as uuidV1 } from 'uuid';\nimport { createPortal } from 'react-dom';\nimport Hint from '../../hint';\nimport Popover, { PopoverText } from '../../popover';\nimport { Tooltip } from '../../tooltip';\nimport { mergeRefs } from '../../form2/helpers';\nimport { LeftSlot, RightSlot, type SlotProps } from '../slot';\nimport { ListBox } from './listbox';\nimport { Triggers } from './triggers';\nimport { Selections } from './selections';\nimport { SelectFieldContext } from './context';\nimport { Options, type OptionsProps } from './options';\nimport { Item, type SelectFieldItemProps } from './item';\nimport { Keys, MultipleVariantEnum, SelectFieldInputBaseProps } from './types';\nimport { isTypingKey, NAVIGATION_KEYS } from './helpers';\n\nconst SELECT_FIELD_CONTROLS_ID = `select-field-controls-${uuidV1()}`;\nexport const InputBase = React.forwardRef<HTMLInputElement, SelectFieldInputBaseProps>(\n  (props, ref) => {\n    const {\n      name, label, errors, children, onChange, tooltip, tooltipPosition, tooltipWidth, hintPosition = 'below',\n      themePopover = 'light', popoverAlign = 'left', skeletonize = false, striped = false, undigitable = false, externalSearch = false,\n      openDropdownOnFocus = true, showClearButton = true, textAlign = 'left', searchOnDropdown = false, onSearch = undefined,\n      customClass = '', customClassLabel = '', customClassWrapper = '', customClassInputContainer = '',\n      notFoundFilterLabel = 'Nenhuma opção encontrada.', multipleInputLabelEmpty = 'Nenhum registro selecionado',\n      multipleInputLabelManySelection = 'Múltiplos registros selecionados', searchInputPlaceholder = 'Pesquisar registros', \n      dropdownAlignButton = 'left', dropdownMaxWidth = undefined, disabled, readOnly, ...rest\n    } = props;\n    const [inputValue, setInputValue] = React.useState('');\n    const [filterValue, setFilterValue] = React.useState('');\n    const [listBoxOpen, setListBoxOpen] = React.useState(false);\n    const [activeDescendant, setActiveDescendant] = React.useState<string | undefined>(undefined);\n    const isMultipleDefault = _.isEqual(props?.multiple, MultipleVariantEnum.default);\n    const isMultipleWithCheckboxes = _.isEqual(props?.multiple, MultipleVariantEnum.checkboxes);\n    const isMultipleSelect = isMultipleDefault || isMultipleWithCheckboxes;\n    const liSelectedRef = React.useRef<HTMLLIElement | null>(null);\n    const selectFieldRoot = React.useRef<HTMLDivElement | null>(null);\n    const selectInputRef = React.useRef<HTMLInputElement | null>(null);\n    const selectListBoxRef = React.useRef<HTMLDivElement | null>(null);\n    const selectContainerRef = React.useRef<HTMLDivElement | null>(null);\n    const selectSearchInputRef = React.useRef<HTMLInputElement | null>(null);\n\n    const listOptionsMap = React.useMemo(() => {\n      const optionsMap = new Map<string, string>();\n      React.Children.forEach(children, (child) => {\n        if (React.isValidElement<SelectFieldItemProps>(child)) {\n          optionsMap.set(child.props.value, child.props.label);\n        }\n      });\n      return optionsMap;\n    }, [children]);\n\n    React.useEffect(() => {\n      if (isMultipleWithCheckboxes) {\n        setInputValue(multipleInputLabelEmpty);\n      }\n    }, []);\n\n    React.useEffect(() => {\n      if (openDropdownOnFocus && listBoxOpen) {\n        requestAnimationFrame(() => {\n          if (isMultipleWithCheckboxes) {\n            selectSearchInputRef.current?.focus?.();\n          }\n        });\n      }\n    }, [listBoxOpen]);\n\n    React.useEffect(() => {\n      if (!isMultipleWithCheckboxes && !props?.value) setInputValue('');\n      if (!props?.value || document.activeElement === selectInputRef.current) return;\n      const lazyInputValue = listOptionsMap.get(rest.value);\n      if (!isMultipleWithCheckboxes) setInputValue(lazyInputValue ?? '');\n      if (isMultipleWithCheckboxes) {\n        const firstSelectionLabel = listOptionsMap.get(props?.value[0]);\n        switch (_.size(props?.value)) {\n          case 0:\n            return setInputValue(multipleInputLabelEmpty);\n          case 1:\n            return setInputValue(firstSelectionLabel ?? '');\n          default:\n            return setInputValue(multipleInputLabelManySelection);\n        }\n      }\n    }, [props?.value, listOptionsMap]);\n\n    const hasLabel = !_.isEmpty(props?.label);\n    const hasHintMessages = Boolean(props.hint?.length);\n    const hasValidationErrors = Boolean(errors?.length);\n\n    const { childrenItems } = React.useMemo(() => {\n      const itens: React.ReactNode[] = [];\n\n      React.Children.map(children, (childElement, index) => {\n        if (React.isValidElement<SelectFieldItemProps>(childElement)) {\n          const clonedChild = React.cloneElement(childElement, {\n            key: childElement.key ?? `child-item-${index + 1}`,\n          });\n          if (childElement.type === Item) itens.push(clonedChild);\n        }\n      });\n\n      return { childrenItems: itens };\n    }, [children, disabled]);   \n\n    const { leftSlotElements, rightSlotElements } = React.useMemo(() => {\n      const left: React.ReactNode[] = [];\n      const right: React.ReactNode[] = [];\n\n      React.Children.map(children, (childElement, index) => {\n        if (React.isValidElement<SlotProps>(childElement)) {\n          const clonedChild = React.cloneElement(childElement, {\n            key: childElement.key ?? `slot-${index}`,\n            disabled: disabled,\n            'aria-disabled': disabled,\n          });\n          if (childElement.type === LeftSlot) left.push(clonedChild);\n          if (childElement.type === RightSlot) right.push(clonedChild);\n        }\n      });\n\n      return { leftSlotElements: left, rightSlotElements: right };\n    }, [children, disabled]);\n\n    const { optionItens } = React.useMemo(() => {\n      const itens: React.ReactNode[] = [];\n\n      React.Children.map(children, (childElement, index) => {\n        if (React.isValidElement<OptionsProps>(childElement)) {\n          const clonedChildItem = React.cloneElement(childElement, {\n            key: childElement.key ?? `option-list-${index}`,\n            disabled: disabled,\n          });\n          if (childElement.type === Options) itens.push(clonedChildItem);\n        }\n      });\n\n      return { optionItens: itens };\n    }, [children, disabled]);\n\n    const hasLeftSlotElements = Boolean(leftSlotElements?.length);\n    const hasRightSlotElements = Boolean(rightSlotElements?.length);\n\n    const handleCloseListBox = () => {\n      setListBoxOpen(false);\n      setFilterValue('');\n    };\n\n    const handleOpenListBox = () => {\n      const currentValue = !isMultipleSelect ?\n        props?.value\n        : _.orderBy([...props.value], value => _.toNumber(value), ['asc'])[0];\n      setActiveDescendant(_.toString(currentValue) ?? undefined);\n    };\n\n    const handleChangeListBoxState = () => {\n      setListBoxOpen((prevState) => {\n        if (prevState) {\n          setFilterValue('');\n        }\n        if (selectInputRef.current !== document.activeElement) {\n          selectInputRef?.current?.focus?.();\n        }\n        return !prevState;\n      });\n    };\n\n    const handleChangeLiSelected = (liElement: HTMLLIElement | null) => {\n      liSelectedRef.current = liElement;\n    };\n\n    const handleOnChange = (value?: any, inputLabel?: string, addOrRemove?: boolean) => {\n      let multipleValue = props?.value;\n      if (!addOrRemove) multipleValue = _.union(props.value, [value]);\n      if (addOrRemove) multipleValue = _.without(props.value, value);\n      const changedValue = !isMultipleSelect ?\n        value\n        : _.orderBy(multipleValue, multiValue => _.toNumber(multiValue), ['asc']);\n      const syntheticEvent = {\n        target: {\n          name,\n          value: changedValue as any,\n        },\n      } as React.ChangeEvent<HTMLInputElement>;\n      onChange?.(syntheticEvent);\n      if (!isMultipleSelect) {\n        setListBoxOpen(false);\n        setFilterValue('');\n        setInputValue(inputLabel ?? '');\n        if (document.activeElement === selectSearchInputRef.current) {\n          selectInputRef?.current?.focus?.();\n          setListBoxOpen(false);\n        }\n      }\n    };\n\n    const handleCheckMultiple = (checkOrUncheckAll?: boolean) => {\n      const checkAll = Boolean(checkOrUncheckAll);\n      const allValues: any[] = [];\n      listOptionsMap.forEach((__, key) => allValues.push(key));\n      const value: any = checkAll ? allValues : [];\n      const syntheticEvent = {\n        target: {\n          name,\n          value,\n        },\n      } as React.ChangeEvent<HTMLInputElement>;\n      onChange?.(syntheticEvent);\n    };\n\n    const handleClearValue = () => {\n      const resetValue = !isMultipleSelect ? '' : [];\n      const syntheticEvent = {\n        target: {\n          name,\n          value: resetValue as any,\n        },\n      } as React.ChangeEvent<HTMLInputElement>;\n      onChange?.(syntheticEvent);\n      setListBoxOpen(false);\n      if (!isMultipleSelect) {\n        setFilterValue('');\n        setInputValue('');\n      }\n      if (isMultipleWithCheckboxes) {\n        setInputValue(multipleInputLabelEmpty);\n      }\n    };\n\n    const handleOnBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      props?.onBlur?.(event);\n      if (!event.relatedTarget || event.relatedTarget !== selectSearchInputRef.current) {\n        setListBoxOpen(false);\n      }\n      setFilterValue('');\n    };\n\n    const handleOnFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n      props?.onFocus?.(event);\n      if (openDropdownOnFocus) {\n        setListBoxOpen(true);\n        handleOpenListBox();\n      }\n    };\n\n    const handleOnChangeInput = (event: React.ChangeEvent<HTMLInputElement>) => {\n      setFilterValue(event.target.value);\n      setInputValue(event.target.value);\n    };\n\n    const handleOnPaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n      if (undigitable || isMultipleWithCheckboxes) {\n        event.preventDefault();\n      } else {\n        props.onPaste?.(event);\n      }\n    };\n\n    const handleOnBeforeInput = (event: React.InputEvent<HTMLInputElement>) => {\n      if (undigitable || isMultipleWithCheckboxes) {\n        event.preventDefault();\n      } else {\n        props.onBeforeInput?.(event);\n      }\n    };\n\n    const handleOnSearch = (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (externalSearch) {\n        onSearch?.(event);\n      } else {\n        setFilterValue(event.target.value);\n      }\n    };\n\n    const handleOnKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      props?.onKeyDown?.(event);\n      const notUndigitableKeys: string[] = [Keys.backspace, Keys.delete];\n      if ((undigitable) && notUndigitableKeys.includes(event.key)) {\n        event.preventDefault();\n        return;\n      }\n      const shouldOpenByTyping = isTypingKey(event) || event.key === Keys.arrowDown;\n      if (shouldOpenByTyping && selectInputRef.current === document.activeElement) {\n        if (event.key === Keys.arrowDown) {\n          event.preventDefault();\n        }\n        requestAnimationFrame(() => {\n          const ulListElement = selectListBoxRef.current?.querySelector('ul[role=\"listbox\"]');\n          const liElementsFiltered = (ulListElement?.querySelectorAll(\n            'li[data-state-filtered=\"true\"]',\n          ) ?? []) as HTMLLIElement[];\n          if (!listBoxOpen && event.key === Keys.arrowDown) {\n            const currentValue = !isMultipleSelect ?\n              props?.value\n              : _.orderBy([...props.value], value => _.toNumber(value), ['asc'])[0];\n            setActiveDescendant(_.toString(currentValue) ?? undefined);\n          } else {\n            setActiveDescendant(liElementsFiltered[0]?.id ?? undefined);\n          }\n        });\n        if (!listBoxOpen) {\n          setListBoxOpen(true);\n          handleOpenListBox();\n        }\n      }\n      if (listBoxOpen && NAVIGATION_KEYS.includes(event.key)) {\n        event.preventDefault();\n      }\n      requestAnimationFrame(() => {\n        const ulListElement = selectListBoxRef.current?.querySelector('ul[role=\"listbox\"]');\n        const liElementsFiltered = (ulListElement?.querySelectorAll(\n          'li[data-state-filtered=\"true\"]',\n        ) ?? []) as HTMLLIElement[];\n        const currentElementIndex = Array.from(liElementsFiltered).findIndex(\n          liElement => liElement.id === activeDescendant,\n        );\n        let nextElementIndex = currentElementIndex;\n        if (listBoxOpen) {\n          if (NAVIGATION_KEYS.includes(event.key)) {\n            switch (event.key) {\n              case Keys.escape:\n                setListBoxOpen(false);\n                setFilterValue('');\n                selectInputRef.current?.focus();\n                if (event.target === selectSearchInputRef.current) {\n                  setListBoxOpen(false);\n                }\n                break;\n              case Keys.arrowDown:\n                nextElementIndex = Math.min(currentElementIndex + 1, liElementsFiltered.length - 1);\n                break;\n              case Keys.arrowUp:\n                nextElementIndex = Math.max(currentElementIndex - 1, 0);\n                break;\n              case Keys.enter:\n                if (activeDescendant) {\n                  const selectedLIOption = liElementsFiltered[nextElementIndex];\n                  if (selectedLIOption) {\n                    selectedLIOption.click();\n                  }\n                }\n                break;\n              default:\n                break;\n            }\n            const nextLIOption = liElementsFiltered[nextElementIndex];\n            if (nextLIOption) {\n              setActiveDescendant(nextLIOption?.id ?? '');\n              nextLIOption.scrollIntoView({ block: 'nearest' });\n            }\n          }\n        } else return null;\n      });\n    };\n\n    const contextValues = ({\n      selectFieldId: SELECT_FIELD_CONTROLS_ID, label: props.label, striped, listBoxOpen, \n      filterValue, disabled, liSelectedRef, selectInputRef, selectSearchInputRef, handleOnSearch, \n      searchOnDropdown, nameSelect: String(props.name), valueSelect: props?.value, \n      activeDescendant, handleOnChange, handleOnKeyDown, selectContainerRef, handleCloseListBox, \n      notFoundFilterLabel, handleChangeLiSelected, isMultipleSelect, isMultipleDefault, \n      isMultipleWithCheckboxes, searchInputPlaceholder, showClearButton, dropdownAlignButton, \n      handleClearValue, handleCheckMultiple, handleChangeListBoxState, optionItens,\n    });\n\n    return (\n      <Fragment>\n        <SelectFieldContext.Provider value={contextValues}>\n          <div\n            ref={selectFieldRoot}\n            data-testid=\"test-select-field-root\"\n            className={`select-field-root ${customClassWrapper}`}\n            data-state-error={hasValidationErrors}\n            data-state-hint-position={hintPosition}>\n            {hasLabel && (\n              <span\n                className={`root-label ${customClassLabel}`}\n                data-state-skeletonize={skeletonize}>\n                <label\n                  data-testid=\"test-select-field-label\"\n                  className=\"label\"\n                  title={label}\n                  htmlFor={name}\n                  aria-disabled={disabled}\n                  aria-readonly={readOnly}\n                  data-state-input-required={props.required}>\n                  {label}\n                </label>\n                {hasHintMessages && hintPosition === 'onLabelRight' && !skeletonize && (\n                  <Popover\n                    customClass=\"label-popover\"\n                    theme={themePopover}\n                    align={popoverAlign}\n                    iconColor=\"#03bde2\">\n                    <PopoverText text={props?.hint ?? ''} />\n                  </Popover>\n                )}\n              </span>\n            )}\n            <div\n              ref={selectContainerRef}\n              className={`container ${customClassInputContainer}`}\n              aria-expanded={listBoxOpen}\n              data-state-skeletonize={skeletonize}>\n              {(hasLeftSlotElements && !skeletonize) && leftSlotElements}\n              <div className=\"input-root\">\n                <input\n                  {...rest}\n                  ref={mergeRefs(ref, selectInputRef)}\n                  readOnly={props.readOnly || undigitable}\n                  className={`input ${customClass}`}\n                  placeholder={rest.placeholder}\n                  data-state-error={hasValidationErrors}\n                  data-state-multiple={isMultipleSelect}\n                  data-state-read-only={readOnly}\n                  data-state-text-align={textAlign}\n                  data-state-undigitable={undigitable}\n                  data-state-skeletonize={skeletonize}\n                  data-state-multiple-with-checkboxes={isMultipleWithCheckboxes}\n                  id={name}\n                  type=\"text\"\n                  role=\"combobox\"\n                  multiple={false}\n                  disabled={disabled}\n                  data-testid=\"test-select-field-input\"\n                  aria-autocomplete=\"list\"\n                  aria-expanded={listBoxOpen}\n                  aria-controls={SELECT_FIELD_CONTROLS_ID}\n                  aria-activedescendant={activeDescendant}\n                  tabIndex={(!readOnly && !skeletonize) ? 0 : -1}\n                  value={inputValue}\n                  onBlur={handleOnBlur}\n                  onFocus={handleOnFocus}\n                  onKeyDown={handleOnKeyDown}\n                  onChange={handleOnChangeInput}\n                  onPaste={handleOnPaste}\n                  onBeforeInput={handleOnBeforeInput} />\n                {isMultipleDefault && (\n                  <Selections\n                    isDisabled={Boolean(disabled)}\n                    isReadOnly={Boolean(readOnly)}\n                    listOfOptionsToSelect={listOptionsMap} />\n                )}\n              </div>\n              {(hasRightSlotElements && !skeletonize) && rightSlotElements}\n              <div\n                className=\"triggers\"\n                data-state-disabled={disabled}\n                data-state-read-only={readOnly}\n                data-state-skeletonize={skeletonize}>\n                <Triggers />\n              </div>\n              {listBoxOpen && createPortal(\n                <ListBox\n                  ref={selectListBoxRef}\n                  dropdownMaxWidth={dropdownMaxWidth}>\n                  {childrenItems}\n                </ListBox>, \n                document.body,\n              )\n              }\n            </div>\n            {hintPosition === 'below' && (\n              <Hint\n                customClass=\"hint\"\n                skeletonize={skeletonize}\n                description={props.hint}\n                disabled={disabled}\n                visible={hasHintMessages} />\n            )}\n            {hasValidationErrors && (\n              <span\n                data-testid=\"test-select-field-list-errors\"\n                className=\"error\"\n                data-state-skeletonize={skeletonize}\n                aria-describedby={String(name).concat('-errors')}>\n                {errors?.map((error, index) => (\n                  <React.Fragment key={`${index + 1}-${error}`}>\n                    {error}\n                    {' '}\n                  </React.Fragment>\n                ))}\n              </span>\n            )}\n          </div>\n        </SelectFieldContext.Provider>\n        <Tooltip\n          targetRef={selectInputRef}\n          text={tooltip}\n          position={tooltipPosition}\n          width={tooltipWidth}\n          space={tooltipPosition === 'right' ? 64 : undefined} />\n      </Fragment>\n    );\n  },\n);\n\nInputBase.displayName = 'SelectFieldInputBase';\n"],"mappings":"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"}

package/lib/inputs2/selectfield/context.d.ts

@@ -1,6 +1,5 @@
-import React__default from 'react';
-import { Position } from '../../@types/Position.js';
-
+import { ChangeEvent, ReactNode, RefObject, KeyboardEventHandler } from 'react';
+import { Position } from '../../@types/Position';
 interface SelectFieldContextProps {
     striped?: boolean;
     listBoxOpen: boolean;
@@ -18,22 +17,22 @@ interface SelectFieldContextProps {
     activeDescendant?: string;
     notFoundFilterLabel: string;
     searchInputPlaceholder: string;
-    optionItens: React__default.ReactNode[];
+    optionItens: ReactNode[] | undefined | null;
     dropdownAlignButton?: Extract<Position, 'left' | 'right'>;
-    liSelectedRef: React__default.RefObject<HTMLLIElement | null>;
-    selectInputRef: React__default.RefObject<HTMLInputElement | null>;
-    selectContainerRef: React__default.RefObject<HTMLDivElement | null>;
-    selectSearchInputRef: React__default.RefObject<HTMLInputElement>;
-    handleOnSearch?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
+    liSelectedRef: RefObject<HTMLLIElement | null>;
+    selectInputRef: RefObject<HTMLInputElement | null>;
+    selectContainerRef: RefObject<HTMLDivElement | null>;
+    selectSearchInputRef: RefObject<HTMLInputElement | null>;
+    handleOnSearch?: (event: ChangeEvent<HTMLInputElement>) => void;
     handleOnChange?: (value?: string, label?: string, addOrRemove?: boolean) => void;
-    handleOnKeyDown?: (event: React__default.KeyboardEvent<HTMLInputElement>) => void;
+    handleOnKeyDown?: KeyboardEventHandler;
     handleClearValue?: () => void;
     handleCloseListBox: () => void;
     handleCheckMultiple: (checkOrUncheckAll?: boolean) => void;
     handleChangeLiSelected: (liElement: HTMLLIElement | null) => void;
     handleChangeListBoxState: () => void;
 }
-declare const SelectFieldContext: React__default.Context<SelectFieldContextProps>;
+declare const SelectFieldContext: import('react').Context<SelectFieldContextProps>;
 declare const useSelectFieldContext: () => SelectFieldContextProps;
-
-export { SelectFieldContext, SelectFieldContextProps, useSelectFieldContext };
+export { SelectFieldContext, useSelectFieldContext };
+export type { SelectFieldContextProps };

package/lib/inputs2/selectfield/context.js

@@ -1,15 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSelectFieldContext = exports.SelectFieldContext = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const SelectFieldContext = exports.SelectFieldContext = /*#__PURE__*/_react.default.createContext({});
-const useSelectFieldContext = () => {
-  const context = _react.default.useContext(SelectFieldContext);
-  if (context === undefined) throw new Error('useSelectFieldContext must be used within a SelectFieldProvider');
-  return context;
+import { createContext as e, useContext as t } from "react";
+//#region src/lib/inputs2/selectfield/context.tsx
+var n = e({}), r = () => {
+	let e = t(n);
+	if (e === void 0) throw Error("useSelectFieldContext must be used within a SelectFieldProvider");
+	return e;
 };
-exports.useSelectFieldContext = useSelectFieldContext;
+//#endregion
+export { n as SelectFieldContext, r as useSelectFieldContext };
+
+//# sourceMappingURL=context.js.map

package/lib/inputs2/selectfield/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/lib/inputs2/selectfield/context.tsx"],"sourcesContent":["import { createContext, ChangeEvent, ReactNode, RefObject, useContext, KeyboardEventHandler } from 'react';\nimport type { Position } from '../../@types/Position';\n\ninterface SelectFieldContextProps {\n  striped?: boolean;\n  listBoxOpen: boolean;\n  isDisabled?: boolean;\n  showClearButton?: boolean;\n  searchOnDropdown?: boolean;\n  isMultipleSelect?: boolean;\n  isMultipleDefault?: boolean;\n  isMultipleWithCheckboxes?: boolean;\n  label?: string;\n  filterValue?: string;\n  nameSelect?: string;\n  valueSelect?: any;\n  selectFieldId: string;\n  activeDescendant?: string;\n  notFoundFilterLabel: string;\n  searchInputPlaceholder: string;\n  optionItens: ReactNode[] | undefined | null;\n  dropdownAlignButton?: Extract<Position, 'left' | 'right'>;\n  liSelectedRef: RefObject<HTMLLIElement | null>;\n  selectInputRef: RefObject<HTMLInputElement | null>;\n  selectContainerRef: RefObject<HTMLDivElement | null>;\n  selectSearchInputRef: RefObject<HTMLInputElement | null>;\n  handleOnSearch?: (event: ChangeEvent<HTMLInputElement>) => void;\n  handleOnChange?: (value?: string, label?: string, addOrRemove?: boolean) => void;\n  handleOnKeyDown?: KeyboardEventHandler;\n  handleClearValue?: () => void;\n  handleCloseListBox: () => void;\n  handleCheckMultiple: (checkOrUncheckAll?: boolean) => void;\n  handleChangeLiSelected: (liElement: HTMLLIElement | null) => void;\n  handleChangeListBoxState: () => void;\n}\n\nconst SelectFieldContext = createContext({} as SelectFieldContextProps);\n\nconst useSelectFieldContext = () => {\n  const context = useContext(SelectFieldContext);\n\n  if (context === undefined)\n    throw new Error('useSelectFieldContext must be used within a SelectFieldProvider');\n\n  return context;\n};\n\nexport { SelectFieldContext, useSelectFieldContext };\nexport type { SelectFieldContextProps };\n"],"mappings":";;AAoCA,IAAM,IAAqB,EAAc,EAAE,CAA4B,EAEjE,UAAA;CACJ,IAAA,IAAgB,EAAW,EAAmB;AAE9C,KAAI,MAAY,KAAA,EACd,OAAU,MAAM,kEAAkE;AAAA,QAE7E"}

package/lib/inputs2/selectfield/helpers.d.ts

@@ -1,6 +1,5 @@
-declare const setFocusOnOffsetElement: (current: HTMLElement, nextOrBefore: 'next' | 'before') => void;
-declare const options: string[];
-declare const NAVIGATION_KEYS: string[];
-declare const isTypingKey: (event: React.KeyboardEvent) => boolean;
-
-export { NAVIGATION_KEYS, isTypingKey, options, setFocusOnOffsetElement };
+import { KeyboardEvent } from 'react';
+export declare const setFocusOnOffsetElement: (current: HTMLElement, nextOrBefore: "next" | "before") => void;
+export declare const options: string[];
+export declare const NAVIGATION_KEYS: string[];
+export declare const isTypingKey: (event: KeyboardEvent) => boolean;

package/lib/inputs2/selectfield/helpers.js

@@ -1,25 +1,36 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setFocusOnOffsetElement = exports.options = exports.isTypingKey = exports.NAVIGATION_KEYS = void 0;
-var _permissionValidations = require("../../permissionValidations");
-var _types = require("./types");
-const FOCUSABLE_SELECTOR = ['a[href]', 'button:not([disabled])', 'input:not([disabled])', 'select:not([disabled])', 'textarea:not([disabled])', '[tabindex]:not([tabindex="-1"])'].join(',');
-const setFocusOnOffsetElement = (current, nextOrBefore) => {
-  const elementFocusables = Array.from(document.querySelectorAll(FOCUSABLE_SELECTOR));
-  const offsetElement = nextOrBefore === 'next' ? 1 : -1;
-  const elementIndex = elementFocusables.indexOf(current);
-  const nextElement = elementFocusables[elementIndex + offsetElement];
-  if (nextElement) nextElement.focus();
-};
-exports.setFocusOnOffsetElement = setFocusOnOffsetElement;
-const options = exports.options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
-const NAVIGATION_KEYS = exports.NAVIGATION_KEYS = [_types.Keys.escape, _types.Keys.arrowDown, _types.Keys.arrowUp, _types.Keys.enter];
-const isTypingKey = event => {
-  if (event.ctrlKey || event.metaKey || event.altKey) return false;
-  const validKeys = [_types.Keys.backspace, _types.Keys.delete, _types.Keys.spaceBar];
-  return event.key.length === 1 || validKeys.includes(event.key);
+import { OPTIONS_ON_DENIED as e } from "../../permissionValidations.js";
+import { Keys as t } from "./types.js";
+//#region src/lib/inputs2/selectfield/helpers.ts
+var n = [
+	"a[href]",
+	"button:not([disabled])",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"[tabindex]:not([tabindex=\"-1\"])"
+].join(","), r = (e, t) => {
+	let r = Array.from(document.querySelectorAll(n)), i = t === "next" ? 1 : -1, a = r[r.indexOf(e) + i];
+	a && a.focus();
+}, i = [
+	e.disabled,
+	e.unvisible,
+	e.readOnly,
+	e.hideContent
+], a = [
+	t.escape,
+	t.arrowDown,
+	t.arrowUp,
+	t.enter
+], o = (e) => {
+	if (e.ctrlKey || e.metaKey || e.altKey) return !1;
+	let n = [
+		t.backspace,
+		t.delete,
+		t.spaceBar
+	];
+	return e.key.length === 1 || n.includes(e.key);
 };
-exports.isTypingKey = isTypingKey;
+//#endregion
+export { a as NAVIGATION_KEYS, o as isTypingKey, i as options, r as setFocusOnOffsetElement };
+
+//# sourceMappingURL=helpers.js.map

package/lib/inputs2/selectfield/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":[],"sources":["../../../src/lib/inputs2/selectfield/helpers.ts"],"sourcesContent":["import { KeyboardEvent } from 'react';\nimport { OPTIONS_ON_DENIED } from '../../permissionValidations';\nimport { Keys } from './types';\n\nconst FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'button:not([disabled])',\n  'input:not([disabled])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n].join(',');\nexport const setFocusOnOffsetElement = (\n  current: HTMLElement, nextOrBefore: 'next' | 'before',\n) => {\n  const elementFocusables = Array.from(document.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR));\n  const offsetElement = nextOrBefore === 'next' ? 1 : -1;\n  const elementIndex = elementFocusables.indexOf(current);\n  const nextElement = elementFocusables[elementIndex + offsetElement];\n  if (nextElement) nextElement.focus();\n};\nexport const options = [\n  OPTIONS_ON_DENIED.disabled,\n  OPTIONS_ON_DENIED.unvisible,\n  OPTIONS_ON_DENIED.readOnly,\n  OPTIONS_ON_DENIED.hideContent,\n];\nexport const NAVIGATION_KEYS: string[] = [Keys.escape, Keys.arrowDown, Keys.arrowUp, Keys.enter];\nexport const isTypingKey = (event: KeyboardEvent) => {\n  if (event.ctrlKey || event.metaKey || event.altKey) return false;\n  const validKeys: string[] = [Keys.backspace, Keys.delete, Keys.spaceBar];\n  return ((event.key.length === 1) || validKeys.includes(event.key));\n};\n"],"mappings":";;;AAIA,IAAM,IAAqB;CACzB;CACA;CACA;CACA;CACA;CACA;CACD,CAAC,KAAK,IAAI,EACE,KACX,GAAsB,MACnB;CACH,IAAM,IAAoB,MAAM,KAAK,SAAS,iBAA8B,EAAmB,CAAC,EAC1F,IAAgB,MAAiB,SAAS,IAAI,IAE9C,IAAc,EADC,EAAkB,QAAQ,EAAQ,GACF;AACrD,CAAI,KAAa,EAAY,OAAO;GAEzB,IAAU;CACrB,EAAkB;CAClB,EAAkB;CAClB,EAAkB;CAClB,EAAkB;CACnB,EACY,IAA4B;CAAC,EAAK;CAAQ,EAAK;CAAW,EAAK;CAAS,EAAK;CAAM,EACnF,KAAe,MAAyB;AACnD,KAAI,EAAM,WAAW,EAAM,WAAW,EAAM,OAAQ,QAAO;CAC3D,IAAM,IAAsB;EAAC,EAAK;EAAW,EAAK;EAAQ,EAAK;EAAS;AACxE,QAAS,EAAM,IAAI,WAAW,KAAM,EAAU,SAAS,EAAM,IAAI"}

package/lib/inputs2/selectfield/index.d.ts

@@ -1,11 +1,9 @@
-import 'react';
-export { LeftSlot, RightSlot } from '../slot/index.js';
-export { Options } from './options.js';
-export { Item } from './item.js';
-export { SelectFieldInputProps } from './types.js';
-export { I as Input } from '../../index-053f615b.js';
-import '../../@types/Align.js';
-import '../../@types/ColorStyles.js';
-import '../../tooltip/types.js';
-import '../../@types/Position.js';
-import '../../@types/PermissionAttr.js';
+import { default as React } from 'react';
+import { LeftSlot, RightSlot } from '../slot';
+import { Options } from './options';
+import { Item } from './item';
+import { SelectFieldInputProps } from './types';
+import { Simple } from './simple';
+declare const Input: React.ForwardRefExoticComponent<SelectFieldInputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input, Item, Simple, Options, LeftSlot, RightSlot };
+export type { SelectFieldInputProps };

package/lib/inputs2/selectfield/index.js

@@ -1,84 +1,42 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Input = void 0;
-Object.defineProperty(exports, "Item", {
-  enumerable: true,
-  get: function () {
-    return _item.Item;
-  }
-});
-Object.defineProperty(exports, "LeftSlot", {
-  enumerable: true,
-  get: function () {
-    return _slot.LeftSlot;
-  }
-});
-Object.defineProperty(exports, "Options", {
-  enumerable: true,
-  get: function () {
-    return _options.Options;
-  }
+import { __exportAll as e } from "../../_virtual/_rolldown/runtime.js";
+import t from "../../gridlayout/index.js";
+import { actionsOnPermissionDenied as n } from "../../permissionValidations.js";
+import { LeftSlot as r, RightSlot as i } from "../slot/index.js";
+import '../../assets/styles/selectfield.css';/* empty css                              */
+import { Options as a } from "./options.js";
+import { Item as o } from "./item.js";
+import { options as s } from "./helpers.js";
+import { InputBase as c } from "./base.js";
+import { Simple as l } from "./simple.js";
+import u from "react";
+import { jsx as d } from "react/jsx-runtime";
+//#region src/lib/inputs2/selectfield/index.tsx
+var f = /* @__PURE__ */ e({
+	Input: () => p,
+	Item: () => o,
+	LeftSlot: () => r,
+	Options: () => a,
+	RightSlot: () => i,
+	Simple: () => l
+}), p = u.forwardRef(({ onDeniedActions: e, permissionAttr: r, gridLayout: i, disabled: a, readOnly: o, ...l }, f) => {
+	let p = u.useMemo(() => e || n(s, r), [e, r]), { hideContent: m, unvisible: h } = p, g = {
+		readOnly: !!(o || p.readOnly),
+		disabled: !!(a || p.disabled),
+		...l
+	};
+	return m || h ? null : i ? /* @__PURE__ */ d(t, {
+		cols: i,
+		children: /* @__PURE__ */ d(c, {
+			ref: f,
+			...g
+		})
+	}) : /* @__PURE__ */ d(c, {
+		ref: f,
+		...g
+	});
 });
-Object.defineProperty(exports, "RightSlot", {
-  enumerable: true,
-  get: function () {
-    return _slot.RightSlot;
-  }
-});
-require("../../assets/styles/selectfield.scss");
-var _react = _interopRequireDefault(require("react"));
-var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
-var _permissionValidations = require("../../permissionValidations");
-var _slot = require("../slot");
-var _options = require("./options");
-var _item = require("./item");
-var _helpers = require("./helpers");
-var _base = require("./base");
-const _excluded = ["onDeniedActions", "permissionAttr", "gridLayout", "disabled", "readOnly"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-const Input = exports.Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-      onDeniedActions,
-      permissionAttr,
-      gridLayout,
-      disabled,
-      readOnly
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  const onDenied = _react.default.useMemo(() => {
-    return onDeniedActions || (0, _permissionValidations.actionsOnPermissionDenied)(_helpers.options, permissionAttr);
-  }, [onDeniedActions, permissionAttr]);
-  const {
-    hideContent,
-    unvisible
-  } = onDenied;
-  const isReadOnly = Boolean(readOnly || onDenied.readOnly);
-  const isDisabled = Boolean(disabled || onDenied.disabled);
-  const inputProps = _objectSpread({
-    readOnly: isReadOnly,
-    disabled: isDisabled
-  }, props);
-  if (hideContent || unvisible) return null;
-  if (gridLayout) {
-    return /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
-      cols: gridLayout
-    }, /*#__PURE__*/_react.default.createElement(_base.InputBase, _extends({
-      ref: ref
-    }, inputProps)));
-  }
-  return /*#__PURE__*/_react.default.createElement(_base.InputBase, _extends({
-    ref: ref
-  }, inputProps));
-});
-Input.displayName = 'SelectFieldInput';
+p.displayName = "SelectFieldInput";
+//#endregion
+export { p as Input, o as Item, r as LeftSlot, a as Options, i as RightSlot, l as Simple, f as selectfield_exports };
+
+//# sourceMappingURL=index.js.map

package/lib/inputs2/selectfield/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/inputs2/selectfield/index.tsx"],"sourcesContent":["import '../../assets/styles/selectfield.scss';\n\nimport React from 'react';\nimport GridCol from '../../gridlayout';\nimport type { OnDenied } from '../../@types/PermissionAttr';\nimport { actionsOnPermissionDenied } from '../../permissionValidations';\nimport { LeftSlot, RightSlot } from '../slot';\nimport { Options } from './options';\nimport { Item } from './item';\nimport { SelectFieldInputBaseProps, type SelectFieldInputProps } from './types';\nimport { options } from './helpers';\nimport { InputBase } from './base';\nimport { Simple } from './simple';\n\nconst Input = React.forwardRef<HTMLInputElement, SelectFieldInputProps>((\n  {  onDeniedActions, permissionAttr, gridLayout, disabled, readOnly, ...props },\n  ref,\n) => {\n  const onDenied: OnDenied = React.useMemo(() => {\n    return onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n  }, [onDeniedActions, permissionAttr]);\n  const { hideContent, unvisible } = onDenied;\n  const isReadOnly = Boolean(readOnly || onDenied.readOnly);\n  const isDisabled = Boolean(disabled || onDenied.disabled);\n  const inputProps = { \n    readOnly: isReadOnly, disabled: isDisabled, ...props, \n  } satisfies SelectFieldInputBaseProps;\n\n  if (hideContent || unvisible) return null;\n\n  if (gridLayout) {\n    return (\n      <GridCol cols={gridLayout}>\n        <InputBase ref={ref} {...inputProps} />\n      </GridCol>\n    );\n  }\n\n  return (\n    <InputBase ref={ref} {...inputProps} />\n  );\n});\n\nInput.displayName = 'SelectFieldInput';\nexport { Input, Item, Simple, Options, LeftSlot, RightSlot };\nexport type { SelectFieldInputProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;IAcM,IAAQ,EAAM,YAClB,EAAG,oBAAiB,mBAAgB,eAAY,aAAU,aAAU,GAAG,KACvE,MACG;CACH,IAAM,IAAqB,EAAM,cACxB,KAAmB,EAA0B,GAAS,EAAe,EAC3E,CAAC,GAAiB,EAAe,CAAC,EAC/B,EAAE,gBAAa,iBAAc,GAG7B,IAAa;EACjB,UAHiB,GAAQ,KAAY,EAAS;EAGxB,UAFL,GAAQ,KAAY,EAAS;EAEF,GAAG;EAChD;AAYD,QAVI,KAAe,IAAkB,OAEjC,IAEA,kBAAC,GAAD;EAAS,MAAM;YACb,kBAAC,GAAD;GAAgB;GAAK,GAAI;GAAc,CAAA;EAC/B,CAAA,GAKZ,kBAAC,GAAD;EAAgB;EAAK,GAAI;EAAc,CAAA;EAEzC;AAEF,EAAM,cAAc"}

package/lib/inputs2/selectfield/item.d.ts

@@ -1,12 +1,11 @@
-import React__default from 'react';
-
-interface SelectFieldItemProps extends React__default.ComponentProps<'li'> {
+import { ComponentProps, ReactNode } from 'react';
+interface SelectFieldItemProps extends ComponentProps<'li'> {
     value: any;
     label: string;
     disabled?: boolean;
     readOnly?: boolean;
-    children: React__default.ReactNode;
+    children: ReactNode;
 }
-declare const Item: React__default.ForwardRefExoticComponent<Pick<SelectFieldItemProps, "label" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "value" | "readOnly"> & React__default.RefAttributes<HTMLLIElement>>;
-
-export { Item, SelectFieldItemProps };
+declare const Item: import('react').ForwardRefExoticComponent<Omit<SelectFieldItemProps, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
+export { Item };
+export type { SelectFieldItemProps };

package/lib/inputs2/selectfield/item.js

@@ -1,89 +1,54 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Item = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _lodash = _interopRequireDefault(require("lodash"));
-var Checkbox = _interopRequireWildcard(require("../checkboxfield"));
-var _context = require("./context");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const Item = exports.Item = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  var _filterValue$toString;
-  const {
-    disabled,
-    readOnly,
-    children
-  } = props;
-  const {
-    striped,
-    filterValue,
-    valueSelect,
-    activeDescendant,
-    handleOnChange,
-    handleChangeLiSelected,
-    isMultipleSelect,
-    isMultipleDefault,
-    isMultipleWithCheckboxes
-  } = (0, _context.useSelectFieldContext)();
-  const valueToString = _lodash.default.toString(props.value);
-  const hasFocus = Boolean(activeDescendant === valueToString);
-  const ariaSelected = !isMultipleSelect ? Boolean(props.value === valueSelect) : [...valueSelect].includes(props.value);
-  const addOrRemove = !isMultipleSelect ? undefined : ariaSelected;
-  const hasPartOfFilter = Boolean(String(props.label).toLowerCase().includes((_filterValue$toString = filterValue === null || filterValue === void 0 ? void 0 : filterValue.toString().toLowerCase()) !== null && _filterValue$toString !== void 0 ? _filterValue$toString : ''));
-  const handleOnClickItem = event => {
-    if (isMultipleDefault && ariaSelected) event.preventDefault();else {
-      handleOnChange === null || handleOnChange === void 0 ? void 0 : handleOnChange(props.value, props.label, addOrRemove);
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement("li", _extends({
-    ref: el => {
-      if (el) {
-        if (ariaSelected) {
-          handleChangeLiSelected(el);
-        }
-        if (typeof ref === 'function') {
-          ref(el);
-        } else if (ref) {
-          ref.current = el;
-        }
-      }
-    },
-    key: props.value,
-    id: props.value,
-    hidden: props.hidden || !hasPartOfFilter,
-    tabIndex: -1,
-    title: props.label,
-    "aria-label": props.label,
-    "aria-selected": ariaSelected,
-    "aria-readonly": readOnly,
-    "aria-hidden": props['aria-hidden'] || !hasPartOfFilter,
-    "aria-disabled": disabled,
-    "data-content-value": props.value,
-    "data-content-label": props.label,
-    "data-state-striped": striped,
-    "data-state-in-focus": hasFocus,
-    "data-state-filtered": hasPartOfFilter,
-    "data-state-multiple-with-default": isMultipleDefault,
-    "data-state-multiple-with-checkboxes": isMultipleWithCheckboxes,
-    "data-testid": "test-select-field-listbox-item",
-    role: "option",
-    onClick: handleOnClickItem,
-    onMouseDown: event => {
-      event.preventDefault();
-    }
-  }, props), isMultipleWithCheckboxes && /*#__PURE__*/_react.default.createElement(Checkbox.Input, {
-    rounded: true,
-    disabled: disabled,
-    readOnly: readOnly,
-    checked: ariaSelected,
-    size: "default",
-    variant: "secondary",
-    "data-state-in-focus-select-field": hasFocus,
-    name: String(props.label).concat('-').concat(props.value)
-  }), children);
+import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
+import { require_lodash as t } from "../../node_modules/lodash/lodash.js";
+import { Input as n } from "../checkboxfield/index.js";
+import { useSelectFieldContext as r } from "./context.js";
+import { forwardRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/lib/inputs2/selectfield/item.tsx
+var s = /* @__PURE__ */ e(t(), 1), c = i((e, t) => {
+	let { disabled: i, readOnly: c, children: l } = e, { striped: u, filterValue: d, valueSelect: f, activeDescendant: p, handleOnChange: m, handleChangeLiSelected: h, isMultipleSelect: g, isMultipleDefault: _, isMultipleWithCheckboxes: v } = r(), y = p === s.default.toString(e.value), b = g ? [...f].includes(e.value) : e.value === f, x = g ? b : void 0, S = !!String(e.label).toLowerCase().includes(d?.toString().toLowerCase() ?? ""), C = (t) => {
+		_ && b ? t.preventDefault() : m?.(e.value, e.label, x);
+	};
+	return /* @__PURE__ */ o("li", {
+		ref: (e) => {
+			e && (b && h(e), typeof t == "function" ? t(e) : t && (t.current = e));
+		},
+		id: e.value,
+		hidden: e.hidden || !S,
+		tabIndex: -1,
+		title: e.label,
+		"aria-label": e.label,
+		"aria-selected": b,
+		"aria-hidden": e["aria-hidden"] || !S,
+		"aria-disabled": i,
+		"data-content-value": e.value,
+		"data-content-label": e.label,
+		"data-state-striped": u,
+		"data-state-in-focus": y,
+		"data-state-filtered": S,
+		"data-state-multiple-with-default": _,
+		"data-state-multiple-with-checkboxes": v,
+		"data-testid": "test-select-field-listbox-item",
+		role: "option",
+		onClick: C,
+		onMouseDown: (e) => {
+			e.preventDefault();
+		},
+		...e,
+		children: [v && /* @__PURE__ */ a(n, {
+			rounded: !0,
+			disabled: i,
+			readOnly: c,
+			checked: b,
+			size: "default",
+			variant: "secondary",
+			"data-state-in-focus-select-field": y,
+			name: String(e.label).concat("-").concat(e.value)
+		}), l]
+	}, e.value);
 });
-Item.displayName = 'SelectFieldItem';
+c.displayName = "SelectFieldItem";
+//#endregion
+export { c as Item };
+
+//# sourceMappingURL=item.js.map

package/lib/inputs2/selectfield/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","names":[],"sources":["../../../src/lib/inputs2/selectfield/item.tsx"],"sourcesContent":["import _ from 'lodash';\nimport { ComponentProps, forwardRef, MouseEvent, ReactNode } from 'react';\nimport * as Checkbox from '../checkboxfield';\nimport { useSelectFieldContext } from './context';\n\ninterface SelectFieldItemProps extends ComponentProps<'li'> {\n  value: any;\n  label: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  children: ReactNode;\n}\n\nconst Item = forwardRef<HTMLLIElement, SelectFieldItemProps>(\n  (props, ref) => {\n    const { disabled, readOnly, children } = props;\n    const {\n      striped, filterValue, valueSelect, activeDescendant, handleOnChange, handleChangeLiSelected,\n      isMultipleSelect, isMultipleDefault, isMultipleWithCheckboxes,\n    } = useSelectFieldContext();\n\n    const valueToString = _.toString(props.value);\n    const hasFocus = Boolean(activeDescendant === valueToString);\n    const ariaSelected = !isMultipleSelect ?\n        Boolean(props.value === valueSelect)\n      : [...valueSelect].includes(props.value);\n    const addOrRemove = !isMultipleSelect ? undefined : ariaSelected;\n    const hasPartOfFilter = Boolean(\n      String(props.label)\n        .toLowerCase()\n        .includes(filterValue?.toString().toLowerCase() ?? ''),\n    );\n\n    const handleOnClickItem = (event: MouseEvent<HTMLLIElement>) => {\n      if (isMultipleDefault && ariaSelected) event.preventDefault();\n      else { handleOnChange?.(props.value, props.label, addOrRemove); }\n    };\n\n    return (\n      <li\n        ref={(el) => {\n          if (el) {\n            if (ariaSelected) { handleChangeLiSelected(el); }\n            if (typeof ref === 'function') {\n              ref(el);\n            } else if (ref) {\n              ref.current = el;\n            }\n          }\n        }}\n        key={props.value}\n        id={props.value}\n        hidden={props.hidden || !hasPartOfFilter}\n        tabIndex={-1}\n        title={props.label}\n        aria-label={props.label}\n        aria-selected={ariaSelected}\n        aria-hidden={props['aria-hidden'] || !hasPartOfFilter}\n        aria-disabled={disabled}\n        data-content-value={props.value}\n        data-content-label={props.label}\n        data-state-striped={striped}\n        data-state-in-focus={hasFocus}\n        data-state-filtered={hasPartOfFilter}\n        data-state-multiple-with-default={isMultipleDefault}\n        data-state-multiple-with-checkboxes={isMultipleWithCheckboxes}\n        data-testid=\"test-select-field-listbox-item\"\n        role=\"option\"\n        onClick={handleOnClickItem}\n        onMouseDown={(event) => { event.preventDefault(); }}\n        {...props}>\n        {isMultipleWithCheckboxes && (\n          <Checkbox.Input\n            rounded\n            disabled={disabled}\n            readOnly={readOnly}\n            checked={ariaSelected}\n            size=\"default\"\n            variant=\"secondary\"\n            data-state-in-focus-select-field={hasFocus}\n            name={String(props.label).concat('-').concat(props.value)} />\n        )}\n        {children}\n      </li>\n    );\n  },\n);\n\nItem.displayName = 'SelectFieldItem';\nexport { Item };\nexport type { SelectFieldItemProps };\n"],"mappings":";;;;;;;mCAaM,IAAO,GACV,GAAO,MAAQ;CACd,IAAM,EAAE,aAAU,aAAU,gBAAa,GACnC,EACJ,YAAS,gBAAa,gBAAa,qBAAkB,mBAAgB,2BACrE,qBAAkB,sBAAmB,gCACnC,GAAuB,EAGrB,IAAmB,MADH,EAAA,QAAE,SAAS,EAAM,MAAM,EAEvC,IAAgB,IAElB,CAAC,GAAG,EAAY,CAAC,SAAS,EAAM,MAAM,GAD9B,EAAM,UAAU,GAEtB,IAAe,IAA+B,IAAZ,KAAA,GAClC,IAAkB,EACtB,OAAO,EAAM,MAAM,CAChB,aAAa,CACb,SAAS,GAAa,UAAU,CAAC,aAAa,IAAI,GAAG,EAGpD,KAAqB,MAAqC;AAC9D,EAAI,KAAqB,IAAc,EAAM,gBAAgB,GACtD,IAAiB,EAAM,OAAO,EAAM,OAAO,EAAY;;AAGhE,QACE,kBAAC,MAAD;EACE,MAAM,MAAO;AACX,GAAI,MACE,KAAgB,EAAuB,EAAG,EAC1C,OAAO,KAAQ,aACjB,EAAI,EAAG,GACE,MACT,EAAI,UAAU;;EAKpB,IAAI,EAAM;EACV,QAAQ,EAAM,UAAU,CAAC;EACzB,UAAU;EACV,OAAO,EAAM;EACb,cAAY,EAAM;EAClB,iBAAe;EACf,eAAa,EAAM,kBAAkB,CAAC;EACtC,iBAAe;EACf,sBAAoB,EAAM;EAC1B,sBAAoB,EAAM;EAC1B,sBAAoB;EACpB,uBAAqB;EACrB,uBAAqB;EACrB,oCAAkC;EAClC,uCAAqC;EACrC,eAAY;EACZ,MAAK;EACL,SAAS;EACT,cAAc,MAAU;AAAE,KAAM,gBAAgB;;EAChD,GAAI;YA/BN,CAgCG,KACC,kBAAC,GAAD;GACE,SAAA;GACU;GACA;GACV,SAAS;GACT,MAAK;GACL,SAAQ;GACR,oCAAkC;GAClC,MAAM,OAAO,EAAM,MAAM,CAAC,OAAO,IAAI,CAAC,OAAO,EAAM,MAAA;GAAU,CAAA,EAEhE,EAAA;IAhCI,EAAM,MAiCR;EAGV;AAED,EAAK,cAAc"}

package/lib/inputs2/selectfield/listbox.d.ts

@@ -1,7 +1,7 @@
-import React__default from 'react';
-
-interface SelectFieldListBoxProps extends React__default.ComponentProps<'div'> {
+import { ComponentProps } from 'react';
+interface SelectFieldListBoxProps extends ComponentProps<'div'> {
+    dropdownMaxWidth?: number;
 }
-declare const ListBox: React__default.ForwardRefExoticComponent<Pick<SelectFieldListBoxProps, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React__default.RefAttributes<HTMLDivElement>>;
-
-export { ListBox, SelectFieldListBoxProps };
+declare const ListBox: import('react').ForwardRefExoticComponent<Omit<SelectFieldListBoxProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { ListBox };
+export type { SelectFieldListBoxProps };