linear-react-components-ui 1.1.13 → 1.1.14-beta.0

package/.nvmrc

@@ -1 +0,0 @@
-v20.11.0

package/lib/assets/styles/error.scss

@@ -1,9 +0,0 @@
-@import "colors.scss";
-
-p.errormessages-component {
-  width: 100%;
-  color: $error-color;
-  font-size: 13px!important;
-  line-height: 13px;
-  margin-top: 3px;
-}

package/lib/assets/styles/textContent.scss

@@ -1,9 +0,0 @@
-@import "colors.scss";
-@import "fonts.scss";
-
-.text-content-component {
-  @extend %component-fonts;
-  &[data-textcontent="strong"] {
-    font-weight: bold;
-  }
-}

package/lib/hint/helpers.d.ts

@@ -1,3 +0,0 @@
-declare const showHintList: (arrayHint: string[]) => JSX.Element;
-
-export { showHintList };

package/lib/hint/helpers.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.showHintList = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const showHintList = arrayHint => /*#__PURE__*/_react.default.createElement("div", {
-  className: "rules-list",
-  style: {
-    padding: '15px 0px'
-  }
-}, /*#__PURE__*/_react.default.createElement("ul", {
-  style: {
-    listStyleType: 'none'
-  }
-}, arrayHint.map((hint, index) => /*#__PURE__*/_react.default.createElement("li", {
-  key: index.toString()
-}, "- ", hint))));
-exports.showHintList = showHintList;

package/lib/inputs/base/Label.d.ts

@@ -1,14 +0,0 @@
-import { InputLabelProps } from './types.js';
-import 'react';
-import '../../@types/Align.js';
-import '../../@types/Period.js';
-import '../../@types/PermissionAttr.js';
-import '../../internals/types.js';
-import '../../@types/Position.js';
-
-declare const _default: {
-    (props: InputLabelProps): JSX.Element;
-    displayName: string;
-};
-
-export { _default as default };

package/lib/inputs/base/Label.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _withTooltip = _interopRequireDefault(require("../../internals/withTooltip"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const Label = props => {
-  const {
-    label,
-    styleForLabel,
-    customClassForLabel,
-    labelUppercase,
-    required,
-    targetRef,
-    labelRef,
-    onHoverLabel
-  } = props;
-  return /*#__PURE__*/_react.default.createElement("span", {
-    style: styleForLabel,
-    ref: ref => {
-      if (ref) {
-        if (labelRef) labelRef.current = ref;
-        if (targetRef) targetRef(ref);
-      }
-    },
-    onMouseEnter: onHoverLabel,
-    className: "label ".concat(customClassForLabel, " ").concat(labelUppercase && ' -uppercase')
-  }, label, required && /*#__PURE__*/_react.default.createElement("span", {
-    className: "-requiredlabel"
-  }, "*"));
-};
-var _default = exports.default = (0, _withTooltip.default)(Label);

package/lib/inputs/errorMessage/index.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ErrorMessage = void 0;
-var _react = _interopRequireWildcard(require("react"));
-require("../../assets/styles/error.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const ErrorMessage = exports.ErrorMessage = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    customClass = '',
-    messages: messagesProp,
-    style
-  } = _ref;
-  if (!messagesProp || messagesProp.length === 0) return null;
-  const messages = Array.isArray(messagesProp) ? messagesProp : [messagesProp];
-  return /*#__PURE__*/_react.default.createElement("p", {
-    ref: ref,
-    style: style,
-    className: "errormessages-component ".concat(customClass)
-  }, messages.join(', '));
-});
-ErrorMessage.displayName = 'ErrorMessage';
-var _default = exports.default = ErrorMessage;

package/lib/tabs/DropdownTabs.d.ts

@@ -1,11 +0,0 @@
-import { DropdownProps } from './types.js';
-import 'react';
-import '../@types/Size.js';
-import '../@types/Position.js';
-import '../@types/PermissionAttr.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const DropdownTabs: ({ tabs, tabMenuSize, }: DropdownProps) => JSX.Element | null;
-
-export { DropdownTabs as default };

package/lib/tabs/DropdownTabs.js

@@ -1,71 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _buttons = _interopRequireDefault(require("../buttons"));
-var _list = _interopRequireWildcard(require("../list"));
-var _useTabs = require("./useTabs");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const DropdownTab = _ref => {
-  let {
-    id,
-    title,
-    closeable,
-    iconAlign,
-    icon,
-    iconName,
-    disabled,
-    tabMenuSize
-  } = _ref;
-  const {
-    selectTab,
-    removeTab
-  } = (0, _useTabs.useTabs)();
-  return /*#__PURE__*/_react.default.createElement(_list.ListItem, {
-    key: id
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "menuitem"
-  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
-    className: "btn menubutton",
-    boxShadow: false,
-    onClick: () => selectTab(id),
-    iconAlign: iconAlign,
-    iconName: iconName,
-    icon: icon,
-    disabled: disabled,
-    label: title,
-    size: tabMenuSize,
-    transparent: true
-  }), closeable && /*#__PURE__*/_react.default.createElement("button", {
-    className: "closepanel",
-    onClick: () => removeTab(id)
-  })));
-};
-const DropdownTabs = _ref2 => {
-  let {
-    tabs = [],
-    tabMenuSize = 'medium'
-  } = _ref2;
-  const hasTabs = tabs.length > 0;
-  if (tabs.length === 0) return null;
-  return /*#__PURE__*/_react.default.createElement(_buttons.default, {
-    dropdown: true,
-    dropdownAlign: "right",
-    transparent: true,
-    boxShadow: false,
-    size: "large",
-    customClass: "dropdownbutton ".concat(hasTabs ? 'show' : '')
-  }, /*#__PURE__*/_react.default.createElement(_list.default, {
-    customClass: "dropdown-hide-tabs"
-  }, tabs.map(tab => /*#__PURE__*/_react.default.createElement(DropdownTab, _extends({
-    key: tab.id,
-    tabMenuSize: tabMenuSize
-  }, tab)))));
-};
-var _default = exports.default = DropdownTabs;

package/lib/tabs/MenuTabs.js

@@ -1,82 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _buttons = _interopRequireDefault(require("../buttons"));
-var helpers = _interopRequireWildcard(require("./tabHelpers"));
-var _permissionValidations = require("../permissionValidations");
-var _useTabs = require("./useTabs");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const MenuTab = _ref => {
-  let {
-    id,
-    title,
-    tabWidth,
-    iconAlign,
-    iconName,
-    icon,
-    disabled,
-    permissionAttr,
-    tabMenuSize,
-    tooltip,
-    tooltipPosition,
-    tooltipWidth,
-    closeable
-  } = _ref;
-  const {
-    selectedTabId,
-    selectTab,
-    removeTab,
-    tabsCount
-  } = (0, _useTabs.useTabs)();
-  const onDenied = (0, _permissionValidations.actionsOnPermissionDenied)(helpers.onDeniedOptions, permissionAttr);
-  return onDenied.unvisible ? null : /*#__PURE__*/_react.default.createElement("li", {
-    key: id,
-    style: {
-      width: tabWidth
-    },
-    className: "menuitem ".concat(selectedTabId === id && 'selected')
-  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
-    className: "btn menubutton",
-    boxShadow: false,
-    onClick: () => selectTab(id),
-    iconAlign: iconAlign,
-    iconName: iconName,
-    icon: icon,
-    disabled: disabled || !!onDenied.disabled,
-    label: title,
-    size: tabMenuSize,
-    tooltip: tooltip || title,
-    tooltipPosition: tooltipPosition,
-    tooltipWidth: tooltipWidth
-  }), closeable && tabsCount > 1 && /*#__PURE__*/_react.default.createElement("button", {
-    className: "closepanel",
-    onClick: () => removeTab(id)
-  }));
-};
-const MenuTabs = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
-  let {
-    tabs = [],
-    tabWidth = 'auto',
-    tabMenuSize = 'medium',
-    tabMenuAlign = 'left',
-    firstTabIdent = false
-  } = _ref2;
-  return /*#__PURE__*/_react.default.createElement("ul", {
-    className: "menu ".concat(firstTabIdent && '-firsttabident'),
-    style: helpers.menuStyles(tabMenuAlign),
-    ref: ref
-  }, tabs.map(tab => /*#__PURE__*/_react.default.createElement(MenuTab, _extends({
-    key: tab.id,
-    tabMenuSize: tabMenuSize,
-    tabWidth: tabWidth
-  }, tab))));
-});
-MenuTabs.displayName = 'MenuTabs';
-var _default = exports.default = MenuTabs;

package/lib/tabs/context.d.ts

@@ -1,12 +0,0 @@
-import React__default from 'react';
-import { TabsContextType, TabsProviderProps } from './types.js';
-import '../@types/Size.js';
-import '../@types/Position.js';
-import '../@types/PermissionAttr.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const TabsContext: React__default.Context<TabsContextType>;
-declare function TabsProvider({ children, tabs: tabsProp, container, selectedTab, onTabChange, onTabClose, tabsWidth: tabsWidthProp, firstTabIdent, }: TabsProviderProps): JSX.Element;
-
-export { TabsContext, TabsProvider };

package/lib/tabs/context.js

@@ -1,130 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TabsContext = void 0;
-exports.TabsProvider = TabsProvider;
-var _react = _interopRequireWildcard(require("react"));
-var _lodash = _interopRequireDefault(require("lodash"));
-var _tabHelpers = require("./tabHelpers");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const TabsContext = exports.TabsContext = /*#__PURE__*/(0, _react.createContext)({});
-function TabsProvider(_ref) {
-  var _menuRef$current$clie, _menuRef$current;
-  let {
-    children,
-    tabs: tabsProp,
-    container,
-    selectedTab = null,
-    onTabChange,
-    onTabClose,
-    tabsWidth: tabsWidthProp,
-    firstTabIdent = false
-  } = _ref;
-  const [selectedTabId, setSelectedTabId] = _react.default.useState(selectedTab);
-  const [containerWidth, setContainerWidth] = (0, _react.useState)(() => {
-    var _container$current$cl, _container$current;
-    return (_container$current$cl = (_container$current = container.current) === null || _container$current === void 0 ? void 0 : _container$current.clientWidth) !== null && _container$current$cl !== void 0 ? _container$current$cl : 0;
-  });
-  const [tabs, setTabs] = (0, _react.useState)((0, _tabHelpers.getTabs)(tabsProp));
-  const menuRef = (0, _react.useRef)(null);
-  const menuSize = ((_menuRef$current$clie = (_menuRef$current = menuRef.current) === null || _menuRef$current === void 0 ? void 0 : _menuRef$current.clientWidth) !== null && _menuRef$current$clie !== void 0 ? _menuRef$current$clie : 0) - 38 - (firstTabIdent ? 15 : 0);
-  const tabsWidth = (0, _react.useMemo)(() => {
-    if (typeof tabsWidthProp === 'string') return tabsWidthProp === 'auto' ? 100 : parseInt(tabsWidthProp) || 100;
-    return tabsWidthProp;
-  }, [tabsWidthProp]);
-  const maxTabs = Math.round(menuSize / tabsWidth);
-  if (selectedTab && selectedTab !== selectedTabId) {
-    setSelectedTabId(selectedTab);
-  }
-  if (tabs.length > 0 && selectedTabId === null) {
-    var _tabs$;
-    setSelectedTabId((_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.id);
-  }
-  const dropdownTabs = (0, _react.useMemo)(() => {
-    if (menuSize === 0) return [];
-    return tabs.slice(maxTabs);
-  }, [tabs, maxTabs, containerWidth]);
-  const menuTabs = (0, _react.useMemo)(() => {
-    return tabs.slice(0, maxTabs);
-  }, [tabs, maxTabs, containerWidth]);
-  const tabsCount = tabs.length;
-  const updateTabs = (0, _react.useCallback)(tabId => {
-    const tabInDropdownIndex = dropdownTabs.findIndex(tab => tab.id === tabId);
-    if (tabInDropdownIndex !== -1) {
-      const tabIndex = tabs.findIndex(tab => tab.id === tabId);
-      const tabInDropdown = dropdownTabs[tabInDropdownIndex];
-      setTabs(prevState => {
-        prevState.splice(tabIndex, 1);
-        return [tabInDropdown, ...prevState];
-      });
-    }
-  }, [setTabs, menuTabs, tabs, dropdownTabs]);
-  const selectTab = (0, _react.useCallback)(tabId => {
-    updateTabs(tabId);
-    setSelectedTabId(tabId);
-    if (onTabChange) {
-      onTabChange(tabId);
-    }
-  }, [onTabChange, setSelectedTabId, updateTabs]);
-  const removeTab = (0, _react.useCallback)(tabId => {
-    const tabIndex = tabs.findIndex(tab => tab.id === tabId);
-    const newSelectedTab = tabIndex === 0 ? tabs[tabIndex + 1] : tabs[tabIndex - 1];
-    if (selectedTabId === tabId) {
-      selectTab(newSelectedTab.id);
-    }
-    if (tabIndex !== -1) {
-      setTabs(prevState => {
-        prevState.splice(tabIndex, 1);
-        return prevState;
-      });
-    }
-    if (onTabClose) {
-      onTabClose(String(tabId));
-    }
-  }, [onTabClose, tabs, dropdownTabs, selectedTabId]);
-  const onResizeContainer = (0, _react.useCallback)(contentRect => {
-    setContainerWidth(contentRect.width);
-  }, [setContainerWidth]);
-  (0, _react.useEffect)(() => {
-    const newTabs = (0, _tabHelpers.getTabs)(tabsProp);
-    if (newTabs !== tabs) {
-      const includedTabs = _lodash.default.differenceBy(newTabs, tabs, 'id');
-      const excludedTabsIds = _lodash.default.differenceBy(tabs, newTabs, 'id').map(tab => tab.id);
-      setTabs(prevState => {
-        let currentTabs = prevState;
-        if (excludedTabsIds) {
-          currentTabs = currentTabs.filter(tab => !excludedTabsIds.includes(tab.id));
-        }
-        return [...currentTabs, ...includedTabs];
-      });
-    }
-  }, [tabsProp]);
-  (0, _react.useEffect)(() => {
-    const resizeObserver = new ResizeObserver(_ref2 => {
-      let [entry] = _ref2;
-      onResizeContainer(entry.contentRect);
-    });
-    if (container.current) resizeObserver.observe(container.current);
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [container.current, onResizeContainer]);
-  return /*#__PURE__*/_react.default.createElement(TabsContext.Provider, {
-    value: {
-      tabs,
-      menuTabs,
-      dropdownTabs,
-      containerWidth,
-      tabsCount,
-      updateTabs,
-      selectTab,
-      selectedTabId,
-      removeTab,
-      menuRef
-    }
-  }, children);
-}

package/lib/tabs/useTabs.d.ts

@@ -1,11 +0,0 @@
-import { TabsContextType } from './types.js';
-import 'react';
-import '../@types/Size.js';
-import '../@types/Position.js';
-import '../@types/PermissionAttr.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare function useTabs(): TabsContextType;
-
-export { useTabs };

package/lib/tabs/useTabs.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTabs = useTabs;
-var _react = require("react");
-var _context = require("./context");
-function useTabs() {
-  return (0, _react.useContext)(_context.TabsContext);
-}

package/lib/textContent/index.d.ts

@@ -1,8 +0,0 @@
-import React__default from 'react';
-
-interface TextContentProps extends React__default.HTMLAttributes<HTMLElement> {
-    as?: 'span' | 'strong' | 'p';
-}
-declare const TextContent: React__default.ForwardRefExoticComponent<TextContentProps & React__default.RefAttributes<HTMLElement>>;
-
-export { TextContent as default };

package/lib/textContent/index.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-require("../assets/styles/textContent.scss");
-const _excluded = ["as", "children", "className"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const TextContent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-      as: Comp = 'span',
-      children,
-      className
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  const typedRef = ref;
-  return /*#__PURE__*/_react.default.createElement(Comp, _extends({
-    ref: typedRef,
-    className: "text-content-component ".concat(className),
-    "data-textcontent": Comp
-  }, props), children);
-});
-TextContent.displayName = 'TextContent';
-var _default = exports.default = TextContent;