@schematichq/schematic-react 0.2.0-rc.7 → 0.2.0-rc.8
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.
@@ -12078,7 +12078,7 @@ var import_react22 = require("react");
|
|
12078
12078
|
var import_react16 = require("react");
|
12079
12079
|
var import_jsx_runtime17 = require("react/jsx-runtime");
|
12080
12080
|
var Root = (0, import_react16.forwardRef)(
|
12081
|
-
(props, ref) => {
|
12081
|
+
({ data, settings, ...props }, ref) => {
|
12082
12082
|
return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { ref, ...props });
|
12083
12083
|
}
|
12084
12084
|
);
|
@@ -12092,6 +12092,7 @@ var StyledViewport = dt.div`
|
|
12092
12092
|
flex-wrap: wrap;
|
12093
12093
|
margin-left: auto;
|
12094
12094
|
margin-right: auto;
|
12095
|
+
gap: 1rem;
|
12095
12096
|
`;
|
12096
12097
|
|
12097
12098
|
// src/components/layout/RenderLayout.tsx
|
@@ -12319,13 +12320,12 @@ var Card = (0, import_react20.forwardRef)(
|
|
12319
12320
|
// src/components/layout/column/styles.ts
|
12320
12321
|
var StyledColumn = dt.div`
|
12321
12322
|
flex-grow: 1;
|
12322
|
-
padding: 0.75rem;
|
12323
12323
|
`;
|
12324
12324
|
|
12325
12325
|
// src/components/layout/column/Column.tsx
|
12326
12326
|
var import_jsx_runtime21 = require("react/jsx-runtime");
|
12327
12327
|
var Column = (0, import_react21.forwardRef)(
|
12328
|
-
({ children, ...props }, ref) => {
|
12328
|
+
({ children, basis, ...props }, ref) => {
|
12329
12329
|
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StyledColumn, { ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Card, { children }) });
|
12330
12330
|
}
|
12331
12331
|
);
|
@@ -12344,7 +12344,7 @@ var components = {
|
|
12344
12344
|
function createRenderer(options) {
|
12345
12345
|
const { useFallback = false } = options || {};
|
12346
12346
|
return function renderNode(node2, index) {
|
12347
|
-
const { type, props = {},
|
12347
|
+
const { type, props = {}, children } = node2;
|
12348
12348
|
const name = typeof type !== "string" ? type.resolvedName : type;
|
12349
12349
|
const component = useFallback ? components[name] || "div" : components[name];
|
12350
12350
|
if (!components[name]) {
|
@@ -12362,10 +12362,9 @@ function createRenderer(options) {
|
|
12362
12362
|
return (0, import_react22.createElement)(
|
12363
12363
|
component,
|
12364
12364
|
{
|
12365
|
+
key: index,
|
12365
12366
|
className,
|
12366
|
-
...component !== "div" && { ...resolvedProps }
|
12367
|
-
...component !== "div" && Object.keys(custom).length > 0 && { custom },
|
12368
|
-
key: index
|
12367
|
+
...component !== "div" && { ...resolvedProps }
|
12369
12368
|
},
|
12370
12369
|
resolvedChildren
|
12371
12370
|
);
|
@@ -518,6 +518,7 @@ declare const COLLECTION_FORMATS: {
|
|
518
518
|
export declare const Column: ForwardRefExoticComponent<Omit<ColumnProps, "ref"> & RefAttributes<HTMLDivElement | null>>;
|
519
519
|
|
520
520
|
export declare interface ColumnProps extends React.HTMLProps<HTMLDivElement> {
|
521
|
+
basis?: string;
|
521
522
|
}
|
522
523
|
|
523
524
|
/**
|
@@ -2512,7 +2513,9 @@ declare interface ResponseTransformer<T> {
|
|
2512
2513
|
|
2513
2514
|
export declare const Root: ForwardRefExoticComponent<Omit<RootProps, "ref"> & RefAttributes<HTMLDivElement | null>>;
|
2514
2515
|
|
2515
|
-
export declare interface RootProps extends React.HTMLProps<HTMLDivElement> {
|
2516
|
+
export declare interface RootProps extends Omit<React.HTMLProps<HTMLDivElement>, "data"> {
|
2517
|
+
data?: ComponentHydrateResponseData;
|
2518
|
+
settings?: EmbedSettings;
|
2516
2519
|
}
|
2517
2520
|
|
2518
2521
|
/**
|
@@ -12042,7 +12042,7 @@ import { createElement } from "react";
|
|
12042
12042
|
import { forwardRef as forwardRef7 } from "react";
|
12043
12043
|
import { jsx as jsx17 } from "react/jsx-runtime";
|
12044
12044
|
var Root = forwardRef7(
|
12045
|
-
(props, ref) => {
|
12045
|
+
({ data, settings, ...props }, ref) => {
|
12046
12046
|
return /* @__PURE__ */ jsx17("div", { ref, ...props });
|
12047
12047
|
}
|
12048
12048
|
);
|
@@ -12056,6 +12056,7 @@ var StyledViewport = dt.div`
|
|
12056
12056
|
flex-wrap: wrap;
|
12057
12057
|
margin-left: auto;
|
12058
12058
|
margin-right: auto;
|
12059
|
+
gap: 1rem;
|
12059
12060
|
`;
|
12060
12061
|
|
12061
12062
|
// src/components/layout/RenderLayout.tsx
|
@@ -12283,13 +12284,12 @@ var Card = forwardRef9(
|
|
12283
12284
|
// src/components/layout/column/styles.ts
|
12284
12285
|
var StyledColumn = dt.div`
|
12285
12286
|
flex-grow: 1;
|
12286
|
-
padding: 0.75rem;
|
12287
12287
|
`;
|
12288
12288
|
|
12289
12289
|
// src/components/layout/column/Column.tsx
|
12290
12290
|
import { jsx as jsx21 } from "react/jsx-runtime";
|
12291
12291
|
var Column = forwardRef10(
|
12292
|
-
({ children, ...props }, ref) => {
|
12292
|
+
({ children, basis, ...props }, ref) => {
|
12293
12293
|
return /* @__PURE__ */ jsx21(StyledColumn, { ref, ...props, children: /* @__PURE__ */ jsx21(Card, { children }) });
|
12294
12294
|
}
|
12295
12295
|
);
|
@@ -12308,7 +12308,7 @@ var components = {
|
|
12308
12308
|
function createRenderer(options) {
|
12309
12309
|
const { useFallback = false } = options || {};
|
12310
12310
|
return function renderNode(node2, index) {
|
12311
|
-
const { type, props = {},
|
12311
|
+
const { type, props = {}, children } = node2;
|
12312
12312
|
const name = typeof type !== "string" ? type.resolvedName : type;
|
12313
12313
|
const component = useFallback ? components[name] || "div" : components[name];
|
12314
12314
|
if (!components[name]) {
|
@@ -12326,10 +12326,9 @@ function createRenderer(options) {
|
|
12326
12326
|
return createElement(
|
12327
12327
|
component,
|
12328
12328
|
{
|
12329
|
+
key: index,
|
12329
12330
|
className,
|
12330
|
-
...component !== "div" && { ...resolvedProps }
|
12331
|
-
...component !== "div" && Object.keys(custom).length > 0 && { custom },
|
12332
|
-
key: index
|
12331
|
+
...component !== "div" && { ...resolvedProps }
|
12333
12332
|
},
|
12334
12333
|
resolvedChildren
|
12335
12334
|
);
|