intergalactic 15.87.0-prerelease.3 → 15.88.0

package/libs/typography/lib/types/index.d.ts

@@ -0,0 +1,108 @@
+import React from 'react';
+import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
+
+import { Property } from 'csstype';
+import { Box, BoxProps } from '@semcore/flex-box';
+import { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
+
+/** @deprecated */
+export interface ITextProps extends TextProps, UnknownProperties {}
+export type TextProps = BoxProps & {
+  /** Font size and line-heights */
+  size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
+  /** The text will not be wrapped on a new line and will be cut off with ellipsis */
+  noWrap?: boolean;
+  /** CSS property `font-weight: 700;` */
+  bold?: boolean;
+  /** CSS property `font-weight: 600;` */
+  semibold?: boolean;
+  /** CSS property `font-weight: 500;` */
+  medium?: boolean;
+  /** Italicized text */
+  italic?: boolean;
+  /** Underlined text */
+  underline?: boolean;
+  /** CSS property `font-family: monospace;` */
+  monospace?: boolean;
+  /** Strikethrough text */
+  lineThrough?: boolean;
+  /** Uppercase text */
+  uppercase?: boolean;
+  /** Lowercase text */
+  lowercase?: boolean;
+  /** Capitalized text */
+  capitalize?: boolean;
+  /** Text color **/
+  color?: string;
+  /** Custom `font-size` */
+  fontSize?: Property.FontSize<any>;
+  /** Custom `line-height` */
+  lineHeight?: Property.LineHeight<any>;
+  /** Custom `font-weight` */
+  fontWeight?: Property.FontWeight;
+  /** Text alignment */
+  textAlign?: Property.TextAlign;
+  /** Enforces text color */
+  use?: 'primary' | 'secondary';
+  /** Makes text semi-transparent to indicate disabled state */
+  disabled?: boolean;
+};
+
+/** @deprecated */
+export interface IListProps extends ListProps, UnknownProperties {}
+export type ListProps = TextProps & {
+  /** Marker of the entire list
+   * @default • */
+  marker?: React.ReactNode;
+};
+
+/** @deprecated */
+export interface IListItemProps extends ListItemProps, UnknownProperties {}
+export type ListItemProps = TextProps & {
+  /** Individual marker of a list item */
+  marker?: React.ReactNode;
+};
+
+/** @deprecated */
+export interface IListContext extends ListContext, UnknownProperties {}
+export type ListContext = {
+  getItemProps: PropGetterFn;
+};
+
+/** @deprecated */
+export interface IHintProps extends HintProps, UnknownProperties {}
+export type HintProps = TextProps &
+  KeyboardFocusProps & {
+    /** The value responsible for the activity of the element
+     * @default false
+     */
+    disabled?: boolean;
+    /** Enable `active` state */
+    active?: boolean;
+    /** Left addon hint  */
+    addonLeft?: React.ElementType;
+    /** Right addon hint  */
+    addonRight?: React.ElementType;
+  };
+
+/** @deprecated */
+export interface IBlockquoteProps extends BlockquoteProps, UnknownProperties {}
+export type BlockquoteProps = BoxProps & {
+  /** Source of the quote */
+  author?: React.ReactNode;
+};
+
+declare const Hint: Intergalactic.Component<'abbr', HintProps> & {
+  Addon: typeof Box;
+  Text: typeof Box;
+};
+
+declare const List: Intergalactic.Component<'ul', ListProps> & {
+  Item: Intergalactic.Component<'li', ListItemProps>;
+};
+
+declare const Text: Intergalactic.Component<'span', TextProps>;
+
+declare const Blockquote: Intergalactic.Component<'blockquote', BlockquoteProps>;
+
+export { Text, List, Hint, Blockquote };

package/libs/utils/lib/CSSinJS.d.ts

@@ -0,0 +1,5 @@
+import { NanoOptions, NanoRenderer } from '@phytonmk/nano-css';
+declare function style(opt?: NanoOptions): NanoRenderer;
+declare function createStyle(opt?: NanoOptions): NanoRenderer;
+export { createStyle };
+export default style;

package/libs/utils/lib/CSSinJS.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createStyle = createStyle;
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _nanoCss = require("@phytonmk/nano-css");
+var _rule = require("@phytonmk/nano-css/addon/rule");
+var _cache = require("@phytonmk/nano-css/addon/cache");
+var _prefixer = require("@phytonmk/nano-css/addon/prefixer");
+var _hydrate = require("@phytonmk/nano-css/addon/hydrate");
+var _nano = null;
+function style(opt) {
+  if (!_nano) {
+    _nano = createStyle(opt);
+  }
+  return _nano;
+}
+function createStyle() {
+  var opt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var nano = (0, _nanoCss.create)((0, _objectSpread2["default"])({
+    pfx: 'css',
+    verbose: true
+  }, opt));
+  (0, _cache.addon)(nano);
+  (0, _rule.addon)(nano);
+  (0, _prefixer.addon)(nano);
+  (0, _hydrate.addon)(nano);
+  return nano;
+}
+var _default = style;
+exports["default"] = _default;
+//# sourceMappingURL=CSSinJS.js.map

package/libs/utils/lib/CSSinJS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSSinJS.js","names":["_nanoCss","require","_rule","_cache","_prefixer","_hydrate","_nano","style","opt","createStyle","arguments","length","undefined","nano","create","_objectSpread2","pfx","verbose","addonCache","addonRule","addonPrefixer","addonHydrate","_default","exports"],"sources":["../src/CSSinJS.ts"],"sourcesContent":["import { create, NanoOptions, NanoRenderer } from '@phytonmk/nano-css';\nimport { addon as addonRule } from '@phytonmk/nano-css/addon/rule';\nimport { addon as addonCache } from '@phytonmk/nano-css/addon/cache';\nimport { addon as addonPrefixer } from '@phytonmk/nano-css/addon/prefixer';\nimport { addon as addonHydrate } from '@phytonmk/nano-css/addon/hydrate';\n\nlet _nano: any = null;\n\nfunction style(opt?: NanoOptions): NanoRenderer {\n  if (!_nano) {\n    _nano = createStyle(opt);\n  }\n  return _nano;\n}\n\nfunction createStyle(opt: NanoOptions = {}): NanoRenderer {\n  const nano = create({ pfx: 'css', verbose: true, ...opt });\n\n  addonCache(nano);\n  addonRule(nano);\n  addonPrefixer(nano);\n  addonHydrate(nano);\n\n  return nano;\n}\n\nexport { createStyle };\n\nexport default style;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAEA,IAAIK,KAAU,GAAG,IAAI;AAErB,SAASC,KAAKA,CAACC,GAAiB,EAAgB;EAC9C,IAAI,CAACF,KAAK,EAAE;IACVA,KAAK,GAAGG,WAAW,CAACD,GAAG,CAAC;EAC1B;EACA,OAAOF,KAAK;AACd;AAEA,SAASG,WAAWA,CAAA,EAAsC;EAAA,IAArCD,GAAgB,GAAAE,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACxC,IAAMG,IAAI,GAAG,IAAAC,eAAM,MAAAC,cAAA;IAAGC,GAAG,EAAE,KAAK;IAAEC,OAAO,EAAE;EAAI,GAAKT,GAAG,EAAG;EAE1D,IAAAU,YAAU,EAACL,IAAI,CAAC;EAChB,IAAAM,WAAS,EAACN,IAAI,CAAC;EACf,IAAAO,eAAa,EAACP,IAAI,CAAC;EACnB,IAAAQ,cAAY,EAACR,IAAI,CAAC;EAElB,OAAOA,IAAI;AACb;AAAC,IAAAS,QAAA,GAIcf,KAAK;AAAAgB,OAAA,cAAAD,QAAA"}

package/libs/utils/lib/CSSinJS.mjs

@@ -0,0 +1,28 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import { create } from '@phytonmk/nano-css';
+import { addon as addonRule } from '@phytonmk/nano-css/addon/rule';
+import { addon as addonCache } from '@phytonmk/nano-css/addon/cache';
+import { addon as addonPrefixer } from '@phytonmk/nano-css/addon/prefixer';
+import { addon as addonHydrate } from '@phytonmk/nano-css/addon/hydrate';
+var _nano = null;
+function style(opt) {
+  if (!_nano) {
+    _nano = createStyle(opt);
+  }
+  return _nano;
+}
+function createStyle() {
+  var opt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var nano = create(_objectSpread({
+    pfx: 'css',
+    verbose: true
+  }, opt));
+  addonCache(nano);
+  addonRule(nano);
+  addonPrefixer(nano);
+  addonHydrate(nano);
+  return nano;
+}
+export { createStyle };
+export default style;
+//# sourceMappingURL=CSSinJS.mjs.map

package/libs/utils/lib/CSSinJS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSSinJS.mjs","names":["create","addon","addonRule","addonCache","addonPrefixer","addonHydrate","_nano","style","opt","createStyle","arguments","length","undefined","nano","_objectSpread","pfx","verbose"],"sources":["../src/CSSinJS.ts"],"sourcesContent":["import { create, NanoOptions, NanoRenderer } from '@phytonmk/nano-css';\nimport { addon as addonRule } from '@phytonmk/nano-css/addon/rule';\nimport { addon as addonCache } from '@phytonmk/nano-css/addon/cache';\nimport { addon as addonPrefixer } from '@phytonmk/nano-css/addon/prefixer';\nimport { addon as addonHydrate } from '@phytonmk/nano-css/addon/hydrate';\n\nlet _nano: any = null;\n\nfunction style(opt?: NanoOptions): NanoRenderer {\n  if (!_nano) {\n    _nano = createStyle(opt);\n  }\n  return _nano;\n}\n\nfunction createStyle(opt: NanoOptions = {}): NanoRenderer {\n  const nano = create({ pfx: 'css', verbose: true, ...opt });\n\n  addonCache(nano);\n  addonRule(nano);\n  addonPrefixer(nano);\n  addonHydrate(nano);\n\n  return nano;\n}\n\nexport { createStyle };\n\nexport default style;\n"],"mappings":";AAAA,SAASA,MAAM,QAAmC,oBAAoB;AACtE,SAASC,KAAK,IAAIC,SAAS,QAAQ,+BAA+B;AAClE,SAASD,KAAK,IAAIE,UAAU,QAAQ,gCAAgC;AACpE,SAASF,KAAK,IAAIG,aAAa,QAAQ,mCAAmC;AAC1E,SAASH,KAAK,IAAII,YAAY,QAAQ,kCAAkC;AAExE,IAAIC,KAAU,GAAG,IAAI;AAErB,SAASC,KAAKA,CAACC,GAAiB,EAAgB;EAC9C,IAAI,CAACF,KAAK,EAAE;IACVA,KAAK,GAAGG,WAAW,CAACD,GAAG,CAAC;EAC1B;EACA,OAAOF,KAAK;AACd;AAEA,SAASG,WAAWA,CAAA,EAAsC;EAAA,IAArCD,GAAgB,GAAAE,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACxC,IAAMG,IAAI,GAAGb,MAAM,CAAAc,aAAA;IAAGC,GAAG,EAAE,KAAK;IAAEC,OAAO,EAAE;EAAI,GAAKR,GAAG,EAAG;EAE1DL,UAAU,CAACU,IAAI,CAAC;EAChBX,SAAS,CAACW,IAAI,CAAC;EACfT,aAAa,CAACS,IAAI,CAAC;EACnBR,YAAY,CAACQ,IAAI,CAAC;EAElB,OAAOA,IAAI;AACb;AAEA,SAASJ,WAAW;AAEpB,eAAeF,KAAK"}

package/libs/utils/lib/ScreenReaderOnly.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const ScreenReaderOnly: React.FC<{
+    children: React.ReactNode;
+    id?: string;
+}>;

package/libs/utils/lib/ScreenReaderOnly.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScreenReaderOnly = void 0;
+var _react = _interopRequireDefault(require("react"));
+var ScreenReaderOnly = function ScreenReaderOnly(_ref) {
+  var children = _ref.children,
+    id = _ref.id;
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    style: {
+      position: 'absolute',
+      width: 1,
+      height: 1,
+      padding: 0,
+      margin: -1,
+      overflow: 'hidden',
+      clip: 'rect(0, 0, 0, 0)',
+      whiteSpace: 'nowrap',
+      borderWidth: 0
+    },
+    id: id
+  }, children);
+};
+exports.ScreenReaderOnly = ScreenReaderOnly;
+ScreenReaderOnly.displayName = 'ScreenReaderOnlyRoot';
+//# sourceMappingURL=ScreenReaderOnly.js.map

package/libs/utils/lib/ScreenReaderOnly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenReaderOnly.js","names":["_react","_interopRequireDefault","require","ScreenReaderOnly","_ref","children","id","createElement","style","position","width","height","padding","margin","overflow","clip","whiteSpace","borderWidth","exports","displayName"],"sources":["../src/ScreenReaderOnly.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ScreenReaderOnly: React.FC<{ children: React.ReactNode; id?: string }> = ({\n  children,\n  id,\n}) => {\n  return (\n    <span\n      style={{\n        position: 'absolute',\n        width: 1,\n        height: 1,\n        padding: 0,\n        margin: -1,\n        overflow: 'hidden',\n        clip: 'rect(0, 0, 0, 0)',\n        whiteSpace: 'nowrap',\n        borderWidth: 0,\n      }}\n      id={id}\n    >\n      {children}\n    </span>\n  );\n};\nScreenReaderOnly.displayName = 'ScreenReaderOnlyRoot';\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,gBAAsE,GAAG,SAAzEA,gBAAsEA,CAAAC,IAAA,EAG7E;EAAA,IAFJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,EAAE,GAAAF,IAAA,CAAFE,EAAE;EAEF,oBACEN,MAAA,YAAAO,aAAA;IACEC,KAAK,EAAE;MACLC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,OAAO,EAAE,CAAC;MACVC,MAAM,EAAE,CAAC,CAAC;MACVC,QAAQ,EAAE,QAAQ;MAClBC,IAAI,EAAE,kBAAkB;MACxBC,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAE;IACf,CAAE;IACFX,EAAE,EAAEA;EAAG,GAEND,QAAQ,CACJ;AAEX,CAAC;AAACa,OAAA,CAAAf,gBAAA,GAAAA,gBAAA;AACFA,gBAAgB,CAACgB,WAAW,GAAG,sBAAsB"}

package/libs/utils/lib/ScreenReaderOnly.mjs

@@ -0,0 +1,21 @@
+import React from 'react';
+export var ScreenReaderOnly = function ScreenReaderOnly(_ref) {
+  var children = _ref.children,
+    id = _ref.id;
+  return /*#__PURE__*/React.createElement("span", {
+    style: {
+      position: 'absolute',
+      width: 1,
+      height: 1,
+      padding: 0,
+      margin: -1,
+      overflow: 'hidden',
+      clip: 'rect(0, 0, 0, 0)',
+      whiteSpace: 'nowrap',
+      borderWidth: 0
+    },
+    id: id
+  }, children);
+};
+ScreenReaderOnly.displayName = 'ScreenReaderOnlyRoot';
+//# sourceMappingURL=ScreenReaderOnly.mjs.map

package/libs/utils/lib/ScreenReaderOnly.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenReaderOnly.mjs","names":["React","ScreenReaderOnly","_ref","children","id","createElement","style","position","width","height","padding","margin","overflow","clip","whiteSpace","borderWidth","displayName"],"sources":["../src/ScreenReaderOnly.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ScreenReaderOnly: React.FC<{ children: React.ReactNode; id?: string }> = ({\n  children,\n  id,\n}) => {\n  return (\n    <span\n      style={{\n        position: 'absolute',\n        width: 1,\n        height: 1,\n        padding: 0,\n        margin: -1,\n        overflow: 'hidden',\n        clip: 'rect(0, 0, 0, 0)',\n        whiteSpace: 'nowrap',\n        borderWidth: 0,\n      }}\n      id={id}\n    >\n      {children}\n    </span>\n  );\n};\nScreenReaderOnly.displayName = 'ScreenReaderOnlyRoot';\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,IAAMC,gBAAsE,GAAG,SAAzEA,gBAAsEA,CAAAC,IAAA,EAG7E;EAAA,IAFJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,EAAE,GAAAF,IAAA,CAAFE,EAAE;EAEF,oBACEJ,KAAA,CAAAK,aAAA;IACEC,KAAK,EAAE;MACLC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,OAAO,EAAE,CAAC;MACVC,MAAM,EAAE,CAAC,CAAC;MACVC,QAAQ,EAAE,QAAQ;MAClBC,IAAI,EAAE,kBAAkB;MACxBC,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAE;IACf,CAAE;IACFX,EAAE,EAAEA;EAAG,GAEND,QAAQ,CACJ;AAEX,CAAC;AACDF,gBAAgB,CAACe,WAAW,GAAG,sBAAsB"}

package/libs/utils/lib/ThemeProvider.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+type Tokens = {
+    [tokenName: string]: string;
+};
+export type ThemeProviderProps = {
+    tokens: Tokens;
+    children: React.ReactNode;
+};
+export declare const useContextTokens: () => Tokens | null;
+export declare const useContextTheme: (ref: React.RefObject<HTMLElement>, available?: boolean) => void;
+export declare const contextThemeEnhance: (getAvailable?: ((props: any) => boolean | undefined) | undefined) => (props: any) => any;
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export {};

package/libs/utils/lib/ThemeProvider.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useContextTokens = exports.useContextTheme = exports.contextThemeEnhance = exports.ThemeProvider = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _core = require("@semcore/core");
+var _react = _interopRequireDefault(require("react"));
+var _ref5 = require("./ref");
+var _useEnhancedEffect = _interopRequireDefault(require("./use/useEnhancedEffect"));
+var useContextTokens = function useContextTokens() {
+  return _react["default"].useContext(themeContext);
+};
+exports.useContextTokens = useContextTokens;
+var useContextTheme = function useContextTheme(ref, available) {
+  var tokens = useContextTokens();
+  var tokensKey = _react["default"].useMemo(function () {
+    if (!tokens) return '';
+    return Object.entries(tokens).map(function (_ref2) {
+      var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
+        key = _ref3[0],
+        value = _ref3[1];
+      return "".concat(key, "-").concat(value);
+    }).join('/');
+  }, [tokens]);
+  (0, _useEnhancedEffect["default"])(function () {
+    if (available !== undefined && !available) return;
+    if (!ref.current || !ref.current.style || !ref.current.style.setProperty) return;
+    for (var token in tokens) {
+      ref.current.style.setProperty(token, tokens[token]);
+    }
+  }, [tokensKey, available]);
+};
+exports.useContextTheme = useContextTheme;
+var contextThemeEnhance = function contextThemeEnhance(getAvailable) {
+  return function (props) {
+    var existingRef = props.ref;
+    var available = _react["default"].useMemo(function () {
+      return getAvailable === null || getAvailable === void 0 ? void 0 : getAvailable(props);
+    }, Object.values(props));
+    var enhanceRef = _react["default"].useRef();
+    var refArr = _react["default"].useMemo(function () {
+      return existingRef ? [existingRef, enhanceRef] : [enhanceRef];
+    }, [existingRef, enhanceRef]);
+    var ref = (0, _ref5.useForkRef)(refArr);
+    useContextTheme(enhanceRef, available);
+    return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
+      ref: ref
+    });
+  };
+};
+exports.contextThemeEnhance = contextThemeEnhance;
+var themeContext = /*#__PURE__*/_react["default"].createContext(null);
+var ThemeProvider = function ThemeProvider(_ref4) {
+  var _ref;
+  var _ref4$tokens = _ref4.tokens,
+    providedTokens = _ref4$tokens === void 0 ? {} : _ref4$tokens,
+    children = _ref4.children;
+  var SThemeProvider = 'div';
+  var contextTokens = _react["default"].useContext(themeContext);
+  var tokens = _react["default"].useMemo(function () {
+    return contextTokens === null ? providedTokens : (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, contextTokens), providedTokens);
+  }, [contextTokens, providedTokens]);
+  return /*#__PURE__*/_react["default"].createElement(themeContext.Provider, {
+    value: tokens
+  }, (_ref = (0, _core.sstyled)(), /*#__PURE__*/_react["default"].createElement(SThemeProvider, _ref.cn("SThemeProvider", {
+    "style": tokens
+  }), children)));
+};
+exports.ThemeProvider = ThemeProvider;
+//# sourceMappingURL=ThemeProvider.js.map

package/libs/utils/lib/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","names":["_core","require","_react","_interopRequireDefault","_ref5","_useEnhancedEffect","useContextTokens","React","useContext","themeContext","exports","useContextTheme","ref","available","tokens","tokensKey","useMemo","Object","entries","map","_ref2","_ref3","_slicedToArray2","key","value","concat","join","useEnhancedEffect","undefined","current","style","setProperty","token","contextThemeEnhance","getAvailable","props","existingRef","values","enhanceRef","useRef","refArr","useForkRef","_objectSpread2","createContext","ThemeProvider","_ref4","_ref","_ref4$tokens","providedTokens","children","SThemeProvider","contextTokens","createElement","Provider","sstyled","cn"],"sources":["../src/ThemeProvider.tsx"],"sourcesContent":["import { sstyled } from '@semcore/core';\nimport React from 'react';\nimport { useForkRef } from './ref';\nimport useEnhancedEffect from './use/useEnhancedEffect';\n\ntype Tokens = { [tokenName: string]: string };\nexport type ThemeProviderProps = {\n  tokens: Tokens;\n  children: React.ReactNode;\n};\n\nexport const useContextTokens = () => React.useContext(themeContext);\n\nexport const useContextTheme = (ref: React.RefObject<HTMLElement>, available?: boolean) => {\n  const tokens = useContextTokens();\n  const tokensKey = React.useMemo(() => {\n    if (!tokens) return '';\n    return Object.entries(tokens)\n      .map(([key, value]) => `${key}-${value}`)\n      .join('/');\n  }, [tokens]);\n  useEnhancedEffect(() => {\n    if (available !== undefined && !available) return;\n    if (!ref.current || !ref.current.style || !ref.current.style.setProperty) return;\n    for (const token in tokens) {\n      ref.current.style.setProperty(token, tokens[token]);\n    }\n  }, [tokensKey, available]);\n};\nexport const contextThemeEnhance = (getAvailable?: (props: any) => boolean | undefined) => {\n  return (props: any) => {\n    const existingRef = props.ref;\n    const available = React.useMemo(() => getAvailable?.(props), Object.values(props));\n    const enhanceRef: any = React.useRef();\n    const refArr: any = React.useMemo(\n      () => (existingRef ? [existingRef, enhanceRef] : [enhanceRef]),\n      [existingRef, enhanceRef],\n    );\n    const ref = useForkRef(refArr);\n    useContextTheme(enhanceRef, available);\n\n    return { ...props, ref };\n  };\n};\n\nconst themeContext = React.createContext<Tokens | null>(null);\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n  tokens: providedTokens = {},\n  children,\n}) => {\n  const SThemeProvider = 'div';\n  const contextTokens = React.useContext(themeContext);\n  const tokens = React.useMemo(\n    () => (contextTokens === null ? providedTokens : { ...contextTokens, ...providedTokens }),\n    [contextTokens, providedTokens],\n  );\n\n  return (\n    <themeContext.Provider value={tokens}>\n      {sstyled()(<SThemeProvider style={tokens}>{children}</SThemeProvider>)}\n    </themeContext.Provider>\n  ) as any;\n};\n"],"mappings":"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"}

package/libs/utils/lib/ThemeProvider.mjs

@@ -0,0 +1,63 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { sstyled } from '@semcore/core';
+import React from 'react';
+import { useForkRef } from "./ref.mjs";
+import useEnhancedEffect from "./use/useEnhancedEffect.mjs";
+export var useContextTokens = function useContextTokens() {
+  return React.useContext(themeContext);
+};
+export var useContextTheme = function useContextTheme(ref, available) {
+  var tokens = useContextTokens();
+  var tokensKey = React.useMemo(function () {
+    if (!tokens) return '';
+    return Object.entries(tokens).map(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        key = _ref3[0],
+        value = _ref3[1];
+      return "".concat(key, "-").concat(value);
+    }).join('/');
+  }, [tokens]);
+  useEnhancedEffect(function () {
+    if (available !== undefined && !available) return;
+    if (!ref.current || !ref.current.style || !ref.current.style.setProperty) return;
+    for (var token in tokens) {
+      ref.current.style.setProperty(token, tokens[token]);
+    }
+  }, [tokensKey, available]);
+};
+export var contextThemeEnhance = function contextThemeEnhance(getAvailable) {
+  return function (props) {
+    var existingRef = props.ref;
+    var available = React.useMemo(function () {
+      return getAvailable === null || getAvailable === void 0 ? void 0 : getAvailable(props);
+    }, Object.values(props));
+    var enhanceRef = React.useRef();
+    var refArr = React.useMemo(function () {
+      return existingRef ? [existingRef, enhanceRef] : [enhanceRef];
+    }, [existingRef, enhanceRef]);
+    var ref = useForkRef(refArr);
+    useContextTheme(enhanceRef, available);
+    return _objectSpread(_objectSpread({}, props), {}, {
+      ref: ref
+    });
+  };
+};
+var themeContext = /*#__PURE__*/React.createContext(null);
+export var ThemeProvider = function ThemeProvider(_ref4) {
+  var _ref;
+  var _ref4$tokens = _ref4.tokens,
+    providedTokens = _ref4$tokens === void 0 ? {} : _ref4$tokens,
+    children = _ref4.children;
+  var SThemeProvider = 'div';
+  var contextTokens = React.useContext(themeContext);
+  var tokens = React.useMemo(function () {
+    return contextTokens === null ? providedTokens : _objectSpread(_objectSpread({}, contextTokens), providedTokens);
+  }, [contextTokens, providedTokens]);
+  return /*#__PURE__*/React.createElement(themeContext.Provider, {
+    value: tokens
+  }, (_ref = sstyled(), /*#__PURE__*/React.createElement(SThemeProvider, _ref.cn("SThemeProvider", {
+    "style": tokens
+  }), children)));
+};
+//# sourceMappingURL=ThemeProvider.mjs.map

package/libs/utils/lib/ThemeProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.mjs","names":["sstyled","React","useForkRef","useEnhancedEffect","useContextTokens","useContext","themeContext","useContextTheme","ref","available","tokens","tokensKey","useMemo","Object","entries","map","_ref2","_ref3","_slicedToArray","key","value","concat","join","undefined","current","style","setProperty","token","contextThemeEnhance","getAvailable","props","existingRef","values","enhanceRef","useRef","refArr","_objectSpread","createContext","ThemeProvider","_ref4","_ref","_ref4$tokens","providedTokens","children","SThemeProvider","contextTokens","createElement","Provider","cn"],"sources":["../src/ThemeProvider.tsx"],"sourcesContent":["import { sstyled } from '@semcore/core';\nimport React from 'react';\nimport { useForkRef } from './ref';\nimport useEnhancedEffect from './use/useEnhancedEffect';\n\ntype Tokens = { [tokenName: string]: string };\nexport type ThemeProviderProps = {\n  tokens: Tokens;\n  children: React.ReactNode;\n};\n\nexport const useContextTokens = () => React.useContext(themeContext);\n\nexport const useContextTheme = (ref: React.RefObject<HTMLElement>, available?: boolean) => {\n  const tokens = useContextTokens();\n  const tokensKey = React.useMemo(() => {\n    if (!tokens) return '';\n    return Object.entries(tokens)\n      .map(([key, value]) => `${key}-${value}`)\n      .join('/');\n  }, [tokens]);\n  useEnhancedEffect(() => {\n    if (available !== undefined && !available) return;\n    if (!ref.current || !ref.current.style || !ref.current.style.setProperty) return;\n    for (const token in tokens) {\n      ref.current.style.setProperty(token, tokens[token]);\n    }\n  }, [tokensKey, available]);\n};\nexport const contextThemeEnhance = (getAvailable?: (props: any) => boolean | undefined) => {\n  return (props: any) => {\n    const existingRef = props.ref;\n    const available = React.useMemo(() => getAvailable?.(props), Object.values(props));\n    const enhanceRef: any = React.useRef();\n    const refArr: any = React.useMemo(\n      () => (existingRef ? [existingRef, enhanceRef] : [enhanceRef]),\n      [existingRef, enhanceRef],\n    );\n    const ref = useForkRef(refArr);\n    useContextTheme(enhanceRef, available);\n\n    return { ...props, ref };\n  };\n};\n\nconst themeContext = React.createContext<Tokens | null>(null);\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n  tokens: providedTokens = {},\n  children,\n}) => {\n  const SThemeProvider = 'div';\n  const contextTokens = React.useContext(themeContext);\n  const tokens = React.useMemo(\n    () => (contextTokens === null ? providedTokens : { ...contextTokens, ...providedTokens }),\n    [contextTokens, providedTokens],\n  );\n\n  return (\n    <themeContext.Provider value={tokens}>\n      {sstyled()(<SThemeProvider style={tokens}>{children}</SThemeProvider>)}\n    </themeContext.Provider>\n  ) as any;\n};\n"],"mappings":"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"}

package/libs/utils/lib/addonText.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function addonText(children: React.ReactNode, Text: React.ComponentType<any>, Addon: React.ComponentType, isTextWrapIfEmptyChildren?: boolean): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;

package/libs/utils/lib/addonText.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = addonText;
+var _react = _interopRequireDefault(require("react"));
+function addonText(children, Text, Addon) {
+  var isTextWrapIfEmptyChildren = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  if (!isTextWrapIfEmptyChildren && !children) {
+    return false;
+  }
+  return _react["default"].Children.toArray(children).some(function (element) {
+    return /*#__PURE__*/_react["default"].isValidElement(element) && (element.type === _react["default"].Fragment || element.type['displayName'] === Text.displayName || element.type['displayName'] === Addon.displayName);
+  }) ? children : /*#__PURE__*/_react["default"].createElement(Text, null, children);
+}
+//# sourceMappingURL=addonText.js.map

package/libs/utils/lib/addonText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addonText.js","names":["_react","_interopRequireDefault","require","addonText","children","Text","Addon","isTextWrapIfEmptyChildren","arguments","length","undefined","React","Children","toArray","some","element","isValidElement","type","Fragment","displayName","createElement"],"sources":["../src/addonText.tsx"],"sourcesContent":["import React from 'react';\n\nexport default function addonText(\n  children: React.ReactNode,\n  Text: React.ComponentType<any>,\n  Addon: React.ComponentType,\n  isTextWrapIfEmptyChildren = false,\n) {\n  if (!isTextWrapIfEmptyChildren && !children) {\n    return false;\n  }\n  return React.Children.toArray(children).some(\n    (element) =>\n      React.isValidElement(element) &&\n      (element.type === React.Fragment ||\n        (element.type as any)['displayName'] === Text.displayName ||\n        (element.type as any)['displayName'] === Addon.displayName),\n  ) ? (\n    children\n  ) : (\n    <Text>{children}</Text>\n  );\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEe,SAASC,SAASA,CAC/BC,QAAyB,EACzBC,IAA8B,EAC9BC,KAA0B,EAE1B;EAAA,IADAC,yBAAyB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAEjC,IAAI,CAACD,yBAAyB,IAAI,CAACH,QAAQ,EAAE;IAC3C,OAAO,KAAK;EACd;EACA,OAAOO,iBAAK,CAACC,QAAQ,CAACC,OAAO,CAACT,QAAQ,CAAC,CAACU,IAAI,CAC1C,UAACC,OAAO;IAAA,OACN,aAAAJ,iBAAK,CAACK,cAAc,CAACD,OAAO,CAAC,KAC5BA,OAAO,CAACE,IAAI,KAAKN,iBAAK,CAACO,QAAQ,IAC7BH,OAAO,CAACE,IAAI,CAAS,aAAa,CAAC,KAAKZ,IAAI,CAACc,WAAW,IACxDJ,OAAO,CAACE,IAAI,CAAS,aAAa,CAAC,KAAKX,KAAK,CAACa,WAAW,CAAC;EAAA,EAChE,GACCf,QAAQ,gBAERJ,MAAA,YAAAoB,aAAA,CAACf,IAAI,QAAED,QAAQ,CAChB;AACH"}

package/libs/utils/lib/addonText.mjs

@@ -0,0 +1,11 @@
+import React from 'react';
+export default function addonText(children, Text, Addon) {
+  var isTextWrapIfEmptyChildren = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  if (!isTextWrapIfEmptyChildren && !children) {
+    return false;
+  }
+  return React.Children.toArray(children).some(function (element) {
+    return /*#__PURE__*/React.isValidElement(element) && (element.type === React.Fragment || element.type['displayName'] === Text.displayName || element.type['displayName'] === Addon.displayName);
+  }) ? children : /*#__PURE__*/React.createElement(Text, null, children);
+}
+//# sourceMappingURL=addonText.mjs.map

package/libs/utils/lib/addonText.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"addonText.mjs","names":["React","addonText","children","Text","Addon","isTextWrapIfEmptyChildren","arguments","length","undefined","Children","toArray","some","element","isValidElement","type","Fragment","displayName","createElement"],"sources":["../src/addonText.tsx"],"sourcesContent":["import React from 'react';\n\nexport default function addonText(\n  children: React.ReactNode,\n  Text: React.ComponentType<any>,\n  Addon: React.ComponentType,\n  isTextWrapIfEmptyChildren = false,\n) {\n  if (!isTextWrapIfEmptyChildren && !children) {\n    return false;\n  }\n  return React.Children.toArray(children).some(\n    (element) =>\n      React.isValidElement(element) &&\n      (element.type === React.Fragment ||\n        (element.type as any)['displayName'] === Text.displayName ||\n        (element.type as any)['displayName'] === Addon.displayName),\n  ) ? (\n    children\n  ) : (\n    <Text>{children}</Text>\n  );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,eAAe,SAASC,SAASA,CAC/BC,QAAyB,EACzBC,IAA8B,EAC9BC,KAA0B,EAE1B;EAAA,IADAC,yBAAyB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAEjC,IAAI,CAACD,yBAAyB,IAAI,CAACH,QAAQ,EAAE;IAC3C,OAAO,KAAK;EACd;EACA,OAAOF,KAAK,CAACS,QAAQ,CAACC,OAAO,CAACR,QAAQ,CAAC,CAACS,IAAI,CAC1C,UAACC,OAAO;IAAA,OACN,aAAAZ,KAAK,CAACa,cAAc,CAACD,OAAO,CAAC,KAC5BA,OAAO,CAACE,IAAI,KAAKd,KAAK,CAACe,QAAQ,IAC7BH,OAAO,CAACE,IAAI,CAAS,aAAa,CAAC,KAAKX,IAAI,CAACa,WAAW,IACxDJ,OAAO,CAACE,IAAI,CAAS,aAAa,CAAC,KAAKV,KAAK,CAACY,WAAW,CAAC;EAAA,EAChE,GACCd,QAAQ,gBAERF,KAAA,CAAAiB,aAAA,CAACd,IAAI,QAAED,QAAQ,CAChB;AACH"}

package/libs/utils/lib/addonTextChildren.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function addonTextChildren(Children: any, Text: React.ComponentType<any>, Addon: React.ComponentType | React.ComponentType[], isTextWrapIfEmptyChildren?: boolean): JSX.Element | null;
+export default addonTextChildren;

package/libs/utils/lib/addonTextChildren.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = _interopRequireDefault(require("react"));
+var _core = require("@semcore/core");
+var _getOriginChildren = _interopRequireDefault(require("./getOriginChildren"));
+var _isNode = _interopRequireDefault(require("./isNode"));
+// @ts-ignore
+
+function addonTextChildren(Children, Text, Addon) {
+  var isTextWrapIfEmptyChildren = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var children = (0, _getOriginChildren["default"])(Children);
+  if (typeof children === 'function') {
+    return /*#__PURE__*/_react["default"].createElement(Children, null);
+  }
+  if (!isTextWrapIfEmptyChildren && !(0, _isNode["default"])(children)) {
+    return null;
+  }
+  return _react["default"].Children.toArray(children).some(function (element) {
+    if (! /*#__PURE__*/_react["default"].isValidElement(element)) return false;
+    if (element.type === _react["default"].Fragment) return true;
+    if (element.type[_core.CHILDREN_COMPONENT]) {
+      var wrapChildren = addonTextChildren(element.type, Text, Addon);
+      if (wrapChildren.type[_core.CHILDREN_COMPONENT]) {
+        return true;
+      } else {
+        element = wrapChildren;
+      }
+    }
+    // @ts-ignore
+    var inheritedNames = element.type[_core.INHERITED_NAME] || [element.type.displayName];
+    var addonNames = Array.isArray(Addon) ? Addon.map(function (Component) {
+      return Component.displayName;
+    }) : [Addon.displayName];
+    return [Text.displayName].concat((0, _toConsumableArray2["default"])(addonNames)).find(function (name) {
+      return inheritedNames.includes(name);
+    });
+  }) ? /*#__PURE__*/_react["default"].createElement(Children, null) : /*#__PURE__*/_react["default"].createElement(Text, null, /*#__PURE__*/_react["default"].createElement(Children, null));
+}
+var _default = addonTextChildren;
+exports["default"] = _default;
+//# sourceMappingURL=addonTextChildren.js.map

package/libs/utils/lib/addonTextChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addonTextChildren.js","names":["_react","_interopRequireDefault","require","_core","_getOriginChildren","_isNode","addonTextChildren","Children","Text","Addon","isTextWrapIfEmptyChildren","arguments","length","undefined","children","getOriginChildren","createElement","isNode","React","toArray","some","element","isValidElement","type","Fragment","CHILDREN_COMPONENT","wrapChildren","inheritedNames","INHERITED_NAME","displayName","addonNames","Array","isArray","map","Component","concat","_toConsumableArray2","find","name","includes","_default","exports"],"sources":["../src/addonTextChildren.tsx"],"sourcesContent":["import React from 'react';\n// @ts-ignore\nimport { CHILDREN_COMPONENT, INHERITED_NAME } from '@semcore/core';\nimport getOriginChildren from './getOriginChildren';\nimport isNode from './isNode';\n\nfunction addonTextChildren(\n  Children: any,\n  Text: React.ComponentType<any>,\n  Addon: React.ComponentType | React.ComponentType[],\n  isTextWrapIfEmptyChildren = false,\n) {\n  const children = getOriginChildren(Children);\n  if (typeof children === 'function') {\n    return <Children />;\n  }\n\n  if (!isTextWrapIfEmptyChildren && !isNode(children)) {\n    return null;\n  }\n  return React.Children.toArray(children).some((element: any) => {\n    if (!React.isValidElement(element)) return false;\n    if (element.type === React.Fragment) return true;\n    if ((element.type as any)[CHILDREN_COMPONENT]) {\n      const wrapChildren: any = addonTextChildren(element.type, Text, Addon);\n      if (wrapChildren.type[CHILDREN_COMPONENT]) {\n        return true;\n      } else {\n        element = wrapChildren;\n      }\n    }\n    // @ts-ignore\n    const inheritedNames = element.type[INHERITED_NAME] || [element.type.displayName];\n    const addonNames = Array.isArray(Addon)\n      ? Addon.map((Component) => Component.displayName)\n      : [Addon.displayName];\n    return [Text.displayName, ...addonNames].find((name) => inheritedNames.includes(name));\n  }) ? (\n    <Children />\n  ) : (\n    <Text>\n      <Children />\n    </Text>\n  );\n}\n\nexport default addonTextChildren;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAHA;;AAKA,SAASI,iBAAiBA,CACxBC,QAAa,EACbC,IAA8B,EAC9BC,KAAkD,EAElD;EAAA,IADAC,yBAAyB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAEjC,IAAMG,QAAQ,GAAG,IAAAC,6BAAiB,EAACR,QAAQ,CAAC;EAC5C,IAAI,OAAOO,QAAQ,KAAK,UAAU,EAAE;IAClC,oBAAOd,MAAA,YAAAgB,aAAA,CAACT,QAAQ,OAAG;EACrB;EAEA,IAAI,CAACG,yBAAyB,IAAI,CAAC,IAAAO,kBAAM,EAACH,QAAQ,CAAC,EAAE;IACnD,OAAO,IAAI;EACb;EACA,OAAOI,iBAAK,CAACX,QAAQ,CAACY,OAAO,CAACL,QAAQ,CAAC,CAACM,IAAI,CAAC,UAACC,OAAY,EAAK;IAC7D,IAAI,eAACH,iBAAK,CAACI,cAAc,CAACD,OAAO,CAAC,EAAE,OAAO,KAAK;IAChD,IAAIA,OAAO,CAACE,IAAI,KAAKL,iBAAK,CAACM,QAAQ,EAAE,OAAO,IAAI;IAChD,IAAKH,OAAO,CAACE,IAAI,CAASE,wBAAkB,CAAC,EAAE;MAC7C,IAAMC,YAAiB,GAAGpB,iBAAiB,CAACe,OAAO,CAACE,IAAI,EAAEf,IAAI,EAAEC,KAAK,CAAC;MACtE,IAAIiB,YAAY,CAACH,IAAI,CAACE,wBAAkB,CAAC,EAAE;QACzC,OAAO,IAAI;MACb,CAAC,MAAM;QACLJ,OAAO,GAAGK,YAAY;MACxB;IACF;IACA;IACA,IAAMC,cAAc,GAAGN,OAAO,CAACE,IAAI,CAACK,oBAAc,CAAC,IAAI,CAACP,OAAO,CAACE,IAAI,CAACM,WAAW,CAAC;IACjF,IAAMC,UAAU,GAAGC,KAAK,CAACC,OAAO,CAACvB,KAAK,CAAC,GACnCA,KAAK,CAACwB,GAAG,CAAC,UAACC,SAAS;MAAA,OAAKA,SAAS,CAACL,WAAW;IAAA,EAAC,GAC/C,CAACpB,KAAK,CAACoB,WAAW,CAAC;IACvB,OAAO,CAACrB,IAAI,CAACqB,WAAW,EAAAM,MAAA,KAAAC,mBAAA,aAAKN,UAAU,GAAEO,IAAI,CAAC,UAACC,IAAI;MAAA,OAAKX,cAAc,CAACY,QAAQ,CAACD,IAAI,CAAC;IAAA,EAAC;EACxF,CAAC,CAAC,gBACAtC,MAAA,YAAAgB,aAAA,CAACT,QAAQ,OAAG,gBAEZP,MAAA,YAAAgB,aAAA,CAACR,IAAI,qBACHR,MAAA,YAAAgB,aAAA,CAACT,QAAQ,OAAG,CAEf;AACH;AAAC,IAAAiC,QAAA,GAEclC,iBAAiB;AAAAmC,OAAA,cAAAD,QAAA"}

package/libs/utils/lib/addonTextChildren.mjs

@@ -0,0 +1,38 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import React from 'react';
+// @ts-ignore
+import { CHILDREN_COMPONENT, INHERITED_NAME } from '@semcore/core';
+import getOriginChildren from "./getOriginChildren.mjs";
+import isNode from "./isNode.mjs";
+function addonTextChildren(Children, Text, Addon) {
+  var isTextWrapIfEmptyChildren = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var children = getOriginChildren(Children);
+  if (typeof children === 'function') {
+    return /*#__PURE__*/React.createElement(Children, null);
+  }
+  if (!isTextWrapIfEmptyChildren && !isNode(children)) {
+    return null;
+  }
+  return React.Children.toArray(children).some(function (element) {
+    if (! /*#__PURE__*/React.isValidElement(element)) return false;
+    if (element.type === React.Fragment) return true;
+    if (element.type[CHILDREN_COMPONENT]) {
+      var wrapChildren = addonTextChildren(element.type, Text, Addon);
+      if (wrapChildren.type[CHILDREN_COMPONENT]) {
+        return true;
+      } else {
+        element = wrapChildren;
+      }
+    }
+    // @ts-ignore
+    var inheritedNames = element.type[INHERITED_NAME] || [element.type.displayName];
+    var addonNames = Array.isArray(Addon) ? Addon.map(function (Component) {
+      return Component.displayName;
+    }) : [Addon.displayName];
+    return [Text.displayName].concat(_toConsumableArray(addonNames)).find(function (name) {
+      return inheritedNames.includes(name);
+    });
+  }) ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(Text, null, /*#__PURE__*/React.createElement(Children, null));
+}
+export default addonTextChildren;
+//# sourceMappingURL=addonTextChildren.mjs.map

package/libs/utils/lib/addonTextChildren.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"addonTextChildren.mjs","names":["React","CHILDREN_COMPONENT","INHERITED_NAME","getOriginChildren","isNode","addonTextChildren","Children","Text","Addon","isTextWrapIfEmptyChildren","arguments","length","undefined","children","createElement","toArray","some","element","isValidElement","type","Fragment","wrapChildren","inheritedNames","displayName","addonNames","Array","isArray","map","Component","concat","_toConsumableArray","find","name","includes"],"sources":["../src/addonTextChildren.tsx"],"sourcesContent":["import React from 'react';\n// @ts-ignore\nimport { CHILDREN_COMPONENT, INHERITED_NAME } from '@semcore/core';\nimport getOriginChildren from './getOriginChildren';\nimport isNode from './isNode';\n\nfunction addonTextChildren(\n  Children: any,\n  Text: React.ComponentType<any>,\n  Addon: React.ComponentType | React.ComponentType[],\n  isTextWrapIfEmptyChildren = false,\n) {\n  const children = getOriginChildren(Children);\n  if (typeof children === 'function') {\n    return <Children />;\n  }\n\n  if (!isTextWrapIfEmptyChildren && !isNode(children)) {\n    return null;\n  }\n  return React.Children.toArray(children).some((element: any) => {\n    if (!React.isValidElement(element)) return false;\n    if (element.type === React.Fragment) return true;\n    if ((element.type as any)[CHILDREN_COMPONENT]) {\n      const wrapChildren: any = addonTextChildren(element.type, Text, Addon);\n      if (wrapChildren.type[CHILDREN_COMPONENT]) {\n        return true;\n      } else {\n        element = wrapChildren;\n      }\n    }\n    // @ts-ignore\n    const inheritedNames = element.type[INHERITED_NAME] || [element.type.displayName];\n    const addonNames = Array.isArray(Addon)\n      ? Addon.map((Component) => Component.displayName)\n      : [Addon.displayName];\n    return [Text.displayName, ...addonNames].find((name) => inheritedNames.includes(name));\n  }) ? (\n    <Children />\n  ) : (\n    <Text>\n      <Children />\n    </Text>\n  );\n}\n\nexport default addonTextChildren;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB;AACA,SAASC,kBAAkB,EAAEC,cAAc,QAAQ,eAAe;AAClE,OAAOC,iBAAiB,MAAM,yBAAqB;AACnD,OAAOC,MAAM,MAAM,cAAU;AAE7B,SAASC,iBAAiBA,CACxBC,QAAa,EACbC,IAA8B,EAC9BC,KAAkD,EAElD;EAAA,IADAC,yBAAyB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAEjC,IAAMG,QAAQ,GAAGV,iBAAiB,CAACG,QAAQ,CAAC;EAC5C,IAAI,OAAOO,QAAQ,KAAK,UAAU,EAAE;IAClC,oBAAOb,KAAA,CAAAc,aAAA,CAACR,QAAQ,OAAG;EACrB;EAEA,IAAI,CAACG,yBAAyB,IAAI,CAACL,MAAM,CAACS,QAAQ,CAAC,EAAE;IACnD,OAAO,IAAI;EACb;EACA,OAAOb,KAAK,CAACM,QAAQ,CAACS,OAAO,CAACF,QAAQ,CAAC,CAACG,IAAI,CAAC,UAACC,OAAY,EAAK;IAC7D,IAAI,eAACjB,KAAK,CAACkB,cAAc,CAACD,OAAO,CAAC,EAAE,OAAO,KAAK;IAChD,IAAIA,OAAO,CAACE,IAAI,KAAKnB,KAAK,CAACoB,QAAQ,EAAE,OAAO,IAAI;IAChD,IAAKH,OAAO,CAACE,IAAI,CAASlB,kBAAkB,CAAC,EAAE;MAC7C,IAAMoB,YAAiB,GAAGhB,iBAAiB,CAACY,OAAO,CAACE,IAAI,EAAEZ,IAAI,EAAEC,KAAK,CAAC;MACtE,IAAIa,YAAY,CAACF,IAAI,CAAClB,kBAAkB,CAAC,EAAE;QACzC,OAAO,IAAI;MACb,CAAC,MAAM;QACLgB,OAAO,GAAGI,YAAY;MACxB;IACF;IACA;IACA,IAAMC,cAAc,GAAGL,OAAO,CAACE,IAAI,CAACjB,cAAc,CAAC,IAAI,CAACe,OAAO,CAACE,IAAI,CAACI,WAAW,CAAC;IACjF,IAAMC,UAAU,GAAGC,KAAK,CAACC,OAAO,CAAClB,KAAK,CAAC,GACnCA,KAAK,CAACmB,GAAG,CAAC,UAACC,SAAS;MAAA,OAAKA,SAAS,CAACL,WAAW;IAAA,EAAC,GAC/C,CAACf,KAAK,CAACe,WAAW,CAAC;IACvB,OAAO,CAAChB,IAAI,CAACgB,WAAW,EAAAM,MAAA,CAAAC,kBAAA,CAAKN,UAAU,GAAEO,IAAI,CAAC,UAACC,IAAI;MAAA,OAAKV,cAAc,CAACW,QAAQ,CAACD,IAAI,CAAC;IAAA,EAAC;EACxF,CAAC,CAAC,gBACAhC,KAAA,CAAAc,aAAA,CAACR,QAAQ,OAAG,gBAEZN,KAAA,CAAAc,aAAA,CAACP,IAAI,qBACHP,KAAA,CAAAc,aAAA,CAACR,QAAQ,OAAG,CAEf;AACH;AAEA,eAAeD,iBAAiB"}

package/libs/utils/lib/assignProps.d.ts

@@ -0,0 +1,13 @@
+import { CSSProperties, Ref } from 'react';
+export declare function callAllEventHandlers(...fns: Array<Function | undefined>): (...args: any[]) => boolean;
+export declare function assignHandlers(props: any, source: any): any;
+export interface AssignableProps {
+    ref?: Ref<any>;
+    style?: CSSProperties;
+    className?: string;
+    styles?: {
+        [key: string]: string;
+    };
+    [key: string]: any;
+}
+export default function assignProps<P extends AssignableProps, S extends AssignableProps>(props?: P, source?: S): any;