fannypack-v5
Version:
An accessible, composable, and friendly React UI Kit
243 lines (238 loc) • 9.16 kB
JavaScript
import { createElement as createElement$1 } from 'react';
import '../Provider/ThemeContext.js';
import 'classnames';
import 'emotion';
import '@emotion/core';
import 'emotion-theming';
import '@emotion/styled';
import '../utils/useTheme.js';
import { d as _objectWithoutPropertiesLoose, _ as _objectSpread2, c as _extends } from '../chunk-0c448560.js';
import 'lodash/kebabCase';
import 'tinycolor2';
import '../utils/isFunction.js';
import '../utils/get.js';
import '../utils/theme.js';
import '../utils/omit.js';
import '../utils/pick.js';
import '../utils/cssProps.js';
import '../utils/useLocalStorage.js';
import '../Provider/ColorModeContext.js';
import '../utils/useColorMode.js';
import '../utils/useStyle.js';
import '../utils/omitBy.js';
import '../utils/useDefaultProps.js';
import '../utils/useDebounce.js';
import 'lodash/uniq';
import { useClassName } from '../utils/useClassName.js';
import '../utils/useBreakpoint.js';
import '../utils/uniqueId.js';
import '../utils/times.js';
import '../utils/parseIcons.js';
import '../utils/colors.js';
import '../utils/palette.js';
import '../utils/mergeRefs.js';
import 'deepmerge';
import 'lodash/set';
import '../utils/applyTheme.js';
import '../utils/bindFns.js';
import { createComponent } from '../utils/createComponent.js';
import { createElement } from '../utils/createElement.js';
import { createHook } from '../utils/createHook.js';
import '../utils/forwardRefWithUse.js';
import '../utils/fieldAdaptors.js';
import '@emotion/is-prop-valid';
import '../utils/htmlProps.js';
import '../utils/OutsideClickHandler.js';
import '../theme/palette.js';
import { Box } from 'reakit';
import '../Button/styles-7847dc2c.js';
import ConditionalWrap from 'conditional-wrap';
import '../Box/styles-579aeb3a.js';
import { Box as Box$1 } from '../Box/Box.js';
import '../Flex/styles-53e15538.js';
import '../Flex/Flex.js';
import '../Icon/styles-ca55138b.js';
import '../Icon/Icon.js';
import '../Text/styles-00cf45ec.js';
import '../Text/Text.js';
import '../Spinner/styles-d3bec5e2.js';
import '../Spinner/Spinner.js';
import '../Button/Button.js';
import 'reakit/VisuallyHidden';
import '../Button/ButtonClose.js';
import '../Button/index.js';
import { h as AutosuggestField$1 } from './styles-c08e02c9.js';
import 'react-loads-next';
import '../Input/styles-2c64b479.js';
import 'react-input-mask';
import '../FieldWrapper/styles-406ca84b.js';
import '../Card/styles-95a1c511.js';
import '../Card/Card.js';
import '../Card/index.js';
import '../Disclosure/styles-05d33dce.js';
import '../Disclosure/DisclosureState.js';
import '../Disclosure/Disclosure.js';
import '../Disclosure/DisclosureContent.js';
import '../Disclosure/index.js';
import '../Label/styles-d69a783d.js';
import '../Label/Label.js';
import { FieldWrapper } from '../FieldWrapper/FieldWrapper.js';
import '../Group/styles-8b5ad05e.js';
import { Group } from '../Group/Group.js';
import '../Input/Input.js';
import '../Input/index.js';
import '../Menu/styles-2476c114.js';
import '../DropdownMenu/styles-059d90ce.js';
import '../DropdownMenu/DropdownMenuButton.js';
import '../Modal/styles-70c71d7d.js';
import '../Popover/styles-77580ca3.js';
import '../DropdownMenu/DropdownMenuPopover.js';
import '../DropdownMenu/DropdownMenuState.js';
import '../DropdownMenu/DropdownMenu.js';
import '../DropdownMenu/DropdownMenuItem.js';
import '../DropdownMenu/DropdownMenuDisclosure.js';
import '../Divider/styles-bbdbcf2c.js';
import '../Divider/Divider.js';
import '../DropdownMenu/DropdownMenuDivider.js';
import '../DropdownMenu/DropdownMenuGroup.js';
import '../DropdownMenu/index.js';
import './AutosuggestItem.js';
import './AutosuggestStaticItem.js';
import { Autosuggest } from './Autosuggest.js';
var useProps = createHook(function (props, _ref) {
var themeKey = _ref.themeKey,
themeKeyOverride = _ref.themeKeyOverride;
var addonAfter = props.addonAfter,
addonBefore = props.addonBefore,
automaticSelection = props.automaticSelection,
autosuggestProps = props.autosuggestProps,
cacheKey = props.cacheKey,
children = props.children,
defaultValue = props.defaultValue,
defer = props.defer,
description = props.description,
disabled = props.disabled,
errorText = props.errorText,
emptyText = props.emptyText,
hint = props.hint,
isLoading = props.isLoading,
isOptional = props.isOptional,
isRequired = props.isRequired,
orientation = props.orientation,
label = props.label,
limit = props.limit,
loadingText = props.loadingText,
loadingMoreText = props.loadingMoreText,
loadOptions = props.loadOptions,
loadVariables = props.loadVariables,
options = props.options,
pagination = props.pagination,
placeholder = props.placeholder,
restrictToOptions = props.restrictToOptions,
renderError = props.renderError,
renderClearButton = props.renderClearButton,
renderEmpty = props.renderEmpty,
renderLoading = props.renderLoading,
renderLoadingMore = props.renderLoadingMore,
renderOption = props.renderOption,
clearButtonProps = props.clearButtonProps,
inputProps = props.inputProps,
itemProps = props.itemProps,
popoverProps = props.popoverProps,
dropdownMenuInitialState = props.dropdownMenuInitialState,
state = props.state,
tooltip = props.tooltip,
tooltipTriggerComponent = props.tooltipTriggerComponent,
value = props.value,
onChange = props.onChange,
overrides = props.overrides,
validationText = props.validationText,
restProps = _objectWithoutPropertiesLoose(props, ["addonAfter", "addonBefore", "automaticSelection", "autosuggestProps", "cacheKey", "children", "defaultValue", "defer", "description", "disabled", "errorText", "emptyText", "hint", "isLoading", "isOptional", "isRequired", "orientation", "label", "limit", "loadingText", "loadingMoreText", "loadOptions", "loadVariables", "options", "pagination", "placeholder", "restrictToOptions", "renderError", "renderClearButton", "renderEmpty", "renderLoading", "renderLoadingMore", "renderOption", "clearButtonProps", "inputProps", "itemProps", "popoverProps", "dropdownMenuInitialState", "state", "tooltip", "tooltipTriggerComponent", "value", "onChange", "overrides", "validationText"]);
var boxProps = Box$1.useProps(restProps);
var className = useClassName({
style: AutosuggestField$1,
styleProps: props,
themeKey: themeKey,
themeKeyOverride: themeKeyOverride,
prevClassName: boxProps.className
});
return _objectSpread2(_objectSpread2({}, boxProps), {}, {
className: className,
children: /*#__PURE__*/createElement$1(FieldWrapper, {
description: description,
hint: hint,
isOptional: isOptional,
isRequired: isRequired,
label: label,
overrides: overrides,
state: state,
tooltip: tooltip,
tooltipTriggerComponent: tooltipTriggerComponent,
validationText: validationText
}, function (_ref2) {
var elementProps = _ref2.elementProps;
return /*#__PURE__*/createElement$1(ConditionalWrap, {
condition: addonBefore || addonAfter,
wrap: function wrap(children) {
return /*#__PURE__*/createElement$1(Group, {
orientation: orientation,
overrides: overrides
}, children);
}
}, addonBefore, /*#__PURE__*/createElement$1(Autosuggest, _extends({
flex: addonBefore || addonAfter ? '1' : undefined,
automaticSelection: automaticSelection,
cacheKey: cacheKey,
defer: defer,
disabled: disabled,
isLoading: isLoading,
limit: limit,
loadOptions: loadOptions,
loadVariables: loadVariables,
options: options,
onChange: onChange,
pagination: pagination,
placeholder: placeholder,
restrictToOptions: restrictToOptions,
value: value,
errorText: errorText,
emptyText: emptyText,
loadingText: loadingText,
loadingMoreText: loadingMoreText,
renderClearButton: renderClearButton,
renderError: renderError,
renderEmpty: renderEmpty,
renderLoading: renderLoading,
renderLoadingMore: renderLoadingMore,
renderOption: renderOption,
clearButtonProps: clearButtonProps,
inputProps: _objectSpread2({
isRequired: isRequired,
state: state
}, inputProps),
itemProps: itemProps,
popoverProps: popoverProps,
dropdownMenuInitialState: dropdownMenuInitialState,
overrides: overrides
}, elementProps, autosuggestProps)), addonAfter);
})
});
}, {
themeKey: 'AutosuggestField'
});
var AutosuggestField = createComponent(function (props) {
var AutosuggestFieldProps = useProps(props);
return createElement({
children: props.children,
component: Box,
use: props.use,
htmlProps: AutosuggestFieldProps
});
}, {
attach: {
useProps: useProps,
displayName: 'Autosuggest.Field'
},
themeKey: 'AutosuggestField'
});
export { AutosuggestField };