@fibery/ui-kit 1.0.2 → 1.0.5

package/src/icons/ast/RicheditorImageWrapRight.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const RicheditorImageWrapRight: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"g","properties":{},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M10.6 8.6v2.8h4.8V8.6h-4.8ZM10 7a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1h-6ZM3 4.15c0-.47.38-.85.85-.85h12.3a.85.85 0 0 1 0 1.7H3.85A.85.85 0 0 1 3 4.15ZM3 16.15c0-.47.38-.85.85-.85h12.3a.85.85 0 0 1 0 1.7H3.85a.85.85 0 0 1-.85-.85ZM3 8c0-.552.5-1 1-1h2c.5 0 1 .448 1 1s-.5 1-1 1H4c-.5 0-1-.448-1-1ZM3 12c0-.552.5-1 1-1h2c.5 0 1 .448 1 1s-.5 1-1 1H4c-.5 0-1-.448-1-1Z"},"children":[]}]}],"metadata":""}]},"name":"richeditor-image-wrap-right"};
+const RicheditorImageWrapRight: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"g","properties":{"fillRule":"evenodd","clipRule":"evenodd"},"children":[{"type":"element","tagName":"path","properties":{"d":"M10.6 8.6v2.8h4.8V8.6h-4.8ZM10 7a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1h-6ZM3 4.15c0-.47.38-.85.85-.85h12.3a.85.85 0 0 1 0 1.7H3.85A.85.85 0 0 1 3 4.15ZM3 16.15c0-.47.38-.85.85-.85h12.3a.85.85 0 0 1 0 1.7H3.85a.85.85 0 0 1-.85-.85ZM3 8c0-.552.5-1 1-1h2c.5 0 1 .448 1 1s-.5 1-1 1H4c-.5 0-1-.448-1-1ZM3 12c0-.552.5-1 1-1h2c.5 0 1 .448 1 1s-.5 1-1 1H4c-.5 0-1-.448-1-1Z"},"children":[]}]}],"metadata":""}]},"name":"richeditor-image-wrap-right"};
 
 export default RicheditorImageWrapRight;

package/src/Select/components.js

@@ -1,64 +0,0 @@
-import {useCallback} from "react";
-import {css} from "@linaria/core";
-import {components} from "react-windowed-select";
-import RemoveIcon from "../icons/react/Remove";
-import {Button} from "../Button";
-import {themeVars, space} from "../designSystem";
-import ArrowBottom from "../icons/react/ArrowBottom";
-import {dropdownIndicatorSize, expanderStyle} from "./styles";
-
-export const Option = ({children, ...props}) => {
-  const {onMouseMove, onMouseOver, ...rest} = props.innerProps;
-  const newProps = Object.assign(props, {innerProps: rest});
-  return <components.Option {...newProps}>{children}</components.Option>;
-};
-
-export const DropdownIndicator = (props) => (
-  <div
-    className={expanderStyle}
-    style={{
-      transform: props.selectProps.menuIsOpen ? "rotate(180deg)" : "",
-    }}
-  >
-    <ArrowBottom iconSize={dropdownIndicatorSize} color={themeVars.disabledTextColor} />
-  </div>
-);
-
-export const ClearIndicator = ({innerProps, selectProps}) => {
-  const onMouseDown = innerProps.onMouseDown;
-  const wrappedOnMouseDown = useCallback(
-    (e) => {
-      onMouseDown(e);
-      // This prevents false positive triggering in rc-trigger
-      e.nativeEvent.stopImmediatePropagation();
-    },
-    [onMouseDown]
-  );
-  return (
-    <Button
-      borderless
-      Icon={RemoveIcon}
-      disabled={selectProps.isDisabled}
-      size={":button-size/super-small"}
-      {...innerProps}
-      onMouseDown={wrappedOnMouseDown}
-    />
-  );
-};
-
-export const NoOptionsMessage = ({children}) => {
-  return (
-    <div
-      className={css`
-        ${{
-          paddingLeft: space.l + 2,
-          paddingRight: space.l + 2,
-          paddingTop: space.m,
-          paddingBottom: space.m,
-        }}
-      `}
-    >
-      {children}
-    </div>
-  );
-};

package/src/Select/index.d.ts

@@ -1,11 +0,0 @@
-import {FunctionComponent, ForwardRefRenderFunction} from "react";
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const Select: ForwardRefRenderFunction<{focus: () => void}, any>;
-export const CreatableSelect: FunctionComponent<any>;
-export const components: {
-  GroupHeading: FunctionComponent<any>;
-  Option: FunctionComponent<any>;
-  SingleValue: FunctionComponent<any>;
-  MultiValue: FunctionComponent<any>;
-};
-export const combineStyles: (...args: any[]) => any;

package/src/Select/index.js

@@ -1,140 +0,0 @@
-import cn from "classnames";
-import {useCallback, forwardRef} from "react";
-import BaseSelect from "react-select";
-import BaseCreatableSelect from "react-select/creatable";
-import WindowedSelect, {components, WindowedMenuList} from "react-windowed-select";
-import {createInlineTheme} from "../designSystem";
-import {useTheme} from "../ThemeProvider";
-import {ClearIndicator, DropdownIndicator, NoOptionsMessage, Option} from "./components";
-import {componentsStyles, singleLineComponentsStyle} from "./styles";
-
-const GroupHeading = (props) => {
-  if (!props.children) {
-    return null;
-  }
-  return <components.GroupHeading {...props} />;
-};
-
-function Menu(props) {
-  const theme = useTheme();
-  const {innerProps, className} = props;
-  const overridedInnerProps = {...innerProps, style: {...innerProps.style, ...createInlineTheme(theme)}};
-  return <components.Menu {...props} innerProps={overridedInnerProps} className={cn(className, "react-select-menu")} />;
-}
-
-export {components};
-
-export const combineStyles = (stylesArray) => {
-  return stylesArray.reduce((acc, style) => {
-    Object.keys(style).forEach((key) => {
-      if (acc[key]) {
-        const temp = acc[key];
-        acc[key] = (provided, state) => style[key](temp(provided, state), state);
-      } else {
-        acc[key] = (provided, state) => style[key](provided, state);
-      }
-    });
-    return acc;
-  }, {});
-};
-
-export function SingleRowSelect({styles = {}, ...rest}) {
-  return <Select {...rest} styles={combineStyles([singleLineComponentsStyle, styles])} />;
-}
-
-export const Select = forwardRef(function Select(
-  {components, isCollectionMode, menuPortalTarget, onKeyDown, styles = {}, virtualized = true, ...rest},
-  forwardedRef
-) {
-  const theme = useTheme();
-  const combineThemes = useCallback((providedTheme) => ({...providedTheme, ...theme}), [theme]);
-  const handleKeyDown = useCallback(
-    (e) => {
-      switch (e.key) {
-        case "Escape":
-          if (rest.menuIsOpen) {
-            e.stopPropagation();
-          }
-          break;
-        case "Home":
-          e.preventDefault();
-          if (e.shiftKey) {
-            e.target.selectionStart = 0;
-          } else {
-            e.target.setSelectionRange(0, 0);
-          }
-          break;
-        case "End":
-          e.preventDefault();
-          const len = e.target.value.length;
-          if (e.shiftKey) {
-            e.target.selectionEnd = len;
-          } else {
-            e.target.setSelectionRange(len, len);
-          }
-          break;
-        default:
-      }
-      onKeyDown && onKeyDown(e);
-    },
-    [onKeyDown, rest.menuIsOpen]
-  );
-
-  const SelectComponent = virtualized ? WindowedSelect : BaseSelect;
-
-  return (
-    <SelectComponent
-      ref={forwardedRef}
-      menuPortalTarget={menuPortalTarget}
-      menuPlacement={"auto"}
-      style={createInlineTheme(theme)}
-      styles={combineStyles([componentsStyles, styles])}
-      theme={combineThemes}
-      isMulti={isCollectionMode}
-      backspaceRemovesValue={isCollectionMode}
-      tabSelectsValue={false}
-      components={{
-        Menu,
-        DropdownIndicator,
-        ClearIndicator,
-        Option,
-        MultiValueRemove: ClearIndicator,
-        NoOptionsMessage,
-        GroupHeading,
-        ...components,
-      }}
-      {...rest}
-      onKeyDown={handleKeyDown}
-      isDisabled={rest.disabled}
-    />
-  );
-});
-
-export function CreatableSelect({components, isCollectionMode, menuPortalTarget, styles = {}, ...rest}) {
-  const theme = useTheme();
-  const combineThemes = useCallback((providedTheme) => ({...providedTheme, ...theme}), [theme]);
-  return (
-    <BaseCreatableSelect
-      menuPortalTarget={menuPortalTarget}
-      menuPlacement={"auto"}
-      styles={combineStyles([componentsStyles, styles])}
-      theme={combineThemes}
-      isMulti={isCollectionMode}
-      backspaceRemovesValue={isCollectionMode}
-      tabSelectsValue={false}
-      components={{
-        Menu,
-        MenuList: WindowedMenuList,
-        DropdownIndicator,
-        ClearIndicator,
-        Option,
-        MultiValueRemove: ClearIndicator,
-        NoOptionsMessage,
-        GroupHeading,
-        ...components,
-      }}
-      {...rest}
-      isDisabled={rest.disabled}
-    />
-  );
-}

package/src/Select/lazy.js

@@ -1,35 +0,0 @@
-import {lazy, Suspense, forwardRef} from "react";
-import {SelectLoader} from "./select-loader";
-
-const LazySelect = lazy(async () => {
-  const {Select} = await import("./index");
-  return {default: Select};
-});
-
-export const ReactSelect = forwardRef((props, forwardedRef) => (
-  <Suspense fallback={<SelectLoader />}>
-    <LazySelect {...props} ref={forwardedRef} />
-  </Suspense>
-));
-
-const CreatableLazySelect = lazy(async () => {
-  const {CreatableSelect} = await import("./index");
-  return {default: CreatableSelect};
-});
-
-export const CreatableReactSelect = (props) => (
-  <Suspense fallback={<SelectLoader />}>
-    <CreatableLazySelect {...props} />
-  </Suspense>
-);
-
-const SingleRowLazySelect = lazy(async () => {
-  const {SingleRowSelect} = await import("./index");
-  return {default: SingleRowSelect};
-});
-
-export const SingleRowReactSelect = (props) => (
-  <Suspense fallback={<SelectLoader />}>
-    <SingleRowLazySelect {...props} />
-  </Suspense>
-);