UNPKG

structu-rex

Version:

Framework agnostic UI design system builder (Atomic Design, containers/UI, hooks, presenters)

100 lines (96 loc) 2.63 kB
"use strict"; 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); // src/index.ts var index_exports = {}; __export(index_exports, { Atom: () => Atom, AtomicComponent: () => AtomicComponent, ContainerComponent: () => ContainerComponent, Hook: () => Hook, Molecule: () => Molecule, Organism: () => Organism, Page: () => Page, Presenter: () => Presenter, Template: () => Template, UIComponent: () => UIComponent, getRenderOutput: () => getRenderOutput, setRenderOutput: () => setRenderOutput }); module.exports = __toCommonJS(index_exports); // src/config.ts function setRenderOutput() { } function getRenderOutput() { throw new Error( "getRenderOutput should never be executed \u2013 it exists purely for compile-time typing." ); } // src/core.ts var AtomicComponent = class { /** * Components receive their data through a strongly-typed, immutable `props` object. */ constructor(props) { this.props = props; } }; var UIComponent = class extends AtomicComponent { }; var Atom = class extends UIComponent { }; var Molecule = class extends UIComponent { }; var Organism = class extends UIComponent { }; var Template = class extends UIComponent { }; var Page = class extends UIComponent { }; var ContainerComponent = class extends AtomicComponent { constructor(props) { super(props); this.state = this.getInitialState(); } /** * Imperative setter for derived classes. A specific renderer/runtime can * replace this with a reactive alternative. */ setState(partial) { this.state = { ...this.state, ...partial }; } }; var Hook = class { }; var Presenter = class { }; // Annotate the CommonJS export names for ESM import in node: 0 && (module.exports = { Atom, AtomicComponent, ContainerComponent, Hook, Molecule, Organism, Page, Presenter, Template, UIComponent, getRenderOutput, setRenderOutput });