@meonode/ui 0.1.115 → 0.1.117
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/common.helper.js +1 -1
- package/dist/core.node.d.ts +17 -14
- package/dist/core.node.d.ts.map +1 -1
- package/dist/core.node.js +14 -11
- package/dist/html.node.js +1 -1
- package/dist/node.helper.d.ts +52 -12
- package/dist/node.helper.d.ts.map +1 -1
- package/dist/node.helper.js +102 -15
- package/dist/node.type.d.ts +10 -5
- package/dist/node.type.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/common.helper.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}import{isContextConsumer,isContextProvider,isElement,isForwardRef,isFragment,isLazy,isMemo,isPortal,isProfiler,isReactClassComponent,isStrictMode,isSuspense,isSuspenseList}from"./react-is.helper
|
|
1
|
+
function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}import{isContextConsumer,isContextProvider,isElement,isForwardRef,isFragment,isLazy,isMemo,isPortal,isProfiler,isReactClassComponent,isStrictMode,isSuspense,isSuspenseList}from"./react-is.helper";import cssProperties from"./data/css-properties";/**
|
|
2
2
|
* Retrieves a deeply nested value from an object using a dot-separated string path.
|
|
3
3
|
*
|
|
4
4
|
* This function traverses an object based on the provided path, which is a
|
package/dist/core.node.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ElementType, type ReactNode, type ReactElement } from 'react';
|
|
2
|
-
import type { FinalNodeProps, HasRequiredProps, NodeElement, NodeInstance, NodeProps, PropsOf, RawNodeProps, Theme } from './node.type
|
|
2
|
+
import type { FinalNodeProps, HasRequiredProps, NodeElement, NodeInstance, NodeProps, PropsOf, RawNodeProps, Theme } from './node.type';
|
|
3
3
|
import { type Root as ReactDOMRoot } from 'react-dom/client';
|
|
4
4
|
/**
|
|
5
5
|
* Represents a node in a React component tree with theme and styling capabilities.
|
|
@@ -10,7 +10,7 @@ import { type Root as ReactDOMRoot } from 'react-dom/client';
|
|
|
10
10
|
* - Style processing with theme variables
|
|
11
11
|
* @template E The type of React element or component this node represents
|
|
12
12
|
*/
|
|
13
|
-
export declare class BaseNode<E extends NodeElement
|
|
13
|
+
export declare class BaseNode<E extends NodeElement> implements NodeInstance<E> {
|
|
14
14
|
/** The underlying React element or component type that this node represents */
|
|
15
15
|
element: E;
|
|
16
16
|
/** Original props passed during construction, preserved for cloning/recreation */
|
|
@@ -99,19 +99,22 @@ export declare class BaseNode<E extends NodeElement = NodeElement> implements No
|
|
|
99
99
|
toPortal(): ReactDOMRoot | null;
|
|
100
100
|
}
|
|
101
101
|
/**
|
|
102
|
-
* Factory function to create a BaseNode instance.
|
|
103
|
-
* @
|
|
102
|
+
* Factory function to create a `BaseNode` instance.
|
|
103
|
+
* @template AdditionalProps Additional props to merge with node props.
|
|
104
|
+
* @template E The React element or component type.
|
|
105
|
+
* @param element The React element or component type to wrap.
|
|
104
106
|
* @param props The props for the node (optional).
|
|
105
|
-
* @
|
|
107
|
+
* @param additionalProps Additional props to merge into the node (optional).
|
|
108
|
+
* @returns A new `BaseNode` instance as a `NodeInstance<E>`.
|
|
106
109
|
*/
|
|
107
|
-
export declare function Node<E extends NodeElement>(element: E, props?: NodeProps<E>): NodeInstance<E>;
|
|
110
|
+
export declare function Node<AdditionalProps extends Record<string, any>, E extends NodeElement>(element: E, props?: NodeProps<E> & AdditionalProps, additionalProps?: AdditionalProps): NodeInstance<E>;
|
|
108
111
|
/**
|
|
109
112
|
* Creates a curried node factory for a given React element or component type.
|
|
110
113
|
*
|
|
111
114
|
* Returns a function that, when called with props, produces a `BaseNode` instance.
|
|
112
115
|
* Useful for creating reusable node factories for specific components or element types.
|
|
116
|
+
* @template AdditionalInitialProps Additional initial props to merge with node props.
|
|
113
117
|
* @template E The React element or component type.
|
|
114
|
-
* @template InitialProps Additional props to merge with node props.
|
|
115
118
|
* @param element The React element or component type to wrap.
|
|
116
119
|
* @param initialProps Initial props to apply to every node instance.
|
|
117
120
|
* @returns A function that takes node props and returns a `NodeInstance<E>`.
|
|
@@ -119,25 +122,25 @@ export declare function Node<E extends NodeElement>(element: E, props?: NodeProp
|
|
|
119
122
|
* const ButtonNode = createNode('button', { type: 'button' });
|
|
120
123
|
* const myButton = ButtonNode({ children: 'Click me', style: { color: 'red' } });
|
|
121
124
|
*/
|
|
122
|
-
export declare function createNode<
|
|
125
|
+
export declare function createNode<AdditionalInitialProps extends Record<string, any>, E extends NodeElement>(element: E, initialProps?: NodeProps<E> & AdditionalInitialProps): HasRequiredProps<PropsOf<E>> extends true ? <AdditionalProps extends Record<string, any> = Record<string, any>>(props: NodeProps<E> & AdditionalProps) => NodeInstance<E> : <AdditionalProps extends Record<string, any> = Record<string, any>>(props?: NodeProps<E> & AdditionalProps) => NodeInstance<E>;
|
|
123
126
|
/**
|
|
124
127
|
* Creates a node factory function where the first argument is `children` and the second is `props`.
|
|
125
128
|
*
|
|
126
|
-
*
|
|
127
|
-
* such as
|
|
129
|
+
* Useful for ergonomic creation of nodes where children are the primary concern,
|
|
130
|
+
* such as layout or container components.
|
|
128
131
|
*
|
|
129
132
|
* The returned function takes `children` as the first argument and `props` (excluding `children`) as the second.
|
|
130
133
|
* It merges any `initialProps` provided at factory creation, then creates a `BaseNode` instance.
|
|
131
134
|
*
|
|
132
135
|
* Type parameters:
|
|
133
|
-
* - `
|
|
136
|
+
* - `AdditionalInitialProps`: Extra props to merge with node props.
|
|
134
137
|
* - `E`: The React element or component type.
|
|
135
138
|
* @param element The React element or component type to wrap.
|
|
136
139
|
* @param initialProps Initial props to apply to every node instance (excluding `children`).
|
|
137
140
|
* @returns A function that takes `children` and `props`, returning a `NodeInstance<E>`.
|
|
138
141
|
* @example
|
|
139
|
-
* const
|
|
140
|
-
* const myDiv =
|
|
142
|
+
* const Text = createChildrenFirstNode('p');
|
|
143
|
+
* const myDiv = Text('Hello', { className: 'text-lg' });
|
|
141
144
|
*/
|
|
142
|
-
export declare function createChildrenFirstNode<
|
|
145
|
+
export declare function createChildrenFirstNode<AdditionalInitialProps extends Record<string, any>, E extends ElementType>(element: E, initialProps?: Omit<NodeProps<E> & AdditionalInitialProps, 'children'>): HasRequiredProps<PropsOf<E>> extends true ? <AdditionalProps extends Record<string, any> = Record<string, any>>(children: NodeElement | NodeElement[], props: Omit<NodeProps<E> & AdditionalProps, 'children'>) => NodeInstance<E> : <AdditionalProps extends Record<string, any> = Record<string, any>>(children?: NodeElement | NodeElement[], props?: Omit<NodeProps<E> & AdditionalProps, 'children'>) => NodeInstance<E>;
|
|
143
146
|
//# sourceMappingURL=core.node.d.ts.map
|
package/dist/core.node.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"core.node.d.ts","sourceRoot":"","sources":["../src/core.node.ts"],"names":[],"mappings":"AACA,OAAc,EAAgD,KAAK,WAAW,EAA4B,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAA;AAC1J,OAAO,KAAK,EACV,cAAc,EAEd,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,SAAS,EACT,OAAO,EACP,YAAY,EACZ,KAAK,EACN,MAAM,
|
|
1
|
+
{"version":3,"file":"core.node.d.ts","sourceRoot":"","sources":["../src/core.node.ts"],"names":[],"mappings":"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"}
|
package/dist/core.node.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var _excluded=["ref","key","children","nodetheme","theme","props"],_excluded2=["style","theme"],_excluded3=["style"],_excluded4=["style"],_excluded5=["children","key"];function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],-1===b.indexOf(c)&&{}.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c={};for(var d in a)if({}.hasOwnProperty.call(a,d)){if(-1!==b.indexOf(d))continue;c[d]=a[d]}return c}function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _defineProperty(a,b,c){return(b=_toPropertyKey(b))in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _toPropertyKey(a){var b=_toPrimitive(a,"string");return"symbol"==_typeof(b)?b:b+""}function _toPrimitive(a,b){if("object"!=_typeof(a)||!a)return a;var c=a[Symbol.toPrimitive];if(void 0!==c){var d=c.call(a,b||"default");if("object"!=_typeof(d))return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===b?String:Number)(a)}import React,{Fragment,createElement,isValidElement}from"react";import{isNodeInstance,resolveDefaultStyle,resolveObjWithTheme}from"./node.helper
|
|
1
|
+
"use strict";var _excluded=["ref","key","children","nodetheme","theme","props"],_excluded2=["style","theme"],_excluded3=["style"],_excluded4=["style"],_excluded5=["children","key"];function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],-1===b.indexOf(c)&&{}.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c={};for(var d in a)if({}.hasOwnProperty.call(a,d)){if(-1!==b.indexOf(d))continue;c[d]=a[d]}return c}function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _defineProperty(a,b,c){return(b=_toPropertyKey(b))in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _toPropertyKey(a){var b=_toPrimitive(a,"string");return"symbol"==_typeof(b)?b:b+""}function _toPrimitive(a,b){if("object"!=_typeof(a)||!a)return a;var c=a[Symbol.toPrimitive];if(void 0!==c){var d=c.call(a,b||"default");if("object"!=_typeof(d))return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===b?String:Number)(a)}import React,{Fragment,createElement,isValidElement}from"react";import{isNodeInstance,resolveDefaultStyle,resolveObjWithTheme}from"./node.helper";import{isForwardRef,isFragment,isMemo,isReactClassComponent,isValidElementType}from"./react-is.helper";import{createRoot}from"react-dom/client";import{getComponentType,getCSSProps,getDOMProps,getElementTypeName}from"./common.helper";/**
|
|
2
2
|
* Represents a node in a React component tree with theme and styling capabilities.
|
|
3
3
|
* This class wraps React elements and handles:
|
|
4
4
|
* - Props processing and normalization
|
|
@@ -113,17 +113,20 @@ if(void 0!==d&&null!==d)if(!Array.isArray(d))g=this._normalizeChild(d);else if(0
|
|
|
113
113
|
// Check if all children are null/undefined (e.g., conditional rendering resulted in nothing)
|
|
114
114
|
g=h.every(function(a){return null===a||void 0===a})?void 0:h}else g=void 0;// Prepare props for React.createElement
|
|
115
115
|
var i;return i=this.element===Fragment||isFragment(this.element)?{key:e}:_objectSpread(_objectSpread({},f),{},{key:e}),createElement(this.element,i,g)}_ensurePortalInfrastructure(){if("undefined"==typeof window)return!1;if(this._portalDOMElement&&this._portalReactRoot)return!0;if(this._portalDOMElement&&!this._portalDOMElement.isConnected&&(this._portalDOMElement=null,this._portalDOMElement=null),this._portalDOMElement||(this._portalDOMElement=document.createElement("div"),document.body.appendChild(this._portalDOMElement)),!this._portalReactRoot){if(!this._portalDOMElement)return!1;this._portalReactRoot=createRoot(this._portalDOMElement)}return!0}toPortal(){var a=this;if(!this._ensurePortalInfrastructure()||!this._portalReactRoot)return null;var b=this.render();return this._portalReactRoot.render(b),_objectSpread(_objectSpread({},this._portalReactRoot),{},{unmount:function unmount(){a._portalReactRoot&&(a._portalReactRoot.unmount(),a._portalReactRoot=null),a._portalDOMElement&&(a._portalDOMElement.parentNode&&a._portalDOMElement.parentNode.removeChild(a._portalDOMElement),a._portalDOMElement=null)}})}}/**
|
|
116
|
-
* Factory function to create a BaseNode instance.
|
|
117
|
-
* @
|
|
116
|
+
* Factory function to create a `BaseNode` instance.
|
|
117
|
+
* @template AdditionalProps Additional props to merge with node props.
|
|
118
|
+
* @template E The React element or component type.
|
|
119
|
+
* @param element The React element or component type to wrap.
|
|
118
120
|
* @param props The props for the node (optional).
|
|
119
|
-
* @
|
|
120
|
-
|
|
121
|
+
* @param additionalProps Additional props to merge into the node (optional).
|
|
122
|
+
* @returns A new `BaseNode` instance as a `NodeInstance<E>`.
|
|
123
|
+
*/export function Node(a){var b=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{},c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{},d=_objectSpread(_objectSpread({},b),c);return d.theme&&!d.nodetheme&&(d.nodetheme=d.theme),new BaseNode(a,d)}/**
|
|
121
124
|
* Creates a curried node factory for a given React element or component type.
|
|
122
125
|
*
|
|
123
126
|
* Returns a function that, when called with props, produces a `BaseNode` instance.
|
|
124
127
|
* Useful for creating reusable node factories for specific components or element types.
|
|
128
|
+
* @template AdditionalInitialProps Additional initial props to merge with node props.
|
|
125
129
|
* @template E The React element or component type.
|
|
126
|
-
* @template InitialProps Additional props to merge with node props.
|
|
127
130
|
* @param element The React element or component type to wrap.
|
|
128
131
|
* @param initialProps Initial props to apply to every node instance.
|
|
129
132
|
* @returns A function that takes node props and returns a `NodeInstance<E>`.
|
|
@@ -133,19 +136,19 @@ var i;return i=this.element===Fragment||isFragment(this.element)?{key:e}:_object
|
|
|
133
136
|
*/export function createNode(a,b){return function(c){return Node(a,_objectSpread(_objectSpread({},b),c))}}/**
|
|
134
137
|
* Creates a node factory function where the first argument is `children` and the second is `props`.
|
|
135
138
|
*
|
|
136
|
-
*
|
|
137
|
-
* such as
|
|
139
|
+
* Useful for ergonomic creation of nodes where children are the primary concern,
|
|
140
|
+
* such as layout or container components.
|
|
138
141
|
*
|
|
139
142
|
* The returned function takes `children` as the first argument and `props` (excluding `children`) as the second.
|
|
140
143
|
* It merges any `initialProps` provided at factory creation, then creates a `BaseNode` instance.
|
|
141
144
|
*
|
|
142
145
|
* Type parameters:
|
|
143
|
-
* - `
|
|
146
|
+
* - `AdditionalInitialProps`: Extra props to merge with node props.
|
|
144
147
|
* - `E`: The React element or component type.
|
|
145
148
|
* @param element The React element or component type to wrap.
|
|
146
149
|
* @param initialProps Initial props to apply to every node instance (excluding `children`).
|
|
147
150
|
* @returns A function that takes `children` and `props`, returning a `NodeInstance<E>`.
|
|
148
151
|
* @example
|
|
149
|
-
* const
|
|
150
|
-
* const myDiv =
|
|
152
|
+
* const Text = createChildrenFirstNode('p');
|
|
153
|
+
* const myDiv = Text('Hello', { className: 'text-lg' });
|
|
151
154
|
*/export function createChildrenFirstNode(a,b){return function(c,d){return Node(a,_objectSpread(_objectSpread(_objectSpread({},b),d),{},{children:c}))}}
|
package/dist/html.node.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";import{createNode,createChildrenFirstNode}from"./core.node
|
|
1
|
+
"use strict";import{createNode,createChildrenFirstNode}from"./core.node";// Layout components
|
|
2
2
|
/**
|
|
3
3
|
* Represents a div element.
|
|
4
4
|
* @param props Optional properties for the div element.
|
package/dist/node.helper.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { CSSProperties } from 'react';
|
|
2
|
-
import type { NodeInstance } from './node.type
|
|
2
|
+
import type { NodeInstance } from './node.type';
|
|
3
3
|
/**
|
|
4
4
|
* Type guard to check if an object is a NodeInstance.
|
|
5
5
|
*
|
|
@@ -28,18 +28,58 @@ export declare const resolveObjWithTheme: (obj?: Record<string, any>, theme?: Pa
|
|
|
28
28
|
[key: string]: any;
|
|
29
29
|
}> | undefined) => any;
|
|
30
30
|
/**
|
|
31
|
-
* Resolves default styles
|
|
32
|
-
* This method ensures that certain default styles, such as `minHeight`, `minWidth`,
|
|
33
|
-
* and `flexShrink`, are applied based on the provided style properties.
|
|
31
|
+
* Resolves default CSS styles to fix common flexbox layout issues.
|
|
34
32
|
*
|
|
35
|
-
*
|
|
36
|
-
*
|
|
37
|
-
*
|
|
38
|
-
*
|
|
39
|
-
*
|
|
40
|
-
*
|
|
41
|
-
*
|
|
42
|
-
*
|
|
33
|
+
* PRIMARY PURPOSE: Fix the flexbox scrolling problem
|
|
34
|
+
* ================================================
|
|
35
|
+
*
|
|
36
|
+
* THE PROBLEM:
|
|
37
|
+
* By default, flex items have `min-width: auto` and `min-height: auto`, which means they
|
|
38
|
+
* cannot shrink below their content size. This prevents scrollable containers from working
|
|
39
|
+
* properly when they are flex items.
|
|
40
|
+
*
|
|
41
|
+
* THE SOLUTION:
|
|
42
|
+
* 1. Set `minHeight: 0` and `minWidth: 0` to allow flex items to shrink
|
|
43
|
+
* 2. Control `flexShrink` behavior based on context to prevent unwanted shrinking
|
|
44
|
+
* 3. Respect user's explicit values to avoid overriding intentional styling
|
|
45
|
+
*
|
|
46
|
+
* FLEX SHRINK BEHAVIOR RULES:
|
|
47
|
+
* ===========================
|
|
48
|
+
*
|
|
49
|
+
* For FLEX CONTAINERS:
|
|
50
|
+
* - If overflow is NOT handled AND no wrapping → flexShrink: 0 (prevent shrinking)
|
|
51
|
+
* - If overflow is handled OR wrapping enabled → flexShrink: undefined (allow default)
|
|
52
|
+
*
|
|
53
|
+
* For NON-FLEX CONTAINERS (flex items):
|
|
54
|
+
* - Always → flexShrink: 0 (prevent unwanted shrinking)
|
|
55
|
+
*
|
|
56
|
+
* NESTED SCENARIOS:
|
|
57
|
+
* ================
|
|
58
|
+
* An element can be both a flex container AND a flex item simultaneously.
|
|
59
|
+
* This function handles this correctly by checking if the element itself is a container,
|
|
60
|
+
* not whether it's inside a flex context.
|
|
61
|
+
*
|
|
62
|
+
* EXPLICIT VALUE PRESERVATION:
|
|
63
|
+
* ===========================
|
|
64
|
+
* - If user sets `flexShrink` explicitly → never override
|
|
65
|
+
* - If user sets `flex` shorthand → extract and use the shrink value from it
|
|
66
|
+
* - Otherwise → apply smart defaults based on context
|
|
67
|
+
* @param style The input CSSProperties object to process
|
|
68
|
+
* @returns Processed CSSProperties with resolved defaults
|
|
69
|
+
* @example
|
|
70
|
+
* // Fix scrollable flex item
|
|
71
|
+
* resolveDefaultStyle({
|
|
72
|
+
* overflow: 'auto',
|
|
73
|
+
* height: '200px'
|
|
74
|
+
* })
|
|
75
|
+
* // → { overflow: 'auto', height: '200px', flexShrink: 0, minHeight: 0, minWidth: 0 }
|
|
76
|
+
* @example
|
|
77
|
+
* // Flex container with wrapping (allows shrinking)
|
|
78
|
+
* resolveDefaultStyle({
|
|
79
|
+
* display: 'flex',
|
|
80
|
+
* flexWrap: 'wrap'
|
|
81
|
+
* })
|
|
82
|
+
* // → { display: 'flex', flexWrap: 'wrap', minHeight: 0, minWidth: 0 }
|
|
43
83
|
*/
|
|
44
84
|
export declare const resolveDefaultStyle: (style: CSSProperties) => {
|
|
45
85
|
accentColor?: import("csstype").Property.AccentColor | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"node.helper.d.ts","sourceRoot":"","sources":["../src/node.helper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"node.helper.d.ts","sourceRoot":"","sources":["../src/node.helper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAS,MAAM,gBAAgB,CAAA;AAGzD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,4CAS1B,CAAA;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB;;sBA+G/B,CAAA;AA+DD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiE/B,CAAA"}
|
package/dist/node.helper.js
CHANGED
|
@@ -35,18 +35,105 @@ var e=a[n],f=e;if("function"==typeof e||"object"===_typeof(e)&&null!==e&&!Array.
|
|
|
35
35
|
"object"!==_typeof(e)&&"string"!=typeof e)f=e;else if("string"==typeof e&&e.includes("theme.")){var g=e,h=!1;g=g.replace(/theme\.([a-zA-Z0-9_.-]+)/g,function(a,c){var d=getValueByPath(b,c);return void 0!==d&&null!==d?(h=!0,"object"===_typeof(d)&&!Array.isArray(d)&&"default"in d?d["default"]:d):a}),f=h&&g!==e?g:e}else"object"===_typeof(e)&&null!==e&&(// Recursively process nested objects or arrays
|
|
36
36
|
f=c(e,d));f===e?l&&(k[n]=e):(!l&&(k=_objectSpread({},a),l=!0),k[n]=f)};for(var n in a)m();return k};// Initial call, ensure `obj` could be an array as well
|
|
37
37
|
return c(a,new Set)};/**
|
|
38
|
-
*
|
|
39
|
-
*
|
|
40
|
-
*
|
|
41
|
-
*
|
|
42
|
-
* -
|
|
43
|
-
|
|
44
|
-
*
|
|
45
|
-
*
|
|
46
|
-
*
|
|
47
|
-
*
|
|
48
|
-
*
|
|
49
|
-
*
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
38
|
+
* Parsed flex shorthand components for CSS flex property
|
|
39
|
+
* @interface FlexComponents
|
|
40
|
+
* @property grow - The flex-grow value (how much the item should grow)
|
|
41
|
+
* @property shrink - The flex-shrink value (how much the item should shrink)
|
|
42
|
+
* @property basis - The flex-basis value (initial main size before free space is distributed)
|
|
43
|
+
*//**
|
|
44
|
+
* Parses a CSS flex shorthand property into its individual components.
|
|
45
|
+
*
|
|
46
|
+
* The CSS flex property is a shorthand for flex-grow, flex-shrink, and flex-basis.
|
|
47
|
+
* This parser handles the most common flex shorthand patterns to extract the shrink value
|
|
48
|
+
* when it's explicitly set by the user.
|
|
49
|
+
*
|
|
50
|
+
* Supported patterns:
|
|
51
|
+
* - Keywords: 'none' | 'auto' | 'initial'
|
|
52
|
+
* - Single number: '1' → {grow: 1, shrink: 1, basis: '0%'}
|
|
53
|
+
* - Full shorthand: '1 0 auto' → {grow: 1, shrink: 0, basis: 'auto'}
|
|
54
|
+
* @param flex The CSS flex property value to parse
|
|
55
|
+
* @returns FlexComponents object with parsed values, or null if unparseable
|
|
56
|
+
* @example
|
|
57
|
+
* parseFlexShorthand('none') // → {grow: 0, shrink: 0, basis: 'auto'}
|
|
58
|
+
* parseFlexShorthand('1') // → {grow: 1, shrink: 1, basis: '0%'}
|
|
59
|
+
* parseFlexShorthand('1 0 auto') // → {grow: 1, shrink: 0, basis: 'auto'}
|
|
60
|
+
*/function parseFlexShorthand(a){// Early returns for invalid inputs
|
|
61
|
+
if(null===a||a===void 0)return null;// Handle numeric flex values (e.g., flex: 1)
|
|
62
|
+
if("number"==typeof a)return{grow:a,shrink:1,basis:"0%"};// Only process string values
|
|
63
|
+
if("string"!=typeof a)return null;var b=a.trim().toLowerCase();if(!b)return null;// Handle CSS keyword values
|
|
64
|
+
return"none"===b?{grow:0,shrink:0,basis:"auto"}:"auto"===b?{grow:1,shrink:1,basis:"auto"}:"initial"===b?{grow:0,shrink:1,basis:"auto"}:null}/**
|
|
65
|
+
* Resolves default CSS styles to fix common flexbox layout issues.
|
|
66
|
+
*
|
|
67
|
+
* PRIMARY PURPOSE: Fix the flexbox scrolling problem
|
|
68
|
+
* ================================================
|
|
69
|
+
*
|
|
70
|
+
* THE PROBLEM:
|
|
71
|
+
* By default, flex items have `min-width: auto` and `min-height: auto`, which means they
|
|
72
|
+
* cannot shrink below their content size. This prevents scrollable containers from working
|
|
73
|
+
* properly when they are flex items.
|
|
74
|
+
*
|
|
75
|
+
* THE SOLUTION:
|
|
76
|
+
* 1. Set `minHeight: 0` and `minWidth: 0` to allow flex items to shrink
|
|
77
|
+
* 2. Control `flexShrink` behavior based on context to prevent unwanted shrinking
|
|
78
|
+
* 3. Respect user's explicit values to avoid overriding intentional styling
|
|
79
|
+
*
|
|
80
|
+
* FLEX SHRINK BEHAVIOR RULES:
|
|
81
|
+
* ===========================
|
|
82
|
+
*
|
|
83
|
+
* For FLEX CONTAINERS:
|
|
84
|
+
* - If overflow is NOT handled AND no wrapping → flexShrink: 0 (prevent shrinking)
|
|
85
|
+
* - If overflow is handled OR wrapping enabled → flexShrink: undefined (allow default)
|
|
86
|
+
*
|
|
87
|
+
* For NON-FLEX CONTAINERS (flex items):
|
|
88
|
+
* - Always → flexShrink: 0 (prevent unwanted shrinking)
|
|
89
|
+
*
|
|
90
|
+
* NESTED SCENARIOS:
|
|
91
|
+
* ================
|
|
92
|
+
* An element can be both a flex container AND a flex item simultaneously.
|
|
93
|
+
* This function handles this correctly by checking if the element itself is a container,
|
|
94
|
+
* not whether it's inside a flex context.
|
|
95
|
+
*
|
|
96
|
+
* EXPLICIT VALUE PRESERVATION:
|
|
97
|
+
* ===========================
|
|
98
|
+
* - If user sets `flexShrink` explicitly → never override
|
|
99
|
+
* - If user sets `flex` shorthand → extract and use the shrink value from it
|
|
100
|
+
* - Otherwise → apply smart defaults based on context
|
|
101
|
+
* @param style The input CSSProperties object to process
|
|
102
|
+
* @returns Processed CSSProperties with resolved defaults
|
|
103
|
+
* @example
|
|
104
|
+
* // Fix scrollable flex item
|
|
105
|
+
* resolveDefaultStyle({
|
|
106
|
+
* overflow: 'auto',
|
|
107
|
+
* height: '200px'
|
|
108
|
+
* })
|
|
109
|
+
* // → { overflow: 'auto', height: '200px', flexShrink: 0, minHeight: 0, minWidth: 0 }
|
|
110
|
+
* @example
|
|
111
|
+
* // Flex container with wrapping (allows shrinking)
|
|
112
|
+
* resolveDefaultStyle({
|
|
113
|
+
* display: 'flex',
|
|
114
|
+
* flexWrap: 'wrap'
|
|
115
|
+
* })
|
|
116
|
+
* // → { display: 'flex', flexWrap: 'wrap', minHeight: 0, minWidth: 0 }
|
|
117
|
+
*/export var resolveDefaultStyle=function resolveDefaultStyle(a){var b,c=a.flex,d=_objectWithoutProperties(a,_excluded),e="flex"===d.display||"inline-flex"===d.display,f=!!(d.overflow||d.overflowY||d.overflowX),g=(null===(b=d.flexFlow)||void 0===b?void 0:b.includes("wrap"))||"wrap"===d.flexWrap||"wrap-reverse"===d.flexWrap,h="flexShrink"in a&&a.flexShrink!==void 0,i=c?parseFlexShorthand(c):null,j=void 0;// === STEP 1: EXTRACT FLEX PROPERTY ===
|
|
118
|
+
// Extract flex shorthand to handle it separately from individual flex properties
|
|
119
|
+
// === STEP 2: ANALYZE LAYOUT CONTEXT ===
|
|
120
|
+
// Determine what kind of element we're dealing with
|
|
121
|
+
// Check if overflow is set (any overflow value indicates potential scrolling)
|
|
122
|
+
// Check if flex wrapping is enabled (allows items to wrap to new lines)
|
|
123
|
+
// === STEP 3: CHECK FOR EXPLICIT USER VALUES ===
|
|
124
|
+
// Respect user's explicit flexShrink setting
|
|
125
|
+
// Extract shrink value from flex shorthand if provided
|
|
126
|
+
// === STEP 4: DETERMINE FLEX SHRINK BEHAVIOR ===
|
|
127
|
+
// Only set flexShrink if user hasn't explicitly provided it
|
|
128
|
+
if(!h)// If flex shorthand contains a shrink value, use that
|
|
129
|
+
if(i)j=i.shrink;else// Apply context-based defaults
|
|
130
|
+
if(!e)// NON-FLEX CONTAINER LOGIC:
|
|
131
|
+
// Default flex-shrink to 0 to prevent unwanted shrinking of flex items
|
|
132
|
+
j=0;else// FLEX CONTAINER LOGIC:
|
|
133
|
+
// Only prevent shrinking when container is constrained (no overflow handling, no wrapping)
|
|
134
|
+
if(!f){var k="column"===d.flexDirection||"column-reverse"===d.flexDirection,l="row"===d.flexDirection||"row-reverse"===d.flexDirection||!d.flexDirection;k&&!g?j=0:l&&!g&&(j=0)}// === STEP 5: RETURN RESOLVED STYLES ===
|
|
135
|
+
// Combine all processed styles with essential defaults
|
|
136
|
+
return _objectSpread({flex:c,// Preserve original flex shorthand
|
|
137
|
+
flexShrink:j,// Apply computed or explicit flexShrink
|
|
138
|
+
minHeight:0,// Fix flex item scrolling issues
|
|
139
|
+
minWidth:0},d)};
|
package/dist/node.type.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { type Attributes as ReactAttributes, type
|
|
1
|
+
import React, { type Attributes as ReactAttributes, type CSSProperties, type ReactNode, type JSX, type ElementType, type ComponentType, type JSXElementConstructor, type Component, type Ref, type ExoticComponent, type FragmentProps, type ReactElement } from 'react';
|
|
2
2
|
import type { Root as ReactDOMRoot } from 'react-dom/client';
|
|
3
3
|
// --- Utility Types ---
|
|
4
4
|
// Utility to get keys of required properties in a type T.
|
|
@@ -33,11 +33,16 @@ export interface NodeInstance<T extends NodeElement = NodeElement> {
|
|
|
33
33
|
toPortal(): ReactDOMRoot | null;
|
|
34
34
|
}
|
|
35
35
|
/**
|
|
36
|
-
*
|
|
37
|
-
*
|
|
38
|
-
*
|
|
36
|
+
* Infers the props type for a given NodeElement.
|
|
37
|
+
* - For intrinsic JSX elements (e.g., 'div', 'span'), returns the corresponding JSX.IntrinsicElements props.
|
|
38
|
+
* - For React components (function or class), infers the props from the component type.
|
|
39
|
+
* - For objects with a `props` property, infers the type from that property.
|
|
40
|
+
* - Otherwise, resolves to `never`.
|
|
41
|
+
* @template E - The NodeElement type to extract props from.
|
|
39
42
|
*/
|
|
40
|
-
export type PropsOf<E extends NodeElement> = E extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[E] : E extends JSXElementConstructor<
|
|
43
|
+
export type PropsOf<E extends NodeElement> = E extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[E] : E extends JSXElementConstructor<infer P> ? P : E extends {
|
|
44
|
+
props: infer Q;
|
|
45
|
+
} ? Q : never;
|
|
41
46
|
/**
|
|
42
47
|
* Theme configuration object that can be passed through the node tree.
|
|
43
48
|
* Supports nested theme properties for complex styling systems:
|
package/dist/node.type.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"node.type.d.ts","sourceRoot":"","sources":["../src/node.type.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,KAAK,UAAU,IAAI,eAAe,EAClC,KAAK,
|
|
1
|
+
{"version":3,"file":"node.type.d.ts","sourceRoot":"","sources":["../src/node.type.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@meonode/ui",
|
|
3
3
|
"description": "A structured approach to component composition, direct CSS-first prop styling, built-in theming, smart prop handling (including raw property pass-through), and dynamic children.",
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.117",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/main.js",
|
|
7
7
|
"types": "./dist/main.d.ts",
|