@crossed/styled/lib/commonjs/createMethods.js

A universal & performant styling library for React Native, Next.js & React

var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var createMethods_exports = {};
__export(createMethods_exports, {
  createMethods: () => createMethods
});
module.exports = __toCommonJS(createMethods_exports);
var import_Registry = require("./Registry");
var import_isWeb = require("./isWeb");
const cache = /* @__PURE__ */ new Map();
const apply = (style, props, addClassname) => {
  import_Registry.Registry.apply(() => style, {
    isWeb: import_isWeb.isWeb,
    props,
    addClassname,
    cache
  });
};
const cleanClassName = (classNames) => {
  return classNames.reduce((acc, className) => {
    const [property] = className.match(/^([a-z\-:]+)\[/g) || [];
    if (property) {
      acc.forEach((accKey) => {
        const [same] = accKey.match(new RegExp(`^${property.replace("[", "\\[")}`, "g")) || [];
        if (same) {
          acc.delete(accKey);
        }
      });
    }
    acc.add(className);
    return acc;
  }, /* @__PURE__ */ new Set());
};
const createMethods = (styleOfKey, stylesParent = {}) => {
  return {
    original: styleOfKey,
    stylesParent,
    style: (props = {}) => {
      const old = cache.get({ style: styleOfKey, props });
      if (old) {
        return old;
      }
      let style = {};
      const parentStyle = (Array.isArray(props.style) ? props.style : [props.style]).reduce((acc, st) => {
        if (!st || st.$$css)
          return acc;
        if (!st.$$css) {
          acc = { ...acc, ...st };
        }
        return acc;
      }, stylesParent);
      apply(styleOfKey, props, ({ body, suffix, wrapper, prefix }) => {
        if (body && !suffix && !wrapper && !prefix) {
          style = {
            ...style,
            ...Object.values(body).reduce((acc, e) => ({ ...acc, ...e }), {})
          };
        }
      });
      const result = {
        style: {
          ...style,
          ...parentStyle
        }
      };
      cache.set({ style: styleOfKey, props }, result);
      return result;
    },
    className: (props = {}) => {
      const old = cache.get({ style: styleOfKey, props });
      if (old) {
        return old;
      }
      const classNames = props.className ? props.className.split(" ") : [];
      const parentStyle = (Array.isArray(props.style) ? props.style : [props.style]).reduce((acc, st) => {
        if (!st)
          return acc;
        if (!st.$$css) {
          acc = { ...acc, ...st };
        } else if (st.$$css) {
          const { $$css, ...otherClassName } = st;
          classNames.push(...Object.keys(otherClassName));
        }
        return acc;
      }, {});
      apply(
        {
          ...styleOfKey,
          base: { ...styleOfKey.base, ...parentStyle }
        },
        props,
        ({ body }) => {
          classNames.push(...Object.keys(body));
        }
      );
      const result = {
        className: Array.from(cleanClassName(classNames).values()).join(" "),
        style: stylesParent
      };
      cache.set({ style: styleOfKey, props }, result);
      return result;
    },
    rnw: (props = {}) => {
      const old = cache.get({ style: styleOfKey, props, stylesParent });
      if (old) {
        return old;
      }
      let style = {};
      const classNames = props.className ? props.className.split(" ") : [];
      apply(styleOfKey, props, ({ body }) => {
        style = {
          ...style,
          ...Object.values(body).reduce((acc, e) => ({ ...acc, ...e }), {})
        };
        classNames.push(...Object.keys(body));
      });
      let styletmp;
      (Array.isArray(props.style) ? props.style : [props.style]).flat(Infinity).forEach((st) => {
        if (!st)
          return;
        if (st.$$css) {
          const { $$css, ...otherClassName } = st;
          classNames.push(...Object.keys(otherClassName));
        } else if (!st.$$css) {
          style = { ...style, ...st };
          styletmp = { ...styletmp, ...st };
        }
      });
      const styletransformWeb = import_isWeb.isWeb ? Array.from(cleanClassName(classNames).values()).reduce(
        (acc2, cl) => {
          acc2[cl] = cl;
          return acc2;
        },
        { $$css: true }
      ) : style;
      const result = {
        style: styletmp ? [styletransformWeb, styletmp, stylesParent] : [styletransformWeb, stylesParent]
      };
      cache.set({ style: styleOfKey, props, stylesParent }, result);
      return result;
    }
  };
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  createMethods
});
//# sourceMappingURL=createMethods.js.map