@activecollab/components 0.1.537 → 1.0.4

package/dist/esm/components/Autocomplete/Autocomplete.js

@@ -0,0 +1,390 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+import { useRef, useMemo, useCallback, useState, useEffect } from 'react';
+import classnames from 'classnames';
+import { Scrollbars } from 'react-custom-scrollbars';
+import { ScrollShadow } from '../ScrollShadow/ScrollShadow.js';
+import highlightText from '../../hooks/useHighlightText.js';
+import { handleKeyboardMovement } from './HandleKeyboard.js';
+import { StyledAutocompleteNewItem, StyledAutocompleteNoResult, StyledAutocompleteBody } from './Styles.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { OptionGroup } from '../Select/OptionGroup/OptionGroup.js';
+import { Option } from '../Select/Option/Option.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var Autocomplete = function Autocomplete(_ref) {
+  var type = _ref.type,
+      _ref$options = _ref.options,
+      options = _ref$options === void 0 ? [] : _ref$options,
+      inputEl = _ref.inputEl,
+      _ref$selected = _ref.selected,
+      selected = _ref$selected === void 0 ? [] : _ref$selected,
+      emptyValue = _ref.emptyValue,
+      noResultText = _ref.noResultText,
+      _ref$renderOption = _ref.renderOption,
+      renderOption = _ref$renderOption === void 0 ? function (option) {
+    return option === null || option === void 0 ? void 0 : option.name;
+  } : _ref$renderOption,
+      defaultValue = _ref.defaultValue,
+      _ref$sortDirection = _ref.sortDirection,
+      sortDirection = _ref$sortDirection === void 0 ? "asc" : _ref$sortDirection,
+      handleChange = _ref.handleChange,
+      optionClassName = _ref.optionClassName,
+      handleEmptyAction = _ref.handleEmptyAction,
+      disabledInternalSort = _ref.disabledInternalSort,
+      AutocompleteClassName = _ref.AutocompleteClassName,
+      handleDefaultOptionChange = _ref.handleDefaultOptionChange,
+      preselectDefaultValue = _ref.preselectDefaultValue,
+      _ref$keepSameOptionsO = _ref.keepSameOptionsOrder,
+      keepSameOptionsOrder = _ref$keepSameOptionsO === void 0 ? false : _ref$keepSameOptionsO,
+      _ref$autoHeightMax = _ref.autoHeightMax,
+      autoHeightMax = _ref$autoHeightMax === void 0 ? 340 : _ref$autoHeightMax;
+  var itemRef = useRef(null);
+  var listRef = useRef(null);
+  var selectedOptions = useMemo(function () {
+    return selected instanceof Array ? selected : [selected];
+  }, [selected]);
+  var handleSort = useCallback(function (opts) {
+    if (keepSameOptionsOrder) {
+      return opts;
+    }
+
+    return opts.sort(function (a, b) {
+      if (selectedOptions.includes(b.id) && !selectedOptions.includes(a.id)) {
+        return 1;
+      }
+
+      if (selectedOptions.includes(a.id) && !selectedOptions.includes(b.id)) {
+        return -1;
+      }
+
+      return 0;
+    }); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var sortList = useCallback(function (options) {
+    if (disabledInternalSort) {
+      return handleSort(_toConsumableArray(options));
+    }
+
+    return handleSort(_toConsumableArray(options).sort(function (a, b) {
+      return sortDirection === "asc" ? a.name.localeCompare(b.name) : b.name.localeCompare(a.name);
+    }));
+  }, [sortDirection, disabledInternalSort, handleSort]);
+  var sortedList = useMemo(function () {
+    return sortList(options);
+  }, [options, sortList]);
+
+  var _useState = useState({
+    item: undefined,
+    by: undefined
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      hover = _useState2[0],
+      setHover = _useState2[1];
+
+  var _useState3 = useState(""),
+      _useState4 = _slicedToArray(_useState3, 2),
+      filter = _useState4[0],
+      setFilter = _useState4[1];
+
+  var handleEmpty = useCallback(function (e) {
+    if (e && e.button !== 0) {
+      return;
+    }
+
+    if (handleEmptyAction) {
+      inputEl === null || inputEl === void 0 ? void 0 : inputEl.focus();
+      setFilter("");
+      handleEmptyAction(filter);
+    }
+  }, [filter, handleEmptyAction, inputEl]);
+  var onAddNewMouseEnter = useCallback(function () {
+    return setHover({
+      item: "addNew",
+      by: "mouse"
+    });
+  }, []);
+
+  function isGroup(item) {
+    return item.options !== undefined;
+  }
+
+  var showAddNew = useMemo(function () {
+    return !!(emptyValue && filter.trim() && options.every(function (option) {
+      if (isGroup(option)) {
+        return option.options.every(function (v) {
+          return v.name.toLowerCase() !== filter.trim().toLowerCase();
+        });
+      }
+
+      return option.name.toLowerCase() !== filter.trim().toLowerCase();
+    }));
+  }, [emptyValue, filter, options]);
+  var renderAddNew = useMemo(function () {
+    return /*#__PURE__*/jsx(StyledAutocompleteNewItem, {
+      ref: hover.item === "addNew" ? itemRef : null,
+      hover: hover.item === "addNew",
+      onMouseDown: handleEmpty,
+      onMouseEnter: onAddNewMouseEnter,
+      children: emptyValue
+    }, "emptyValue");
+  }, [emptyValue, handleEmpty, hover, onAddNewMouseEnter]);
+  var filterOptions = useCallback(function (options, filter) {
+    var trimmedFilter = filter.trim();
+    var isGrouped = options[0] && isGroup(options[0]);
+
+    if (isGrouped) {
+      var hovered = false;
+      return options.reduce(function (acc, groupedOption) {
+        var filteredOptions = groupedOption.options.filter(function (v) {
+          return v.name.toLowerCase().includes(trimmedFilter.toLowerCase());
+        });
+
+        if (filteredOptions.length > 0) {
+          if (!hovered && filter) {
+            setHover({
+              item: filteredOptions[0].id,
+              by: "keyboard"
+            });
+          }
+
+          hovered = true;
+          return [].concat(_toConsumableArray(acc), [_objectSpread(_objectSpread({}, groupedOption), {}, {
+            options: filteredOptions
+          })]);
+        }
+
+        return _toConsumableArray(acc);
+      }, []);
+    } else {
+      var filteredOptions = options.filter(function (v) {
+        return v.name.toLowerCase().includes(trimmedFilter.toLowerCase());
+      });
+
+      if (filter && filteredOptions.length > 0) {
+        setHover({
+          item: filteredOptions[0].id,
+          by: "keyboard"
+        });
+      }
+
+      if (filteredOptions.length === 0 && emptyValue) {
+        setHover({
+          item: "addNew",
+          by: "keyboard"
+        });
+      }
+
+      return filteredOptions;
+    }
+  }, [emptyValue]);
+  var list = useMemo(function () {
+    return filterOptions(sortedList, filter);
+  }, [filter, filterOptions, sortedList]);
+  var showDefaultOption = useMemo(function () {
+    return !!defaultValue && !filter;
+  }, [defaultValue, filter]);
+  var flatOptions = useMemo(function () {
+    var options = list.reduce(function (acc, option) {
+      if (!isGroup(option)) {
+        return [].concat(_toConsumableArray(acc), [option]);
+      }
+
+      return [].concat(_toConsumableArray(acc), _toConsumableArray(option.options));
+    }, []);
+    return filterOptions(options, filter);
+  }, [filter, filterOptions, list]);
+  var handleInputChange = useCallback(function (e) {
+    if (e.target && !(e.key === "ArrowDown") && !(e.key === "ArrowUp") && !(e.key === "Enter")) {
+      setFilter(e.target.value);
+    }
+  }, []);
+  var handleMouseEnter = useCallback(function (e) {
+    if (e === undefined || e === null) {
+      return setHover({
+        item: null,
+        by: "mouse"
+      });
+    }
+
+    setHover({
+      item: e,
+      by: "mouse"
+    });
+  }, []);
+  var handleHoverCallback = useCallback(function (e) {
+    setHover({
+      item: e,
+      by: "mouse"
+    });
+  }, []);
+  var handleRenderOption = useCallback(function (item) {
+    if (isGroup(item)) {
+      return /*#__PURE__*/jsx(OptionGroup, {
+        checked: selectedOptions,
+        name: item.name,
+        setHover: handleHoverCallback,
+        id: item.id,
+        hover: hover.item,
+        options: item.options,
+        renderOptions: handleRenderOption,
+        type: type,
+        onChange: handleChange,
+        filter: filter
+      }, item.id);
+    }
+
+    return /*#__PURE__*/jsx(Option, {
+      name: item.name,
+      ref: itemRef,
+      onMouseEnter: handleMouseEnter,
+      id: item.id,
+      hover: item.id === hover.item,
+      className: optionClassName,
+      renderOption: renderOption(_objectSpread(_objectSpread({}, item), {}, {
+        name: highlightText(item.name, filter)
+      }), {
+        id: "option_".concat(item.id),
+        checked: selectedOptions && selectedOptions.includes(item.id),
+        hover: hover.item === item.id,
+        onChange: function onChange() {
+          return null;
+        }
+      })
+    }, item.id);
+  }, [handleMouseEnter, hover.item, optionClassName, renderOption, filter, selectedOptions, handleHoverCallback, type, handleChange]);
+  var handleOnMouseLeave = useCallback(function () {
+    setHover({
+      item: undefined,
+      by: "mouse"
+    });
+  }, []);
+  var handleScroll = useCallback(function (list, itemOffset) {
+    if (list.getClientHeight() + list.getScrollTop() < itemOffset + 40) {
+      return list.scrollTop(itemOffset - list.getClientHeight() + 30);
+    }
+
+    if (list.getScrollTop() > itemOffset) {
+      return list.scrollTop(itemOffset);
+    }
+  }, []);
+  useEffect(function () {
+    if (hover.by === "keyboard" && hover.item !== undefined) {
+      var item = itemRef.current;
+      var _list = listRef.current;
+
+      if (itemRef && item && _list) {
+        handleScroll(_list, item.offsetTop);
+      }
+    }
+  }, [handleScroll, hover]);
+  var handleOnKeyDown = useCallback(function (e) {
+    if (e.key === "Enter") {
+      e.preventDefault();
+
+      if (hover.item === undefined && filter === "") {
+        return;
+      }
+
+      if (hover.item === "addNew") {
+        handleEmpty(null);
+        return;
+      }
+
+      if (hover.item === null && handleDefaultOptionChange) {
+        handleDefaultOptionChange();
+        return;
+      }
+
+      if (handleChange) {
+        handleChange(hover.item);
+        setFilter("");
+      }
+
+      return;
+    }
+
+    setHover({
+      item: handleKeyboardMovement(e, hover.item, flatOptions, showAddNew, showDefaultOption),
+      by: "keyboard"
+    });
+  }, [filter, flatOptions, handleChange, handleDefaultOptionChange, handleEmpty, hover, showAddNew, showDefaultOption]);
+  var handleClick = useCallback(function () {
+    if (hover.item === null && handleDefaultOptionChange) {
+      handleDefaultOptionChange();
+    }
+
+    if (handleChange) {
+      handleChange(hover === null || hover === void 0 ? void 0 : hover.item);
+    }
+
+    setTimeout(function () {
+      return inputEl === null || inputEl === void 0 ? void 0 : inputEl.focus();
+    }, 0);
+    setFilter("");
+  }, [handleChange, handleDefaultOptionChange, hover, inputEl]);
+  useEffect(function () {
+    if (inputEl) {
+      inputEl.onkeydown = handleOnKeyDown;
+      inputEl.onkeyup = handleInputChange;
+    }
+  }, [handleInputChange, handleOnKeyDown, inputEl]);
+  var isDefaultOptionSelected = useCallback(function () {
+    if (preselectDefaultValue) {
+      return selectedOptions.length < 1 || selectedOptions[0] === "";
+    } else {
+      return selectedOptions[0] === null || selectedOptions.length === flatOptions.length;
+    }
+  }, [flatOptions.length, preselectDefaultValue, selectedOptions]);
+  var showNoResult = useMemo(function () {
+    return noResultText && !showAddNew && list.length < 1;
+  }, [list.length, noResultText, showAddNew]);
+  var renderNoResult = useMemo(function () {
+    return /*#__PURE__*/jsx(StyledAutocompleteNoResult, {
+      children: noResultText
+    });
+  }, [noResultText]);
+  return /*#__PURE__*/jsx(ScrollShadow, {
+    className: classnames("c-select--list", {
+      "tw-hidden": !defaultValue && !emptyValue && !noResultText && list.length < 1
+    }, AutocompleteClassName),
+    children: function children(_ref2) {
+      var onScroll = _ref2.onScroll;
+      return /*#__PURE__*/jsx(StyledAutocompleteBody, {
+        onChange: handleClick,
+        onMouseLeave: handleOnMouseLeave,
+        children: /*#__PURE__*/jsxs(Scrollbars, {
+          ref: listRef,
+          autoHeight: true,
+          autoHeightMax: autoHeightMax,
+          onScroll: onScroll,
+          children: [defaultValue && !filter && /*#__PURE__*/jsx(Option, {
+            name: defaultValue,
+            ref: itemRef,
+            hover: hover.item === null,
+            onMouseEnter: handleMouseEnter,
+            renderOption: renderOption({
+              name: defaultValue,
+              id: null
+            }, {
+              checked: isDefaultOptionSelected(),
+              hover: hover.item === null,
+              onChange: function onChange() {
+                return null;
+              }
+            })
+          }), list.map(function (item) {
+            return handleRenderOption(item);
+          }), showNoResult && renderNoResult, showAddNew && renderAddNew]
+        }, "scrollBar")
+      }, "body");
+    }
+  });
+};
+Autocomplete.displayName = "Autocomplete";
+
+export { Autocomplete };
+//# sourceMappingURL=Autocomplete.js.map

package/dist/esm/components/Autocomplete/Autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.js","sources":["../../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, {\n  FC,\n  useCallback,\n  useState,\n  useMemo,\n  useEffect,\n  useRef,\n  ReactNode,\n  ReactElement,\n} from \"react\";\nimport classNames from \"classnames\";\nimport { Scrollbars } from \"react-custom-scrollbars\";\nimport { ScrollShadow } from \"../ScrollShadow/ScrollShadow\";\nimport highlightText from \"../../hooks/useHighlightText\";\nimport { handleKeyboardMovement } from \"./HandleKeyboard\";\nimport { IOptionItemProps, Option } from \"../Select/Option\";\nimport { IOptionGroupProps, OptionGroup } from \"../Select/OptionGroup\";\nimport {\n  StyledAutocompleteBody,\n  StyledAutocompleteNewItem,\n  StyledAutocompleteNoResult,\n} from \"./Styles\";\n\nexport interface IAutocompleteProps {\n  /** Select type: single or multiple */\n  type?: \"single\" | \"multiple\";\n  /** List of options or group options */\n  options?: (IOptionGroupProps | IOptionItemProps)[];\n  /** Selected values */\n  selected?: (string | number)[] | string | number;\n  /** Input Element. */\n  inputEl?: HTMLInputElement | null;\n  /** Text for empty value */\n  emptyValue?: string;\n  /** Text for No result */\n  noResultText?: string;\n  /** Render option */\n  renderOption?: (\n    option: Record<string, ReactNode>,\n    data: Record<string, unknown>\n  ) => string | ReactElement;\n  /** Default value that renders on top of list */\n  defaultValue?: string;\n  /** Sort direction for labels */\n  sortDirection?: \"asc\" | \"desc\";\n  /** handleChange callback */\n  handleChange?: (\n    e: (string | number)[] | string | number | null | undefined\n  ) => void;\n  /** ClassName for single option */\n  optionClassName?: string;\n  /** handleEmptyAction */\n  handleEmptyAction?: (e: string | number) => void;\n  /** Disable sorting options */\n  disabledInternalSort?: boolean;\n  /** ClassName for Autocomplete component */\n  AutocompleteClassName?: string;\n  /** handleDefaultOptionChange callback */\n  handleDefaultOptionChange?: () => void;\n  /** Should default value be selected */\n  preselectDefaultValue?: boolean;\n  /** Should order stay the same after choosing an option */\n  keepSameOptionsOrder?: boolean;\n  /** Set max height property for scrollbars */\n  autoHeightMax?: number;\n}\n\ninterface IHover {\n  item: number | string | undefined | null;\n  by: \"mouse\" | \"keyboard\" | undefined;\n}\n\nexport const Autocomplete: FC<IAutocompleteProps> = ({\n  type,\n  options = [],\n  inputEl,\n  selected = [],\n  emptyValue,\n  noResultText,\n  renderOption = (option) => option?.name,\n  defaultValue,\n  sortDirection = \"asc\",\n  handleChange,\n  optionClassName,\n  handleEmptyAction,\n  disabledInternalSort,\n  AutocompleteClassName,\n  handleDefaultOptionChange,\n  preselectDefaultValue,\n  keepSameOptionsOrder = false,\n  autoHeightMax = 340,\n}) => {\n  const itemRef = useRef<HTMLLabelElement>(null);\n  const listRef = useRef<Scrollbars>(null);\n\n  const selectedOptions = useMemo(\n    () => (selected instanceof Array ? selected : [selected]),\n    [selected]\n  );\n\n  const handleSort = useCallback((opts) => {\n    if (keepSameOptionsOrder) {\n      return opts;\n    }\n    return opts.sort((a: IOptionItemProps, b: IOptionItemProps) => {\n      if (selectedOptions.includes(b.id) && !selectedOptions.includes(a.id)) {\n        return 1;\n      }\n      if (selectedOptions.includes(a.id) && !selectedOptions.includes(b.id)) {\n        return -1;\n      }\n      return 0;\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const sortList = useCallback(\n    (options) => {\n      if (disabledInternalSort) {\n        return handleSort([...options]);\n      }\n      return handleSort(\n        [...options].sort((a: IOptionItemProps, b: IOptionItemProps) =>\n          sortDirection === \"asc\"\n            ? a.name.localeCompare(b.name)\n            : b.name.localeCompare(a.name)\n        )\n      );\n    },\n    [sortDirection, disabledInternalSort, handleSort]\n  );\n\n  const sortedList = useMemo(() => sortList(options), [options, sortList]);\n\n  const [hover, setHover] = useState<IHover>({\n    item: undefined,\n    by: undefined,\n  });\n  const [filter, setFilter] = useState(\"\");\n\n  const handleEmpty = useCallback(\n    (e) => {\n      if (e && e.button !== 0) {\n        return;\n      }\n      if (handleEmptyAction) {\n        inputEl?.focus();\n        setFilter(\"\");\n        handleEmptyAction(filter);\n      }\n    },\n    [filter, handleEmptyAction, inputEl]\n  );\n\n  const onAddNewMouseEnter = useCallback(\n    () => setHover({ item: \"addNew\", by: \"mouse\" }),\n    []\n  );\n\n  function isGroup(\n    item: IOptionGroupProps | IOptionItemProps\n  ): item is IOptionGroupProps {\n    return (item as IOptionGroupProps).options !== undefined;\n  }\n\n  const showAddNew = useMemo(() => {\n    return !!(\n      emptyValue &&\n      filter.trim() &&\n      options.every((option) => {\n        if (isGroup(option)) {\n          return option.options.every(\n            (v) => v.name.toLowerCase() !== filter.trim().toLowerCase()\n          );\n        }\n        return option.name.toLowerCase() !== filter.trim().toLowerCase();\n      })\n    );\n  }, [emptyValue, filter, options]);\n\n  const renderAddNew = useMemo(() => {\n    return (\n      <StyledAutocompleteNewItem\n        ref={hover.item === \"addNew\" ? itemRef : null}\n        key=\"emptyValue\"\n        hover={hover.item === \"addNew\"}\n        onMouseDown={handleEmpty}\n        onMouseEnter={onAddNewMouseEnter}\n      >\n        {emptyValue}\n      </StyledAutocompleteNewItem>\n    );\n  }, [emptyValue, handleEmpty, hover, onAddNewMouseEnter]);\n\n  const filterOptions = useCallback(\n    (options, filter) => {\n      const trimmedFilter = filter.trim();\n      const isGrouped = options[0] && isGroup(options[0]);\n      if (isGrouped) {\n        let hovered = false;\n        return options.reduce((acc, groupedOption) => {\n          const filteredOptions = groupedOption.options.filter((v) =>\n            v.name.toLowerCase().includes(trimmedFilter.toLowerCase())\n          );\n          if (filteredOptions.length > 0) {\n            if (!hovered && filter) {\n              setHover({ item: filteredOptions[0].id, by: \"keyboard\" });\n            }\n            hovered = true;\n            return [...acc, { ...groupedOption, options: filteredOptions }];\n          }\n          return [...acc];\n        }, []);\n      } else {\n        const filteredOptions = options.filter((v) =>\n          v.name.toLowerCase().includes(trimmedFilter.toLowerCase())\n        );\n        if (filter && filteredOptions.length > 0) {\n          setHover({ item: filteredOptions[0].id, by: \"keyboard\" });\n        }\n        if (filteredOptions.length === 0 && emptyValue) {\n          setHover({ item: \"addNew\", by: \"keyboard\" });\n        }\n        return filteredOptions;\n      }\n    },\n    [emptyValue]\n  );\n\n  const list = useMemo(\n    () => filterOptions(sortedList, filter),\n    [filter, filterOptions, sortedList]\n  );\n\n  const showDefaultOption = useMemo(\n    () => !!defaultValue && !filter,\n    [defaultValue, filter]\n  );\n\n  const flatOptions = useMemo(() => {\n    const options = list.reduce(\n      (\n        acc: (IOptionItemProps | IOptionGroupProps | [])[],\n        option: IOptionItemProps | IOptionGroupProps\n      ) => {\n        if (!isGroup(option)) {\n          return [...acc, option];\n        }\n        return [...acc, ...option.options];\n      },\n      []\n    );\n    return filterOptions(options, filter);\n  }, [filter, filterOptions, list]);\n\n  const handleInputChange = useCallback((e) => {\n    if (\n      e.target &&\n      !(e.key === \"ArrowDown\") &&\n      !(e.key === \"ArrowUp\") &&\n      !(e.key === \"Enter\")\n    ) {\n      setFilter(e.target.value);\n    }\n  }, []);\n\n  const handleMouseEnter = useCallback((e) => {\n    if (e === undefined || e === null) {\n      return setHover({ item: null, by: \"mouse\" });\n    }\n    setHover({ item: e, by: \"mouse\" });\n  }, []);\n\n  const handleHoverCallback = useCallback(\n    (e: number | string | undefined): void => {\n      setHover({ item: e, by: \"mouse\" });\n    },\n    []\n  );\n\n  const handleRenderOption = useCallback(\n    (item: IOptionItemProps | IOptionGroupProps) => {\n      if (isGroup(item)) {\n        return (\n          <OptionGroup\n            checked={selectedOptions}\n            name={item.name}\n            key={item.id}\n            setHover={handleHoverCallback}\n            id={item.id}\n            hover={hover.item}\n            options={item.options}\n            renderOptions={handleRenderOption}\n            type={type}\n            onChange={handleChange}\n            filter={filter}\n          />\n        );\n      }\n      return (\n        <Option\n          name={item.name}\n          ref={itemRef}\n          key={item.id}\n          onMouseEnter={handleMouseEnter}\n          id={item.id}\n          hover={item.id === hover.item}\n          className={optionClassName}\n          renderOption={renderOption(\n            { ...item, name: highlightText(item.name, filter) },\n            {\n              id: `option_${item.id}`,\n              checked: selectedOptions && selectedOptions.includes(item.id),\n              hover: hover.item === item.id,\n              onChange: () => null,\n            }\n          )}\n        />\n      );\n    },\n    [\n      handleMouseEnter,\n      hover.item,\n      optionClassName,\n      renderOption,\n      filter,\n      selectedOptions,\n      handleHoverCallback,\n      type,\n      handleChange,\n    ]\n  );\n\n  const handleOnMouseLeave = useCallback(() => {\n    setHover({ item: undefined, by: \"mouse\" });\n  }, []);\n\n  const handleScroll = useCallback((list: Scrollbars, itemOffset: number) => {\n    if (list.getClientHeight() + list.getScrollTop() < itemOffset + 40) {\n      return list.scrollTop(itemOffset - list.getClientHeight() + 30);\n    }\n    if (list.getScrollTop() > itemOffset) {\n      return list.scrollTop(itemOffset);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (hover.by === \"keyboard\" && hover.item !== undefined) {\n      const item: HTMLLabelElement | null = itemRef.current;\n      const list = listRef.current;\n      if (itemRef && item && list) {\n        handleScroll(list, item.offsetTop);\n      }\n    }\n  }, [handleScroll, hover]);\n\n  const handleOnKeyDown = useCallback(\n    (e) => {\n      if (e.key === \"Enter\") {\n        e.preventDefault();\n        if (hover.item === undefined && filter === \"\") {\n          return;\n        }\n        if (hover.item === \"addNew\") {\n          handleEmpty(null);\n          return;\n        }\n        if (hover.item === null && handleDefaultOptionChange) {\n          handleDefaultOptionChange();\n          return;\n        }\n        if (handleChange) {\n          handleChange(hover.item);\n          setFilter(\"\");\n        }\n        return;\n      }\n      setHover({\n        item: handleKeyboardMovement(\n          e,\n          hover.item,\n          flatOptions,\n          showAddNew,\n          showDefaultOption\n        ),\n        by: \"keyboard\",\n      });\n    },\n    [\n      filter,\n      flatOptions,\n      handleChange,\n      handleDefaultOptionChange,\n      handleEmpty,\n      hover,\n      showAddNew,\n      showDefaultOption,\n    ]\n  );\n\n  const handleClick = useCallback(() => {\n    if (hover.item === null && handleDefaultOptionChange) {\n      handleDefaultOptionChange();\n    }\n    if (handleChange) {\n      handleChange(hover?.item);\n    }\n    setTimeout(() => inputEl?.focus(), 0);\n    setFilter(\"\");\n  }, [handleChange, handleDefaultOptionChange, hover, inputEl]);\n\n  useEffect(() => {\n    if (inputEl) {\n      inputEl.onkeydown = handleOnKeyDown;\n      inputEl.onkeyup = handleInputChange;\n    }\n  }, [handleInputChange, handleOnKeyDown, inputEl]);\n\n  const isDefaultOptionSelected = useCallback(() => {\n    if (preselectDefaultValue) {\n      return selectedOptions.length < 1 || selectedOptions[0] === \"\";\n    } else {\n      return (\n        selectedOptions[0] === null ||\n        selectedOptions.length === flatOptions.length\n      );\n    }\n  }, [flatOptions.length, preselectDefaultValue, selectedOptions]);\n\n  const showNoResult = useMemo(\n    () => noResultText && !showAddNew && list.length < 1,\n    [list.length, noResultText, showAddNew]\n  );\n\n  const renderNoResult = useMemo(\n    () => (\n      <StyledAutocompleteNoResult>{noResultText}</StyledAutocompleteNoResult>\n    ),\n    [noResultText]\n  );\n\n  return (\n    <ScrollShadow\n      className={classNames(\n        \"c-select--list\",\n        {\n          \"tw-hidden\":\n            !defaultValue && !emptyValue && !noResultText && list.length < 1,\n        },\n        AutocompleteClassName\n      )}\n    >\n      {({ onScroll }): JSX.Element => (\n        <StyledAutocompleteBody\n          key=\"body\"\n          onChange={handleClick}\n          onMouseLeave={handleOnMouseLeave}\n        >\n          <Scrollbars\n            ref={listRef}\n            key=\"scrollBar\"\n            autoHeight\n            autoHeightMax={autoHeightMax}\n            onScroll={onScroll}\n          >\n            {defaultValue && !filter && (\n              <Option\n                name={defaultValue}\n                ref={itemRef}\n                hover={hover.item === null}\n                onMouseEnter={handleMouseEnter}\n                renderOption={renderOption(\n                  { name: defaultValue, id: null },\n                  {\n                    checked: isDefaultOptionSelected(),\n                    hover: hover.item === null,\n                    onChange: () => null,\n                  }\n                )}\n              />\n            )}\n            {list.map((item: IOptionItemProps) => handleRenderOption(item))}\n            {showNoResult && renderNoResult}\n            {showAddNew && renderAddNew}\n          </Scrollbars>\n        </StyledAutocompleteBody>\n      )}\n    </ScrollShadow>\n  );\n};\n\nAutocomplete.displayName = \"Autocomplete\";\n"],"names":["Autocomplete","type","options","inputEl","selected","emptyValue","noResultText","renderOption","option","name","defaultValue","sortDirection","handleChange","optionClassName","handleEmptyAction","disabledInternalSort","AutocompleteClassName","handleDefaultOptionChange","preselectDefaultValue","keepSameOptionsOrder","autoHeightMax","itemRef","useRef","listRef","selectedOptions","useMemo","Array","handleSort","useCallback","opts","sort","a","b","includes","id","sortList","localeCompare","sortedList","useState","item","undefined","by","hover","setHover","filter","setFilter","handleEmpty","e","button","focus","onAddNewMouseEnter","isGroup","showAddNew","trim","every","v","toLowerCase","renderAddNew","_jsx","filterOptions","trimmedFilter","isGrouped","hovered","reduce","acc","groupedOption","filteredOptions","length","list","showDefaultOption","flatOptions","handleInputChange","target","key","value","handleMouseEnter","handleHoverCallback","handleRenderOption","highlightText","checked","onChange","handleOnMouseLeave","handleScroll","itemOffset","getClientHeight","getScrollTop","scrollTop","useEffect","current","offsetTop","handleOnKeyDown","preventDefault","handleKeyboardMovement","handleClick","setTimeout","onkeydown","onkeyup","isDefaultOptionSelected","showNoResult","renderNoResult","classNames","onScroll","_jsxs","map","displayName"],"mappings":"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"}

package/dist/esm/components/Autocomplete/HandleKeyboard.js

@@ -0,0 +1,33 @@
+import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+
+var handleKeyboardMovement = function handleKeyboardMovement(e, hover, flatOptions, showAddNew, showDefaultOption) {
+  if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+    e.preventDefault();
+  }
+
+  var options = flatOptions;
+  if (showDefaultOption) options = [{
+    id: null
+  }].concat(_toConsumableArray(options));
+  if (showAddNew) options = [].concat(_toConsumableArray(options), [{
+    id: "addNew"
+  }]);
+  var hoveredIndex = options.findIndex(function (option) {
+    return option.id === hover;
+  });
+
+  if (e.key === "ArrowDown") {
+    var isHoveredLastOption = options.findIndex(function (v) {
+      return v.id === hover;
+    }) + 1 >= options.length;
+    return hoveredIndex === -1 || isHoveredLastOption ? options[0].id : options[hoveredIndex + 1].id;
+  }
+
+  if (e.key === "ArrowUp") {
+    var isHoveredFirstOption = options[0].id === hover;
+    return hoveredIndex === -1 || isHoveredFirstOption ? options[options.length - 1].id : options[hoveredIndex - 1].id;
+  }
+};
+
+export { handleKeyboardMovement };
+//# sourceMappingURL=HandleKeyboard.js.map

package/dist/esm/components/Autocomplete/HandleKeyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HandleKeyboard.js","sources":["../../../../src/components/Autocomplete/HandleKeyboard.tsx"],"sourcesContent":["export const handleKeyboardMovement = (\n  e: KeyboardEvent,\n  hover: string | number | null | undefined,\n  flatOptions,\n  showAddNew: boolean,\n  showDefaultOption\n): number | string | undefined => {\n  if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n    e.preventDefault();\n  }\n\n  let options = flatOptions;\n  if (showDefaultOption) options = [{ id: null }, ...options];\n  if (showAddNew) options = [...options, { id: \"addNew\" }];\n\n  const hoveredIndex = options.findIndex((option) => option.id === hover);\n\n  if (e.key === \"ArrowDown\") {\n    const isHoveredLastOption =\n      options.findIndex((v) => v.id === hover) + 1 >= options.length;\n    return hoveredIndex === -1 || isHoveredLastOption\n      ? options[0].id\n      : options[hoveredIndex + 1].id;\n  }\n\n  if (e.key === \"ArrowUp\") {\n    const isHoveredFirstOption = options[0].id === hover;\n    return hoveredIndex === -1 || isHoveredFirstOption\n      ? options[options.length - 1].id\n      : options[hoveredIndex - 1].id;\n  }\n};\n"],"names":["handleKeyboardMovement","e","hover","flatOptions","showAddNew","showDefaultOption","key","preventDefault","options","id","hoveredIndex","findIndex","option","isHoveredLastOption","v","length","isHoveredFirstOption"],"mappings":";;IAAaA,sBAAsB,GAAG,SAAzBA,sBAAyB,CACpCC,CADoC,EAEpCC,KAFoC,EAGpCC,WAHoC,EAIpCC,UAJoC,EAKpCC,iBALoC,EAMJ;AAChC,MAAIJ,CAAC,CAACK,GAAF,KAAU,WAAV,IAAyBL,CAAC,CAACK,GAAF,KAAU,SAAvC,EAAkD;AAChDL,IAAAA,CAAC,CAACM,cAAF;AACD;;AAED,MAAIC,OAAO,GAAGL,WAAd;AACA,MAAIE,iBAAJ,EAAuBG,OAAO,IAAI;AAAEC,IAAAA,EAAE,EAAE;AAAN,GAAJ,4BAAqBD,OAArB,EAAP;AACvB,MAAIJ,UAAJ,EAAgBI,OAAO,gCAAOA,OAAP,IAAgB;AAAEC,IAAAA,EAAE,EAAE;AAAN,GAAhB,EAAP;AAEhB,MAAMC,YAAY,GAAGF,OAAO,CAACG,SAAR,CAAkB,UAACC,MAAD;AAAA,WAAYA,MAAM,CAACH,EAAP,KAAcP,KAA1B;AAAA,GAAlB,CAArB;;AAEA,MAAID,CAAC,CAACK,GAAF,KAAU,WAAd,EAA2B;AACzB,QAAMO,mBAAmB,GACvBL,OAAO,CAACG,SAAR,CAAkB,UAACG,CAAD;AAAA,aAAOA,CAAC,CAACL,EAAF,KAASP,KAAhB;AAAA,KAAlB,IAA2C,CAA3C,IAAgDM,OAAO,CAACO,MAD1D;AAEA,WAAOL,YAAY,KAAK,CAAC,CAAlB,IAAuBG,mBAAvB,GACHL,OAAO,CAAC,CAAD,CAAP,CAAWC,EADR,GAEHD,OAAO,CAACE,YAAY,GAAG,CAAhB,CAAP,CAA0BD,EAF9B;AAGD;;AAED,MAAIR,CAAC,CAACK,GAAF,KAAU,SAAd,EAAyB;AACvB,QAAMU,oBAAoB,GAAGR,OAAO,CAAC,CAAD,CAAP,CAAWC,EAAX,KAAkBP,KAA/C;AACA,WAAOQ,YAAY,KAAK,CAAC,CAAlB,IAAuBM,oBAAvB,GACHR,OAAO,CAACA,OAAO,CAACO,MAAR,GAAiB,CAAlB,CAAP,CAA4BN,EADzB,GAEHD,OAAO,CAACE,YAAY,GAAG,CAAhB,CAAP,CAA0BD,EAF9B;AAGD;AACF;;;;"}

package/dist/esm/components/Autocomplete/Styles.d.ts

@@ -0,0 +1,6 @@
+export declare const StyledAutocompleteBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledAutocompleteNoResult: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledAutocompleteNewItem: import("styled-components").StyledComponent<"label", any, {
+    hover: boolean;
+}, never>;
+//# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Autocomplete/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Autocomplete/Styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,oEAIlC,CAAC;AAIF,eAAO,MAAM,0BAA0B,oEAWtC,CAAC;AAIF,eAAO,MAAM,yBAAyB;WAAyB,OAAO;SAkBrE,CAAC"}

package/dist/esm/components/Autocomplete/Styles.js

@@ -0,0 +1,28 @@
+import styled, { css } from 'styled-components';
+
+var StyledAutocompleteBody = styled.div.withConfig({
+  displayName: "Styles__StyledAutocompleteBody",
+  componentId: "sc-1bc1vz9-0"
+})(["max-height:340px;overflow:auto;margin-bottom:6px;"]);
+StyledAutocompleteBody.displayName = "StyledAutocompleteBody";
+var StyledAutocompleteNoResult = styled.div.withConfig({
+  displayName: "Styles__StyledAutocompleteNoResult",
+  componentId: "sc-1bc1vz9-1"
+})(["", ";padding:6px 16px;margin:4px 0;&:hover{background-color:var(--color-theme-200);}color:var(--color-theme-600);"], {
+  "cursor": "pointer",
+  "userSelect": "none"
+});
+StyledAutocompleteNoResult.displayName = "StyledAutocompleteNoResult";
+var StyledAutocompleteNewItem = styled.label.withConfig({
+  displayName: "Styles__StyledAutocompleteNewItem",
+  componentId: "sc-1bc1vz9-2"
+})(["", ";padding:6px 16px;margin:4px 0;font-weight:normal;color:var(--color-primary);&:before{content:\"+ \";}", ""], {
+  "cursor": "pointer",
+  "userSelect": "none"
+}, function (props) {
+  return props.hover && css(["background-color:var(--color-theme-200);content:\"+ \";"]);
+});
+StyledAutocompleteNewItem.displayName = "StyledAutocompleteNewItem";
+
+export { StyledAutocompleteBody, StyledAutocompleteNewItem, StyledAutocompleteNoResult };
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Autocomplete/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","sources":["../../../../src/components/Autocomplete/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledAutocompleteBody = styled.div`\n  max-height: 340px;\n  overflow: auto;\n  margin-bottom: 6px;\n`;\n\nStyledAutocompleteBody.displayName = \"StyledAutocompleteBody\";\n\nexport const StyledAutocompleteNoResult = styled.div`\n  ${tw`tw-cursor-pointer tw-select-none`};\n\n  padding: 6px 16px;\n  margin: 4px 0;\n\n  &:hover {\n    background-color: var(--color-theme-200);\n  }\n\n  color: var(--color-theme-600);\n`;\n\nStyledAutocompleteNoResult.displayName = \"StyledAutocompleteNoResult\";\n\nexport const StyledAutocompleteNewItem = styled.label<{ hover: boolean }>`\n  ${tw`tw-cursor-pointer tw-select-none`};\n\n  padding: 6px 16px;\n  margin: 4px 0;\n  font-weight: normal;\n  color: var(--color-primary);\n\n  &:before {\n    content: \"+ \";\n  }\n\n  ${(props) =>\n    props.hover &&\n    css`\n      background-color: var(--color-theme-200);\n      content: \"+ \";\n    `}\n`;\n\nStyledAutocompleteNewItem.displayName = \"StyledAutocompleteNewItem\";\n"],"names":["StyledAutocompleteBody","styled","div","displayName","StyledAutocompleteNoResult","StyledAutocompleteNewItem","label","props","hover","css"],"mappings":";;IAGaA,sBAAsB,GAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA;AAMnCF,sBAAsB,CAACG,WAAvB,GAAqC,wBAArC;IAEaC,0BAA0B,GAAGH,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,0HACjC;AAAA;AAAA;AAAA,CADiC;AAavCE,0BAA0B,CAACD,WAA3B,GAAyC,4BAAzC;IAEaE,yBAAyB,GAAGJ,MAAM,CAACK,KAAV;AAAA;AAAA;AAAA,uHAChC;AAAA;AAAA;AAAA,CADgC,EAYlC,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,IACAC,GADA,6DADA;AAAA,CAZkC;AAoBtCJ,yBAAyB,CAACF,WAA1B,GAAwC,2BAAxC;;;;"}

package/dist/esm/components/Avatar/Avatar.js

@@ -0,0 +1,33 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import { forwardRef } from 'react';
+import { StyledAvatar } from './Styles.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["url", "alt", "size", "className"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var Avatar = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var url = _ref.url,
+      _ref$alt = _ref.alt,
+      alt = _ref$alt === void 0 ? "Avatar Image" : _ref$alt,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 24 : _ref$size,
+      className = _ref.className,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx(StyledAvatar, _objectSpread(_objectSpread({}, rest), {}, {
+    ref: ref,
+    src: url,
+    alt: alt,
+    width: size,
+    height: size,
+    className: className
+  }));
+});
+Avatar.displayName = "Avatar";
+
+export { Avatar };
+//# sourceMappingURL=Avatar.js.map

package/dist/esm/components/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes } from \"react\";\nimport { StyledAvatar } from \"./Styles\";\n\ninterface IAvatar extends HTMLAttributes<HTMLImageElement> {\n  /** Path url. */\n  url: string;\n  /** Alt text. */\n  alt?: string;\n  /** Image size. */\n  size?: number;\n  /** Custom class. */\n  className?: string;\n}\n\nexport const Avatar = forwardRef<HTMLImageElement, IAvatar>(\n  ({ url, alt = \"Avatar Image\", size = 24, className, ...rest }, ref) => {\n    return (\n      <StyledAvatar\n        {...rest}\n        ref={ref}\n        src={url}\n        alt={alt}\n        width={size}\n        height={size}\n        className={className}\n      />\n    );\n  }\n);\n\nAvatar.displayName = \"Avatar\";\n"],"names":["Avatar","forwardRef","ref","url","alt","size","className","rest","_jsx","displayName"],"mappings":";;;;;;;;;;;IAcaA,MAAM,gBAAGC,UAAU,CAC9B,gBAA+DC,GAA/D,EAAuE;AAAA,MAApEC,GAAoE,QAApEA,GAAoE;AAAA,sBAA/DC,GAA+D;AAAA,MAA/DA,GAA+D,yBAAzD,cAAyD;AAAA,uBAAzCC,IAAyC;AAAA,MAAzCA,IAAyC,0BAAlC,EAAkC;AAAA,MAA9BC,SAA8B,QAA9BA,SAA8B;AAAA,MAAhBC,IAAgB;;AACrE,sBACEC,IAAC,YAAD,kCACMD,IADN;AAEE,IAAA,GAAG,EAAEL,GAFP;AAGE,IAAA,GAAG,EAAEC,GAHP;AAIE,IAAA,GAAG,EAAEC,GAJP;AAKE,IAAA,KAAK,EAAEC,IALT;AAME,IAAA,MAAM,EAAEA,IANV;AAOE,IAAA,SAAS,EAAEC;AAPb,KADF;AAWD,CAb6B;AAgBhCN,MAAM,CAACS,WAAP,GAAqB,QAArB;;;;"}

package/dist/esm/components/Avatar/Styles.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledAvatar: import("styled-components").StyledComponent<"img", any, {}, never>;
+//# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Avatar/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,oEAExB,CAAC"}

package/dist/esm/components/Avatar/Styles.js

@@ -0,0 +1,12 @@
+import styled from 'styled-components';
+
+var StyledAvatar = styled.img.withConfig({
+  displayName: "Styles__StyledAvatar",
+  componentId: "sc-5x2tyd-0"
+})(["", ""], {
+  "objectFit": "cover",
+  "borderRadius": "9999px"
+});
+
+export { StyledAvatar };
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Avatar/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","sources":["../../../../src/components/Avatar/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledAvatar = styled.img`\n  ${tw`tw-object-cover tw-rounded-full`}\n`;\n"],"names":["StyledAvatar","styled","img"],"mappings":";;IAGaA,YAAY,GAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,aACnB;AAAA;AAAA;AAAA,CADmB;;;;"}

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

@@ -0,0 +1,2 @@
+export declare const BoxSizingStyle: import("styled-components").FlattenSimpleInterpolation;
+//# sourceMappingURL=BoxSizingStyle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoxSizingStyle.d.ts","sourceRoot":"","sources":["../../../src/components/BoxSizingStyle.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,wDAK1B,CAAC"}

package/dist/esm/components/BoxSizingStyle.js

@@ -0,0 +1,6 @@
+import { css } from 'styled-components';
+
+var BoxSizingStyle = css(["box-sizing:border-box;*{box-sizing:border-box;}"]);
+
+export { BoxSizingStyle };
+//# sourceMappingURL=BoxSizingStyle.js.map

package/dist/esm/components/BoxSizingStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxSizingStyle.js","sources":["../../../src/components/BoxSizingStyle.ts"],"sourcesContent":["import { css } from \"styled-components\";\n\nexport const BoxSizingStyle = css`\n  box-sizing: border-box;\n  * {\n    box-sizing: border-box;\n  }\n`;\n"],"names":["BoxSizingStyle","css"],"mappings":";;IAEaA,cAAc,GAAGC,GAAH;;;;"}

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

@@ -1,9 +1,7 @@
 import { FC, HTMLAttributes, MouseEvent, ReactNode, RefObject } from "react";
-import "./Bubble.css";
 export interface IBubble {
     children: ReactNode;
     className?: string;
-    position?: "top" | "bottom" | "left" | "right" | string;
     innerRef?: RefObject<HTMLDivElement>;
     style?: object;
     onClick?: (event: MouseEvent<HTMLElement>) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"Bubble.d.ts","sourceRoot":"","sources":["../../../../src/components/Bubble/Bubble.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,EAAE,EACF,cAAc,EACd,UAAU,EACV,SAAS,EACT,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,OAAO;IAEtB,QAAQ,EAAE,SAAS,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAExD,QAAQ,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAErC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEnD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACxD;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,OAAO,GAAG,cAAc,CAAC,cAAc,CAAC,CAuB/D,CAAC"}
+{"version":3,"file":"Bubble.d.ts","sourceRoot":"","sources":["../../../../src/components/Bubble/Bubble.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,EAAE,EACF,cAAc,EACd,UAAU,EACV,SAAS,EACT,SAAS,EACV,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,OAAO;IAEtB,QAAQ,EAAE,SAAS,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAErC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEnD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACxD;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,OAAO,GAAG,cAAc,CAAC,cAAc,CAAC,CAiB/D,CAAC"}