@wordpress/block-library 8.13.0 → 8.15.0

package/build-module/utils/interactivity/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/utils/interactivity/constants.js"],"names":["directivePrefix"],"mappings":"AAAA,OAAO,MAAMA,eAAe,GAAG,IAAxB","sourcesContent":["export const directivePrefix = 'wp';\n"]}

package/build-module/utils/interactivity/directives.js

@@ -1,209 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * External dependencies
- */
-import { useContext, useMemo, useEffect } from 'preact/hooks';
-import { deepSignal, peek } from 'deepsignal';
-/**
- * Internal dependencies
- */
-
-import { createPortal } from './portals.js';
-/**
- * Internal dependencies
- */
-
-import { useSignalEffect } from './utils';
-import { directive } from './hooks';
-
-const isObject = item => item && typeof item === 'object' && !Array.isArray(item);
-
-const mergeDeepSignals = (target, source) => {
-  for (const k in source) {
-    if (typeof peek(target, k) === 'undefined') {
-      target[`$${k}`] = source[`$${k}`];
-    } else if (isObject(peek(target, k)) && isObject(peek(source, k))) {
-      mergeDeepSignals(target[`$${k}`].peek(), source[`$${k}`].peek());
-    }
-  }
-};
-
-export default (() => {
-  // data-wp-context
-  directive('context', ({
-    directives: {
-      context: {
-        default: context
-      }
-    },
-    props: {
-      children
-    },
-    context: inherited
-  }) => {
-    const {
-      Provider
-    } = inherited;
-    const inheritedValue = useContext(inherited);
-    const value = useMemo(() => {
-      const localValue = deepSignal(context);
-      mergeDeepSignals(localValue, inheritedValue);
-      return localValue;
-    }, [context, inheritedValue]);
-    return createElement(Provider, {
-      value: value
-    }, children);
-  }, {
-    priority: 5
-  }); // data-wp-body
-
-  directive('body', ({
-    props: {
-      children
-    },
-    context: inherited
-  }) => {
-    const {
-      Provider
-    } = inherited;
-    const inheritedValue = useContext(inherited);
-    return createPortal(createElement(Provider, {
-      value: inheritedValue
-    }, children), document.body);
-  }); // data-wp-effect--[name]
-
-  directive('effect', ({
-    directives: {
-      effect
-    },
-    context,
-    evaluate
-  }) => {
-    const contextValue = useContext(context);
-    Object.values(effect).forEach(path => {
-      useSignalEffect(() => {
-        return evaluate(path, {
-          context: contextValue
-        });
-      });
-    });
-  }); // data-wp-init--[name]
-
-  directive('init', ({
-    directives: {
-      init
-    },
-    context,
-    evaluate
-  }) => {
-    const contextValue = useContext(context);
-    Object.values(init).forEach(path => {
-      useEffect(() => {
-        return evaluate(path, {
-          context: contextValue
-        });
-      }, []);
-    });
-  }); // data-wp-on--[event]
-
-  directive('on', ({
-    directives: {
-      on
-    },
-    element,
-    evaluate,
-    context
-  }) => {
-    const contextValue = useContext(context);
-    Object.entries(on).forEach(([name, path]) => {
-      element.props[`on${name}`] = event => {
-        evaluate(path, {
-          event,
-          context: contextValue
-        });
-      };
-    });
-  }); // data-wp-class--[classname]
-
-  directive('class', ({
-    directives: {
-      class: className
-    },
-    element,
-    evaluate,
-    context
-  }) => {
-    const contextValue = useContext(context);
-    Object.keys(className).filter(n => n !== 'default').forEach(name => {
-      const result = evaluate(className[name], {
-        className: name,
-        context: contextValue
-      });
-      const currentClass = element.props.class || '';
-      const classFinder = new RegExp(`(^|\\s)${name}(\\s|$)`, 'g');
-      if (!result) element.props.class = currentClass.replace(classFinder, ' ').trim();else if (!classFinder.test(currentClass)) element.props.class = currentClass ? `${currentClass} ${name}` : name;
-      useEffect(() => {
-        // This seems necessary because Preact doesn't change the class
-        // names on the hydration, so we have to do it manually. It doesn't
-        // need deps because it only needs to do it the first time.
-        if (!result) {
-          element.ref.current.classList.remove(name);
-        } else {
-          element.ref.current.classList.add(name);
-        }
-      }, []);
-    });
-  }); // data-wp-bind--[attribute]
-
-  directive('bind', ({
-    directives: {
-      bind
-    },
-    element,
-    context,
-    evaluate
-  }) => {
-    const contextValue = useContext(context);
-    Object.entries(bind).filter(n => n !== 'default').forEach(([attribute, path]) => {
-      const result = evaluate(path, {
-        context: contextValue
-      });
-      element.props[attribute] = result; // This seems necessary because Preact doesn't change the attributes
-      // on the hydration, so we have to do it manually. It doesn't need
-      // deps because it only needs to do it the first time.
-
-      useEffect(() => {
-        // aria- and data- attributes have no boolean representation.
-        // A `false` value is different from the attribute not being
-        // present, so we can't remove it.
-        // We follow Preact's logic: https://github.com/preactjs/preact/blob/ea49f7a0f9d1ff2c98c0bdd66aa0cbc583055246/src/diff/props.js#L131C24-L136
-        if (result === false && attribute[4] !== '-') {
-          element.ref.current.removeAttribute(attribute);
-        } else {
-          element.ref.current.setAttribute(attribute, result === true && attribute[4] !== '-' ? '' : result);
-        }
-      }, []);
-    });
-  }); // data-wp-ignore
-
-  directive('ignore', ({
-    element: {
-      type: Type,
-      props: {
-        innerHTML,
-        ...rest
-      }
-    }
-  }) => {
-    // Preserve the initial inner HTML.
-    const cached = useMemo(() => innerHTML, []);
-    return createElement(Type, {
-      dangerouslySetInnerHTML: {
-        __html: cached
-      },
-      ...rest
-    });
-  });
-});
-//# sourceMappingURL=directives.js.map

package/build-module/utils/interactivity/directives.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/utils/interactivity/directives.js"],"names":["useContext","useMemo","useEffect","deepSignal","peek","createPortal","useSignalEffect","directive","isObject","item","Array","isArray","mergeDeepSignals","target","source","k","directives","context","default","props","children","inherited","Provider","inheritedValue","value","localValue","priority","document","body","effect","evaluate","contextValue","Object","values","forEach","path","init","on","element","entries","name","event","class","className","keys","filter","n","result","currentClass","classFinder","RegExp","replace","trim","test","ref","current","classList","remove","add","bind","attribute","removeAttribute","setAttribute","type","Type","innerHTML","rest","cached","__html"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { useContext, useMemo, useEffect } from 'preact/hooks';\nimport { deepSignal, peek } from 'deepsignal';\n/**\n * Internal dependencies\n */\nimport { createPortal } from './portals.js';\n\n/**\n * Internal dependencies\n */\nimport { useSignalEffect } from './utils';\nimport { directive } from './hooks';\n\nconst isObject = ( item ) =>\n\titem && typeof item === 'object' && ! Array.isArray( item );\n\nconst mergeDeepSignals = ( target, source ) => {\n\tfor ( const k in source ) {\n\t\tif ( typeof peek( target, k ) === 'undefined' ) {\n\t\t\ttarget[ `$${ k }` ] = source[ `$${ k }` ];\n\t\t} else if (\n\t\t\tisObject( peek( target, k ) ) &&\n\t\t\tisObject( peek( source, k ) )\n\t\t) {\n\t\t\tmergeDeepSignals(\n\t\t\t\ttarget[ `$${ k }` ].peek(),\n\t\t\t\tsource[ `$${ k }` ].peek()\n\t\t\t);\n\t\t}\n\t}\n};\n\nexport default () => {\n\t// data-wp-context\n\tdirective(\n\t\t'context',\n\t\t( {\n\t\t\tdirectives: {\n\t\t\t\tcontext: { default: context },\n\t\t\t},\n\t\t\tprops: { children },\n\t\t\tcontext: inherited,\n\t\t} ) => {\n\t\t\tconst { Provider } = inherited;\n\t\t\tconst inheritedValue = useContext( inherited );\n\t\t\tconst value = useMemo( () => {\n\t\t\t\tconst localValue = deepSignal( context );\n\t\t\t\tmergeDeepSignals( localValue, inheritedValue );\n\t\t\t\treturn localValue;\n\t\t\t}, [ context, inheritedValue ] );\n\n\t\t\treturn <Provider value={ value }>{ children }</Provider>;\n\t\t},\n\t\t{ priority: 5 }\n\t);\n\n\t// data-wp-body\n\tdirective( 'body', ( { props: { children }, context: inherited } ) => {\n\t\tconst { Provider } = inherited;\n\t\tconst inheritedValue = useContext( inherited );\n\t\treturn createPortal(\n\t\t\t<Provider value={ inheritedValue }>{ children }</Provider>,\n\t\t\tdocument.body\n\t\t);\n\t} );\n\n\t// data-wp-effect--[name]\n\tdirective( 'effect', ( { directives: { effect }, context, evaluate } ) => {\n\t\tconst contextValue = useContext( context );\n\t\tObject.values( effect ).forEach( ( path ) => {\n\t\t\tuseSignalEffect( () => {\n\t\t\t\treturn evaluate( path, { context: contextValue } );\n\t\t\t} );\n\t\t} );\n\t} );\n\n\t// data-wp-init--[name]\n\tdirective( 'init', ( { directives: { init }, context, evaluate } ) => {\n\t\tconst contextValue = useContext( context );\n\t\tObject.values( init ).forEach( ( path ) => {\n\t\t\tuseEffect( () => {\n\t\t\t\treturn evaluate( path, { context: contextValue } );\n\t\t\t}, [] );\n\t\t} );\n\t} );\n\n\t// data-wp-on--[event]\n\tdirective( 'on', ( { directives: { on }, element, evaluate, context } ) => {\n\t\tconst contextValue = useContext( context );\n\t\tObject.entries( on ).forEach( ( [ name, path ] ) => {\n\t\t\telement.props[ `on${ name }` ] = ( event ) => {\n\t\t\t\tevaluate( path, { event, context: contextValue } );\n\t\t\t};\n\t\t} );\n\t} );\n\n\t// data-wp-class--[classname]\n\tdirective(\n\t\t'class',\n\t\t( {\n\t\t\tdirectives: { class: className },\n\t\t\telement,\n\t\t\tevaluate,\n\t\t\tcontext,\n\t\t} ) => {\n\t\t\tconst contextValue = useContext( context );\n\t\t\tObject.keys( className )\n\t\t\t\t.filter( ( n ) => n !== 'default' )\n\t\t\t\t.forEach( ( name ) => {\n\t\t\t\t\tconst result = evaluate( className[ name ], {\n\t\t\t\t\t\tclassName: name,\n\t\t\t\t\t\tcontext: contextValue,\n\t\t\t\t\t} );\n\t\t\t\t\tconst currentClass = element.props.class || '';\n\t\t\t\t\tconst classFinder = new RegExp(\n\t\t\t\t\t\t`(^|\\\\s)${ name }(\\\\s|$)`,\n\t\t\t\t\t\t'g'\n\t\t\t\t\t);\n\t\t\t\t\tif ( ! result )\n\t\t\t\t\t\telement.props.class = currentClass\n\t\t\t\t\t\t\t.replace( classFinder, ' ' )\n\t\t\t\t\t\t\t.trim();\n\t\t\t\t\telse if ( ! classFinder.test( currentClass ) )\n\t\t\t\t\t\telement.props.class = currentClass\n\t\t\t\t\t\t\t? `${ currentClass } ${ name }`\n\t\t\t\t\t\t\t: name;\n\n\t\t\t\t\tuseEffect( () => {\n\t\t\t\t\t\t// This seems necessary because Preact doesn't change the class\n\t\t\t\t\t\t// names on the hydration, so we have to do it manually. It doesn't\n\t\t\t\t\t\t// need deps because it only needs to do it the first time.\n\t\t\t\t\t\tif ( ! result ) {\n\t\t\t\t\t\t\telement.ref.current.classList.remove( name );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\telement.ref.current.classList.add( name );\n\t\t\t\t\t\t}\n\t\t\t\t\t}, [] );\n\t\t\t\t} );\n\t\t}\n\t);\n\n\t// data-wp-bind--[attribute]\n\tdirective(\n\t\t'bind',\n\t\t( { directives: { bind }, element, context, evaluate } ) => {\n\t\t\tconst contextValue = useContext( context );\n\t\t\tObject.entries( bind )\n\t\t\t\t.filter( ( n ) => n !== 'default' )\n\t\t\t\t.forEach( ( [ attribute, path ] ) => {\n\t\t\t\t\tconst result = evaluate( path, {\n\t\t\t\t\t\tcontext: contextValue,\n\t\t\t\t\t} );\n\t\t\t\t\telement.props[ attribute ] = result;\n\n\t\t\t\t\t// This seems necessary because Preact doesn't change the attributes\n\t\t\t\t\t// on the hydration, so we have to do it manually. It doesn't need\n\t\t\t\t\t// deps because it only needs to do it the first time.\n\t\t\t\t\tuseEffect( () => {\n\t\t\t\t\t\t// aria- and data- attributes have no boolean representation.\n\t\t\t\t\t\t// A `false` value is different from the attribute not being\n\t\t\t\t\t\t// present, so we can't remove it.\n\t\t\t\t\t\t// We follow Preact's logic: https://github.com/preactjs/preact/blob/ea49f7a0f9d1ff2c98c0bdd66aa0cbc583055246/src/diff/props.js#L131C24-L136\n\t\t\t\t\t\tif ( result === false && attribute[ 4 ] !== '-' ) {\n\t\t\t\t\t\t\telement.ref.current.removeAttribute( attribute );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\telement.ref.current.setAttribute(\n\t\t\t\t\t\t\t\tattribute,\n\t\t\t\t\t\t\t\tresult === true && attribute[ 4 ] !== '-'\n\t\t\t\t\t\t\t\t\t? ''\n\t\t\t\t\t\t\t\t\t: result\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t}, [] );\n\t\t\t\t} );\n\t\t}\n\t);\n\n\t// data-wp-ignore\n\tdirective(\n\t\t'ignore',\n\t\t( {\n\t\t\telement: {\n\t\t\t\ttype: Type,\n\t\t\t\tprops: { innerHTML, ...rest },\n\t\t\t},\n\t\t} ) => {\n\t\t\t// Preserve the initial inner HTML.\n\t\t\tconst cached = useMemo( () => innerHTML, [] );\n\t\t\treturn (\n\t\t\t\t<Type\n\t\t\t\t\tdangerouslySetInnerHTML={ { __html: cached } }\n\t\t\t\t\t{ ...rest }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t);\n};\n"]}

package/build-module/utils/interactivity/hooks.js

@@ -1,145 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * External dependencies
- */
-import { h, options, createContext, cloneElement } from 'preact';
-import { useRef, useMemo } from 'preact/hooks';
-/**
- * Internal dependencies
- */
-
-import { rawStore as store } from './store'; // Main context.
-
-const context = createContext({}); // WordPress Directives.
-
-const directiveMap = {};
-const directivePriorities = {};
-export const directive = (name, cb, {
-  priority = 10
-} = {}) => {
-  directiveMap[name] = cb;
-  directivePriorities[name] = priority;
-}; // Resolve the path to some property of the store object.
-
-const resolve = (path, ctx) => {
-  let current = { ...store,
-    context: ctx
-  };
-  path.split('.').forEach(p => current = current[p]);
-  return current;
-}; // Generate the evaluate function.
-
-
-const getEvaluate = ({
-  ref
-} = {}) => (path, extraArgs = {}) => {
-  // If path starts with !, remove it and save a flag.
-  const hasNegationOperator = path[0] === '!' && !!(path = path.slice(1));
-  const value = resolve(path, extraArgs.context);
-  const returnValue = typeof value === 'function' ? value({
-    ref: ref.current,
-    ...store,
-    ...extraArgs
-  }) : value;
-  return hasNegationOperator ? !returnValue : returnValue;
-}; // Separate directives by priority. The resulting array contains objects
-// of directives grouped by same priority, and sorted in ascending order.
-
-
-const usePriorityLevels = directives => useMemo(() => {
-  const byPriority = Object.entries(directives).reduce((acc, [name, values]) => {
-    const priority = directivePriorities[name];
-    if (!acc[priority]) acc[priority] = {};
-    acc[priority][name] = values;
-    return acc;
-  }, {});
-  return Object.entries(byPriority).sort(([p1], [p2]) => p1 - p2).map(([, obj]) => obj);
-}, [directives]); // Directive wrapper.
-
-
-const Directive = ({
-  type,
-  directives,
-  props: originalProps
-}) => {
-  const ref = useRef(null);
-  const element = h(type, { ...originalProps,
-    ref
-  });
-  const evaluate = useMemo(() => getEvaluate({
-    ref
-  }), []); // Add wrappers recursively for each priority level.
-
-  const byPriorityLevel = usePriorityLevels(directives);
-  return createElement(RecursivePriorityLevel, {
-    directives: byPriorityLevel,
-    element: element,
-    evaluate: evaluate,
-    originalProps: originalProps
-  });
-}; // Priority level wrapper.
-
-
-const RecursivePriorityLevel = ({
-  directives: [directives, ...rest],
-  element,
-  evaluate,
-  originalProps
-}) => {
-  // This element needs to be a fresh copy so we are not modifying an already
-  // rendered element with Preact's internal properties initialized. This
-  // prevents an error with changes in `element.props.children` not being
-  // reflected in `element.__k`.
-  element = cloneElement(element); // Recursively render the wrapper for the next priority level.
-  //
-  // Note that, even though we're instantiating a vnode with a
-  // `RecursivePriorityLevel` here, its render function will not be executed
-  // just yet. Actually, it will be delayed until the current render function
-  // has finished. That ensures directives in the current priorty level have
-  // run (and thus modified the passed `element`) before the next level.
-
-  const children = rest.length > 0 ? createElement(RecursivePriorityLevel, {
-    directives: rest,
-    element: element,
-    evaluate: evaluate,
-    originalProps: originalProps
-  }) : element;
-  const props = { ...originalProps,
-    children
-  };
-  const directiveArgs = {
-    directives,
-    props,
-    element,
-    context,
-    evaluate
-  };
-
-  for (const d in directives) {
-    const wrapper = directiveMap[d]?.(directiveArgs);
-    if (wrapper !== undefined) props.children = wrapper;
-  }
-
-  return props.children;
-}; // Preact Options Hook called each time a vnode is created.
-
-
-const old = options.vnode;
-
-options.vnode = vnode => {
-  if (vnode.props.__directives) {
-    const props = vnode.props;
-    const directives = props.__directives;
-    delete props.__directives;
-    vnode.props = {
-      type: vnode.type,
-      directives,
-      props
-    };
-    vnode.type = Directive;
-  }
-
-  if (old) old(vnode);
-};
-//# sourceMappingURL=hooks.js.map

package/build-module/utils/interactivity/hooks.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/utils/interactivity/hooks.js"],"names":["h","options","createContext","cloneElement","useRef","useMemo","rawStore","store","context","directiveMap","directivePriorities","directive","name","cb","priority","resolve","path","ctx","current","split","forEach","p","getEvaluate","ref","extraArgs","hasNegationOperator","slice","value","returnValue","usePriorityLevels","directives","byPriority","Object","entries","reduce","acc","values","sort","p1","p2","map","obj","Directive","type","props","originalProps","element","evaluate","byPriorityLevel","RecursivePriorityLevel","rest","children","length","directiveArgs","d","wrapper","undefined","old","vnode","__directives"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { h, options, createContext, cloneElement } from 'preact';\nimport { useRef, useMemo } from 'preact/hooks';\n/**\n * Internal dependencies\n */\nimport { rawStore as store } from './store';\n\n// Main context.\nconst context = createContext( {} );\n\n// WordPress Directives.\nconst directiveMap = {};\nconst directivePriorities = {};\nexport const directive = ( name, cb, { priority = 10 } = {} ) => {\n\tdirectiveMap[ name ] = cb;\n\tdirectivePriorities[ name ] = priority;\n};\n\n// Resolve the path to some property of the store object.\nconst resolve = ( path, ctx ) => {\n\tlet current = { ...store, context: ctx };\n\tpath.split( '.' ).forEach( ( p ) => ( current = current[ p ] ) );\n\treturn current;\n};\n\n// Generate the evaluate function.\nconst getEvaluate =\n\t( { ref } = {} ) =>\n\t( path, extraArgs = {} ) => {\n\t\t// If path starts with !, remove it and save a flag.\n\t\tconst hasNegationOperator =\n\t\t\tpath[ 0 ] === '!' && !! ( path = path.slice( 1 ) );\n\t\tconst value = resolve( path, extraArgs.context );\n\t\tconst returnValue =\n\t\t\ttypeof value === 'function'\n\t\t\t\t? value( {\n\t\t\t\t\t\tref: ref.current,\n\t\t\t\t\t\t...store,\n\t\t\t\t\t\t...extraArgs,\n\t\t\t\t  } )\n\t\t\t\t: value;\n\t\treturn hasNegationOperator ? ! returnValue : returnValue;\n\t};\n\n// Separate directives by priority. The resulting array contains objects\n// of directives grouped by same priority, and sorted in ascending order.\nconst usePriorityLevels = ( directives ) =>\n\tuseMemo( () => {\n\t\tconst byPriority = Object.entries( directives ).reduce(\n\t\t\t( acc, [ name, values ] ) => {\n\t\t\t\tconst priority = directivePriorities[ name ];\n\t\t\t\tif ( ! acc[ priority ] ) acc[ priority ] = {};\n\t\t\t\tacc[ priority ][ name ] = values;\n\n\t\t\t\treturn acc;\n\t\t\t},\n\t\t\t{}\n\t\t);\n\n\t\treturn Object.entries( byPriority )\n\t\t\t.sort( ( [ p1 ], [ p2 ] ) => p1 - p2 )\n\t\t\t.map( ( [ , obj ] ) => obj );\n\t}, [ directives ] );\n\n// Directive wrapper.\nconst Directive = ( { type, directives, props: originalProps } ) => {\n\tconst ref = useRef( null );\n\tconst element = h( type, { ...originalProps, ref } );\n\tconst evaluate = useMemo( () => getEvaluate( { ref } ), [] );\n\n\t// Add wrappers recursively for each priority level.\n\tconst byPriorityLevel = usePriorityLevels( directives );\n\treturn (\n\t\t<RecursivePriorityLevel\n\t\t\tdirectives={ byPriorityLevel }\n\t\t\telement={ element }\n\t\t\tevaluate={ evaluate }\n\t\t\toriginalProps={ originalProps }\n\t\t/>\n\t);\n};\n\n// Priority level wrapper.\nconst RecursivePriorityLevel = ( {\n\tdirectives: [ directives, ...rest ],\n\telement,\n\tevaluate,\n\toriginalProps,\n} ) => {\n\t// This element needs to be a fresh copy so we are not modifying an already\n\t// rendered element with Preact's internal properties initialized. This\n\t// prevents an error with changes in `element.props.children` not being\n\t// reflected in `element.__k`.\n\telement = cloneElement( element );\n\n\t// Recursively render the wrapper for the next priority level.\n\t//\n\t// Note that, even though we're instantiating a vnode with a\n\t// `RecursivePriorityLevel` here, its render function will not be executed\n\t// just yet. Actually, it will be delayed until the current render function\n\t// has finished. That ensures directives in the current priorty level have\n\t// run (and thus modified the passed `element`) before the next level.\n\tconst children =\n\t\trest.length > 0 ? (\n\t\t\t<RecursivePriorityLevel\n\t\t\t\tdirectives={ rest }\n\t\t\t\telement={ element }\n\t\t\t\tevaluate={ evaluate }\n\t\t\t\toriginalProps={ originalProps }\n\t\t\t/>\n\t\t) : (\n\t\t\telement\n\t\t);\n\n\tconst props = { ...originalProps, children };\n\tconst directiveArgs = { directives, props, element, context, evaluate };\n\n\tfor ( const d in directives ) {\n\t\tconst wrapper = directiveMap[ d ]?.( directiveArgs );\n\t\tif ( wrapper !== undefined ) props.children = wrapper;\n\t}\n\n\treturn props.children;\n};\n\n// Preact Options Hook called each time a vnode is created.\nconst old = options.vnode;\noptions.vnode = ( vnode ) => {\n\tif ( vnode.props.__directives ) {\n\t\tconst props = vnode.props;\n\t\tconst directives = props.__directives;\n\t\tdelete props.__directives;\n\t\tvnode.props = {\n\t\t\ttype: vnode.type,\n\t\t\tdirectives,\n\t\t\tprops,\n\t\t};\n\t\tvnode.type = Directive;\n\t}\n\n\tif ( old ) old( vnode );\n};\n"]}

package/build-module/utils/interactivity/hydration.js

@@ -1,21 +0,0 @@
-/**
- * External dependencies
- */
-import { hydrate } from 'preact';
-/**
- * Internal dependencies
- */
-
-import { toVdom, hydratedIslands } from './vdom';
-import { createRootFragment } from './utils';
-import { directivePrefix } from './constants';
-export const init = async () => {
-  document.querySelectorAll(`[data-${directivePrefix}-interactive]`).forEach(node => {
-    if (!hydratedIslands.has(node)) {
-      const fragment = createRootFragment(node.parentNode, node);
-      const vdom = toVdom(node);
-      hydrate(vdom, fragment);
-    }
-  });
-};
-//# sourceMappingURL=hydration.js.map

package/build-module/utils/interactivity/hydration.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/utils/interactivity/hydration.js"],"names":["hydrate","toVdom","hydratedIslands","createRootFragment","directivePrefix","init","document","querySelectorAll","forEach","node","has","fragment","parentNode","vdom"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,QAAxB;AACA;AACA;AACA;;AACA,SAASC,MAAT,EAAiBC,eAAjB,QAAwC,QAAxC;AACA,SAASC,kBAAT,QAAmC,SAAnC;AACA,SAASC,eAAT,QAAgC,aAAhC;AAEA,OAAO,MAAMC,IAAI,GAAG,YAAY;AAC/BC,EAAAA,QAAQ,CACNC,gBADF,CACqB,SAASH,eAAiB,eAD/C,EAEEI,OAFF,CAEaC,IAAF,IAAY;AACrB,QAAK,CAAEP,eAAe,CAACQ,GAAhB,CAAqBD,IAArB,CAAP,EAAqC;AACpC,YAAME,QAAQ,GAAGR,kBAAkB,CAAEM,IAAI,CAACG,UAAP,EAAmBH,IAAnB,CAAnC;AACA,YAAMI,IAAI,GAAGZ,MAAM,CAAEQ,IAAF,CAAnB;AACAT,MAAAA,OAAO,CAAEa,IAAF,EAAQF,QAAR,CAAP;AACA;AACD,GARF;AASA,CAVM","sourcesContent":["/**\n * External dependencies\n */\nimport { hydrate } from 'preact';\n/**\n * Internal dependencies\n */\nimport { toVdom, hydratedIslands } from './vdom';\nimport { createRootFragment } from './utils';\nimport { directivePrefix } from './constants';\n\nexport const init = async () => {\n\tdocument\n\t\t.querySelectorAll( `[data-${ directivePrefix }-interactive]` )\n\t\t.forEach( ( node ) => {\n\t\t\tif ( ! hydratedIslands.has( node ) ) {\n\t\t\t\tconst fragment = createRootFragment( node.parentNode, node );\n\t\t\t\tconst vdom = toVdom( node );\n\t\t\t\thydrate( vdom, fragment );\n\t\t\t}\n\t\t} );\n};\n"]}

package/build-module/utils/interactivity/index.js

@@ -1,15 +0,0 @@
-/**
- * Internal dependencies
- */
-import registerDirectives from './directives';
-import { init } from './hydration';
-export { store } from './store';
-/**
- * Initialize the Interactivity API.
- */
-
-registerDirectives();
-document.addEventListener('DOMContentLoaded', async () => {
-  await init();
-});
-//# sourceMappingURL=index.js.map

package/build-module/utils/interactivity/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/utils/interactivity/index.js"],"names":["registerDirectives","init","store","document","addEventListener"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,kBAAP,MAA+B,cAA/B;AACA,SAASC,IAAT,QAAqB,aAArB;AACA,SAASC,KAAT,QAAsB,SAAtB;AAEA;AACA;AACA;;AACAF,kBAAkB;AAElBG,QAAQ,CAACC,gBAAT,CAA2B,kBAA3B,EAA+C,YAAY;AAC1D,QAAMH,IAAI,EAAV;AACA,CAFD","sourcesContent":["/**\n * Internal dependencies\n */\nimport registerDirectives from './directives';\nimport { init } from './hydration';\nexport { store } from './store';\n\n/**\n * Initialize the Interactivity API.\n */\nregisterDirectives();\n\ndocument.addEventListener( 'DOMContentLoaded', async () => {\n\tawait init();\n} );\n"]}

package/build-module/utils/interactivity/portals.js

@@ -1,100 +0,0 @@
-/**
- * External dependencies
- */
-import { createElement, render } from 'preact';
-/**
- * @param {import('../../src/index').RenderableProps<{ context: any }>} props
- */
-
-function ContextProvider(props) {
-  this.getChildContext = () => props.context;
-
-  return props.children;
-}
-/**
- * Portal component
- *
- * @this {import('./internal').Component}
- * @param {object | null | undefined} props
- *
- *                                          TODO: use createRoot() instead of fake root
- */
-
-
-function Portal(props) {
-  const _this = this;
-
-  const container = props._container;
-
-  _this.componentWillUnmount = function () {
-    render(null, _this._temp);
-    _this._temp = null;
-    _this._container = null;
-  }; // When we change container we should clear our old container and
-  // indicate a new mount.
-
-
-  if (_this._container && _this._container !== container) {
-    _this.componentWillUnmount();
-  } // When props.vnode is undefined/false/null we are dealing with some kind of
-  // conditional vnode. This should not trigger a render.
-
-
-  if (props._vnode) {
-    if (!_this._temp) {
-      _this._container = container; // Create a fake DOM parent node that manages a subset of `container`'s children:
-
-      _this._temp = {
-        nodeType: 1,
-        parentNode: container,
-        childNodes: [],
-
-        appendChild(child) {
-          this.childNodes.push(child);
-
-          _this._container.appendChild(child);
-        },
-
-        insertBefore(child) {
-          this.childNodes.push(child);
-
-          _this._container.appendChild(child);
-        },
-
-        removeChild(child) {
-          this.childNodes.splice( // eslint-disable-next-line no-bitwise
-          this.childNodes.indexOf(child) >>> 1, 1);
-
-          _this._container.removeChild(child);
-        }
-
-      };
-    } // Render our wrapping element into temp.
-
-
-    render(createElement(ContextProvider, {
-      context: _this.context
-    }, props._vnode), _this._temp);
-  } // When we come from a conditional render, on a mounted
-  // portal we should clear the DOM.
-  else if (_this._temp) {
-    _this.componentWillUnmount();
-  }
-}
-/**
- * Create a `Portal` to continue rendering the vnode tree at a different DOM node
- *
- * @param {import('./internal').VNode}         vnode     The vnode to render
- * @param {import('./internal').PreactElement} container The DOM node to continue rendering in to.
- */
-
-
-export function createPortal(vnode, container) {
-  const el = createElement(Portal, {
-    _vnode: vnode,
-    _container: container
-  });
-  el.containerInfo = container;
-  return el;
-}
-//# sourceMappingURL=portals.js.map

package/build-module/utils/interactivity/portals.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/utils/interactivity/portals.js"],"names":["createElement","render","ContextProvider","props","getChildContext","context","children","Portal","_this","container","_container","componentWillUnmount","_temp","_vnode","nodeType","parentNode","childNodes","appendChild","child","push","insertBefore","removeChild","splice","indexOf","createPortal","vnode","el","containerInfo"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAT,EAAwBC,MAAxB,QAAsC,QAAtC;AAEA;AACA;AACA;;AACA,SAASC,eAAT,CAA0BC,KAA1B,EAAkC;AACjC,OAAKC,eAAL,GAAuB,MAAMD,KAAK,CAACE,OAAnC;;AACA,SAAOF,KAAK,CAACG,QAAb;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,SAASC,MAAT,CAAiBJ,KAAjB,EAAyB;AACxB,QAAMK,KAAK,GAAG,IAAd;;AACA,QAAMC,SAAS,GAAGN,KAAK,CAACO,UAAxB;;AAEAF,EAAAA,KAAK,CAACG,oBAAN,GAA6B,YAAY;AACxCV,IAAAA,MAAM,CAAE,IAAF,EAAQO,KAAK,CAACI,KAAd,CAAN;AACAJ,IAAAA,KAAK,CAACI,KAAN,GAAc,IAAd;AACAJ,IAAAA,KAAK,CAACE,UAAN,GAAmB,IAAnB;AACA,GAJD,CAJwB,CAUxB;AACA;;;AACA,MAAKF,KAAK,CAACE,UAAN,IAAoBF,KAAK,CAACE,UAAN,KAAqBD,SAA9C,EAA0D;AACzDD,IAAAA,KAAK,CAACG,oBAAN;AACA,GAduB,CAgBxB;AACA;;;AACA,MAAKR,KAAK,CAACU,MAAX,EAAoB;AACnB,QAAK,CAAEL,KAAK,CAACI,KAAb,EAAqB;AACpBJ,MAAAA,KAAK,CAACE,UAAN,GAAmBD,SAAnB,CADoB,CAGpB;;AACAD,MAAAA,KAAK,CAACI,KAAN,GAAc;AACbE,QAAAA,QAAQ,EAAE,CADG;AAEbC,QAAAA,UAAU,EAAEN,SAFC;AAGbO,QAAAA,UAAU,EAAE,EAHC;;AAIbC,QAAAA,WAAW,CAAEC,KAAF,EAAU;AACpB,eAAKF,UAAL,CAAgBG,IAAhB,CAAsBD,KAAtB;;AACAV,UAAAA,KAAK,CAACE,UAAN,CAAiBO,WAAjB,CAA8BC,KAA9B;AACA,SAPY;;AAQbE,QAAAA,YAAY,CAAEF,KAAF,EAAU;AACrB,eAAKF,UAAL,CAAgBG,IAAhB,CAAsBD,KAAtB;;AACAV,UAAAA,KAAK,CAACE,UAAN,CAAiBO,WAAjB,CAA8BC,KAA9B;AACA,SAXY;;AAYbG,QAAAA,WAAW,CAAEH,KAAF,EAAU;AACpB,eAAKF,UAAL,CAAgBM,MAAhB,EACC;AACA,eAAKN,UAAL,CAAgBO,OAAhB,CAAyBL,KAAzB,MAAqC,CAFtC,EAGC,CAHD;;AAKAV,UAAAA,KAAK,CAACE,UAAN,CAAiBW,WAAjB,CAA8BH,KAA9B;AACA;;AAnBY,OAAd;AAqBA,KA1BkB,CA4BnB;;;AACAjB,IAAAA,MAAM,CACLD,aAAa,CACZE,eADY,EAEZ;AAAEG,MAAAA,OAAO,EAAEG,KAAK,CAACH;AAAjB,KAFY,EAGZF,KAAK,CAACU,MAHM,CADR,EAMLL,KAAK,CAACI,KAND,CAAN;AAQA,GArCD,CAsCA;AACA;AAvCA,OAwCK,IAAKJ,KAAK,CAACI,KAAX,EAAmB;AACvBJ,IAAAA,KAAK,CAACG,oBAAN;AACA;AACD;AAED;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,SAASa,YAAT,CAAuBC,KAAvB,EAA8BhB,SAA9B,EAA0C;AAChD,QAAMiB,EAAE,GAAG1B,aAAa,CAAEO,MAAF,EAAU;AACjCM,IAAAA,MAAM,EAAEY,KADyB;AAEjCf,IAAAA,UAAU,EAAED;AAFqB,GAAV,CAAxB;AAIAiB,EAAAA,EAAE,CAACC,aAAH,GAAmBlB,SAAnB;AACA,SAAOiB,EAAP;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport { createElement, render } from 'preact';\n\n/**\n * @param {import('../../src/index').RenderableProps<{ context: any }>} props\n */\nfunction ContextProvider( props ) {\n\tthis.getChildContext = () => props.context;\n\treturn props.children;\n}\n\n/**\n * Portal component\n *\n * @this {import('./internal').Component}\n * @param {object | null | undefined} props\n *\n *                                          TODO: use createRoot() instead of fake root\n */\nfunction Portal( props ) {\n\tconst _this = this;\n\tconst container = props._container;\n\n\t_this.componentWillUnmount = function () {\n\t\trender( null, _this._temp );\n\t\t_this._temp = null;\n\t\t_this._container = null;\n\t};\n\n\t// When we change container we should clear our old container and\n\t// indicate a new mount.\n\tif ( _this._container && _this._container !== container ) {\n\t\t_this.componentWillUnmount();\n\t}\n\n\t// When props.vnode is undefined/false/null we are dealing with some kind of\n\t// conditional vnode. This should not trigger a render.\n\tif ( props._vnode ) {\n\t\tif ( ! _this._temp ) {\n\t\t\t_this._container = container;\n\n\t\t\t// Create a fake DOM parent node that manages a subset of `container`'s children:\n\t\t\t_this._temp = {\n\t\t\t\tnodeType: 1,\n\t\t\t\tparentNode: container,\n\t\t\t\tchildNodes: [],\n\t\t\t\tappendChild( child ) {\n\t\t\t\t\tthis.childNodes.push( child );\n\t\t\t\t\t_this._container.appendChild( child );\n\t\t\t\t},\n\t\t\t\tinsertBefore( child ) {\n\t\t\t\t\tthis.childNodes.push( child );\n\t\t\t\t\t_this._container.appendChild( child );\n\t\t\t\t},\n\t\t\t\tremoveChild( child ) {\n\t\t\t\t\tthis.childNodes.splice(\n\t\t\t\t\t\t// eslint-disable-next-line no-bitwise\n\t\t\t\t\t\tthis.childNodes.indexOf( child ) >>> 1,\n\t\t\t\t\t\t1\n\t\t\t\t\t);\n\t\t\t\t\t_this._container.removeChild( child );\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\n\t\t// Render our wrapping element into temp.\n\t\trender(\n\t\t\tcreateElement(\n\t\t\t\tContextProvider,\n\t\t\t\t{ context: _this.context },\n\t\t\t\tprops._vnode\n\t\t\t),\n\t\t\t_this._temp\n\t\t);\n\t}\n\t// When we come from a conditional render, on a mounted\n\t// portal we should clear the DOM.\n\telse if ( _this._temp ) {\n\t\t_this.componentWillUnmount();\n\t}\n}\n\n/**\n * Create a `Portal` to continue rendering the vnode tree at a different DOM node\n *\n * @param {import('./internal').VNode}         vnode     The vnode to render\n * @param {import('./internal').PreactElement} container The DOM node to continue rendering in to.\n */\nexport function createPortal( vnode, container ) {\n\tconst el = createElement( Portal, {\n\t\t_vnode: vnode,\n\t\t_container: container,\n\t} );\n\tel.containerInfo = container;\n\treturn el;\n}\n"]}

package/build-module/utils/interactivity/store.js

@@ -1,55 +0,0 @@
-/**
- * External dependencies
- */
-import { deepSignal } from 'deepsignal';
-
-const isObject = item => item && typeof item === 'object' && !Array.isArray(item);
-
-const deepMerge = (target, source) => {
-  if (isObject(target) && isObject(source)) {
-    for (const key in source) {
-      if (isObject(source[key])) {
-        if (!target[key]) Object.assign(target, {
-          [key]: {}
-        });
-        deepMerge(target[key], source[key]);
-      } else {
-        Object.assign(target, {
-          [key]: source[key]
-        });
-      }
-    }
-  }
-};
-
-const getSerializedState = () => {
-  // TODO: change the store tag ID for a better one.
-  const storeTag = document.querySelector(`script[type="application/json"]#store`);
-  if (!storeTag) return {};
-
-  try {
-    const {
-      state
-    } = JSON.parse(storeTag.textContent);
-    if (isObject(state)) return state;
-    throw Error('Parsed state is not an object');
-  } catch (e) {
-    // eslint-disable-next-line no-console
-    console.log(e);
-  }
-
-  return {};
-};
-
-const rawState = getSerializedState();
-export const rawStore = {
-  state: deepSignal(rawState)
-};
-export const store = ({
-  state,
-  ...block
-}) => {
-  deepMerge(rawStore, block);
-  deepMerge(rawState, state);
-};
-//# sourceMappingURL=store.js.map

package/build-module/utils/interactivity/store.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/utils/interactivity/store.js"],"names":["deepSignal","isObject","item","Array","isArray","deepMerge","target","source","key","Object","assign","getSerializedState","storeTag","document","querySelector","state","JSON","parse","textContent","Error","e","console","log","rawState","rawStore","store","block"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAT,QAA2B,YAA3B;;AAEA,MAAMC,QAAQ,GAAKC,IAAF,IAChBA,IAAI,IAAI,OAAOA,IAAP,KAAgB,QAAxB,IAAoC,CAAEC,KAAK,CAACC,OAAN,CAAeF,IAAf,CADvC;;AAGA,MAAMG,SAAS,GAAG,CAAEC,MAAF,EAAUC,MAAV,KAAsB;AACvC,MAAKN,QAAQ,CAAEK,MAAF,CAAR,IAAsBL,QAAQ,CAAEM,MAAF,CAAnC,EAAgD;AAC/C,SAAM,MAAMC,GAAZ,IAAmBD,MAAnB,EAA4B;AAC3B,UAAKN,QAAQ,CAAEM,MAAM,CAAEC,GAAF,CAAR,CAAb,EAAiC;AAChC,YAAK,CAAEF,MAAM,CAAEE,GAAF,CAAb,EAAuBC,MAAM,CAACC,MAAP,CAAeJ,MAAf,EAAuB;AAAE,WAAEE,GAAF,GAAS;AAAX,SAAvB;AACvBH,QAAAA,SAAS,CAAEC,MAAM,CAAEE,GAAF,CAAR,EAAiBD,MAAM,CAAEC,GAAF,CAAvB,CAAT;AACA,OAHD,MAGO;AACNC,QAAAA,MAAM,CAACC,MAAP,CAAeJ,MAAf,EAAuB;AAAE,WAAEE,GAAF,GAASD,MAAM,CAAEC,GAAF;AAAjB,SAAvB;AACA;AACD;AACD;AACD,CAXD;;AAaA,MAAMG,kBAAkB,GAAG,MAAM;AAChC;AACA,QAAMC,QAAQ,GAAGC,QAAQ,CAACC,aAAT,CACf,uCADe,CAAjB;AAGA,MAAK,CAAEF,QAAP,EAAkB,OAAO,EAAP;;AAClB,MAAI;AACH,UAAM;AAAEG,MAAAA;AAAF,QAAYC,IAAI,CAACC,KAAL,CAAYL,QAAQ,CAACM,WAArB,CAAlB;AACA,QAAKjB,QAAQ,CAAEc,KAAF,CAAb,EAAyB,OAAOA,KAAP;AACzB,UAAMI,KAAK,CAAE,+BAAF,CAAX;AACA,GAJD,CAIE,OAAQC,CAAR,EAAY;AACb;AACAC,IAAAA,OAAO,CAACC,GAAR,CAAaF,CAAb;AACA;;AACD,SAAO,EAAP;AACA,CAfD;;AAiBA,MAAMG,QAAQ,GAAGZ,kBAAkB,EAAnC;AACA,OAAO,MAAMa,QAAQ,GAAG;AAAET,EAAAA,KAAK,EAAEf,UAAU,CAAEuB,QAAF;AAAnB,CAAjB;AAEP,OAAO,MAAME,KAAK,GAAG,CAAE;AAAEV,EAAAA,KAAF;AAAS,KAAGW;AAAZ,CAAF,KAA2B;AAC/CrB,EAAAA,SAAS,CAAEmB,QAAF,EAAYE,KAAZ,CAAT;AACArB,EAAAA,SAAS,CAAEkB,QAAF,EAAYR,KAAZ,CAAT;AACA,CAHM","sourcesContent":["/**\n * External dependencies\n */\nimport { deepSignal } from 'deepsignal';\n\nconst isObject = ( item ) =>\n\titem && typeof item === 'object' && ! Array.isArray( item );\n\nconst deepMerge = ( target, source ) => {\n\tif ( isObject( target ) && isObject( source ) ) {\n\t\tfor ( const key in source ) {\n\t\t\tif ( isObject( source[ key ] ) ) {\n\t\t\t\tif ( ! target[ key ] ) Object.assign( target, { [ key ]: {} } );\n\t\t\t\tdeepMerge( target[ key ], source[ key ] );\n\t\t\t} else {\n\t\t\t\tObject.assign( target, { [ key ]: source[ key ] } );\n\t\t\t}\n\t\t}\n\t}\n};\n\nconst getSerializedState = () => {\n\t// TODO: change the store tag ID for a better one.\n\tconst storeTag = document.querySelector(\n\t\t`script[type=\"application/json\"]#store`\n\t);\n\tif ( ! storeTag ) return {};\n\ttry {\n\t\tconst { state } = JSON.parse( storeTag.textContent );\n\t\tif ( isObject( state ) ) return state;\n\t\tthrow Error( 'Parsed state is not an object' );\n\t} catch ( e ) {\n\t\t// eslint-disable-next-line no-console\n\t\tconsole.log( e );\n\t}\n\treturn {};\n};\n\nconst rawState = getSerializedState();\nexport const rawStore = { state: deepSignal( rawState ) };\n\nexport const store = ( { state, ...block } ) => {\n\tdeepMerge( rawStore, block );\n\tdeepMerge( rawState, state );\n};\n"]}