@plasmicapp/react-web 0.2.110 → 0.2.113
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/LICENSE.md +21 -0
- package/dist/all.d.ts +65 -28
- package/dist/common.d.ts +3 -3
- package/dist/index-common.d.ts +4 -3
- package/dist/index.d.ts +1 -1
- package/dist/react-web.cjs.development.js +415 -370
- package/dist/react-web.cjs.development.js.map +1 -1
- package/dist/react-web.cjs.production.min.js +1 -1
- package/dist/react-web.cjs.production.min.js.map +1 -1
- package/dist/react-web.esm.js +401 -370
- package/dist/react-web.esm.js.map +1 -1
- package/dist/render/elements.d.ts +5 -0
- package/dist/render/ssr.d.ts +1 -0
- package/dist/states/helpers.d.ts +5 -0
- package/dist/states/index.d.ts +1 -1
- package/dist/states/valtio.d.ts +16 -0
- package/dist/stories/UseDollarState.stories.d.ts +11 -0
- package/package.json +8 -3
- package/skinny/dist/{collection-utils-57c273dc.js → collection-utils-43f97262.js} +14 -13
- package/skinny/dist/collection-utils-43f97262.js.map +1 -0
- package/skinny/dist/{common-182a0b0c.js → common-9ebe374e.js} +1 -1
- package/skinny/dist/common-9ebe374e.js.map +1 -0
- package/skinny/dist/common.d.ts +3 -3
- package/skinny/dist/index-common.d.ts +4 -3
- package/skinny/dist/index.d.ts +1 -1
- package/skinny/dist/index.js +53 -42
- package/skinny/dist/index.js.map +1 -1
- package/skinny/dist/plume/button/index.js +7 -7
- package/skinny/dist/plume/button/index.js.map +1 -1
- package/skinny/dist/plume/checkbox/index.js +18 -17
- package/skinny/dist/plume/checkbox/index.js.map +1 -1
- package/skinny/dist/plume/menu/index.js +39 -39
- package/skinny/dist/plume/menu/index.js.map +1 -1
- package/skinny/dist/plume/menu-button/index.js +23 -22
- package/skinny/dist/plume/menu-button/index.js.map +1 -1
- package/skinny/dist/plume/select/index.js +42 -43
- package/skinny/dist/plume/select/index.js.map +1 -1
- package/skinny/dist/plume/switch/index.js +17 -16
- package/skinny/dist/plume/switch/index.js.map +1 -1
- package/skinny/dist/plume/text-input/index.js +10 -10
- package/skinny/dist/plume/text-input/index.js.map +1 -1
- package/skinny/dist/plume/triggered-overlay/index.js +14 -14
- package/skinny/dist/plume/triggered-overlay/index.js.map +1 -1
- package/skinny/dist/{plume-utils-623b91cc.js → plume-utils-d9811bf3.js} +2 -2
- package/skinny/dist/{plume-utils-27cd384f.js.map → plume-utils-d9811bf3.js.map} +1 -1
- package/skinny/dist/{props-utils-b2ad4997.js → props-utils-228208e6.js} +2 -2
- package/skinny/dist/{props-utils-7c02c0a8.js.map → props-utils-228208e6.js.map} +1 -1
- package/skinny/dist/{react-utils-35cb2a4e.js → react-utils-7bc53870.js} +6 -6
- package/skinny/dist/{react-utils-35cb2a4e.js.map → react-utils-7bc53870.js.map} +1 -1
- package/skinny/dist/render/PlasmicHead/index.js +6 -6
- package/skinny/dist/render/PlasmicImg/index.js +27 -27
- package/skinny/dist/render/PlasmicImg/index.js.map +1 -1
- package/skinny/dist/render/elements.d.ts +5 -0
- package/skinny/dist/render/ssr.d.ts +1 -0
- package/skinny/dist/{ssr-b1615b80.js → ssr-b16a1854.js} +16 -10
- package/skinny/dist/ssr-b16a1854.js.map +1 -0
- package/skinny/dist/states/helpers.d.ts +5 -0
- package/skinny/dist/states/index.d.ts +1 -1
- package/skinny/dist/states/valtio.d.ts +16 -0
- package/skinny/dist/stories/UseDollarState.stories.d.ts +11 -0
- package/skinny/dist/collection-utils-2745acd4.js +0 -238
- package/skinny/dist/collection-utils-2745acd4.js.map +0 -1
- package/skinny/dist/collection-utils-3487dd27.js +0 -238
- package/skinny/dist/collection-utils-3487dd27.js.map +0 -1
- package/skinny/dist/collection-utils-57c273dc.js.map +0 -1
- package/skinny/dist/common-182a0b0c.js.map +0 -1
- package/skinny/dist/plume-utils-27cd384f.js +0 -35
- package/skinny/dist/plume-utils-623b91cc.js.map +0 -1
- package/skinny/dist/props-utils-7c02c0a8.js +0 -8
- package/skinny/dist/props-utils-b2ad4997.js.map +0 -1
- package/skinny/dist/react-utils-7c01e440.js +0 -172
- package/skinny/dist/react-utils-7c01e440.js.map +0 -1
- package/skinny/dist/render/PlasmicHead.d.ts +0 -35
- package/skinny/dist/ssr-14264281.js +0 -158
- package/skinny/dist/ssr-14264281.js.map +0 -1
- package/skinny/dist/ssr-5141fc77.js +0 -158
- package/skinny/dist/ssr-5141fc77.js.map +0 -1
- package/skinny/dist/ssr-579df58f.js +0 -158
- package/skinny/dist/ssr-579df58f.js.map +0 -1
- package/skinny/dist/ssr-84e27ffb.js +0 -110
- package/skinny/dist/ssr-84e27ffb.js.map +0 -1
- package/skinny/dist/ssr-9ebd98ed.js +0 -158
- package/skinny/dist/ssr-9ebd98ed.js.map +0 -1
- package/skinny/dist/ssr-b1615b80.js.map +0 -1
- package/skinny/dist/ssr-d2fd94f2.js +0 -31
- package/skinny/dist/ssr-d2fd94f2.js.map +0 -1
- package/skinny/dist/ssr-f4053cdd.js +0 -110
- package/skinny/dist/ssr-f4053cdd.js.map +0 -1
- package/skinny/dist/ssr-fbf922f6.js +0 -108
- package/skinny/dist/ssr-fbf922f6.js.map +0 -1
- package/skinny/dist/tslib.es6-d26ffe68.js +0 -132
- package/skinny/dist/tslib.es6-d26ffe68.js.map +0 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
import { $State } from "../states/valtio";
|
|
2
3
|
interface Variants {
|
|
3
4
|
[vg: string]: any;
|
|
4
5
|
}
|
|
@@ -54,6 +55,10 @@ export declare function wrapWithClassName(element: React.ReactNode, className: s
|
|
|
54
55
|
display: "grid";
|
|
55
56
|
};
|
|
56
57
|
}, HTMLElement>;
|
|
58
|
+
export declare function mergeVariantsWithStates(variants: Variants, $state: $State, linkedStates: {
|
|
59
|
+
variantGroup: string;
|
|
60
|
+
statePath: (string | number)[];
|
|
61
|
+
}[]): Variants;
|
|
57
62
|
export declare function deriveRenderOpts(props: Record<string, any>, config: {
|
|
58
63
|
name: string;
|
|
59
64
|
descendantNames: string[];
|
package/dist/render/ssr.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { useIsSSR as useAriaIsSSR } from "@react-aria/ssr";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { PlasmicTranslator } from "./translation";
|
|
4
|
+
export { PlasmicDataSourceContextProvider, useCurrentUser, } from "@plasmicapp/data-sources-context";
|
|
4
5
|
export interface PlasmicRootContextValue {
|
|
5
6
|
platform?: "nextjs" | "gatsby";
|
|
6
7
|
}
|
package/dist/states/helpers.d.ts
CHANGED
|
@@ -7,3 +7,8 @@ export declare function generateStateOnChangeProp($state: $State, stateName: str
|
|
|
7
7
|
* We need to pass `parent[index1][index2].counter to the child component
|
|
8
8
|
*/
|
|
9
9
|
export declare function generateStateValueProp($state: $State, path: (string | number)[]): any;
|
|
10
|
+
/**
|
|
11
|
+
* Forked from https://github.com/lukeed/dset
|
|
12
|
+
* Changes: fixed setting a deep value to a proxy object
|
|
13
|
+
*/
|
|
14
|
+
export declare function set(obj: any, keys: any, val: any): void;
|
package/dist/states/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
declare type InitFunc<T> = ($props: Record<string, any>, $state: $State) => T;
|
|
2
2
|
export interface $State {
|
|
3
3
|
[key: string]: any;
|
|
4
|
-
registerInitFunc
|
|
4
|
+
registerInitFunc?: (path: string, f: InitFunc<any>) => any;
|
|
5
5
|
}
|
|
6
6
|
export interface $StateSpec<T> {
|
|
7
7
|
path: string;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
declare type InitFunc<T> = ($props: Record<string, any>, $state: $State, indexes: number[]) => T;
|
|
2
|
+
export interface $State {
|
|
3
|
+
[key: string]: any;
|
|
4
|
+
registerInitFunc?: (path: string, f: InitFunc<any>) => any;
|
|
5
|
+
}
|
|
6
|
+
export interface $StateSpec<T> {
|
|
7
|
+
path: string;
|
|
8
|
+
initFunc?: InitFunc<T>;
|
|
9
|
+
initVal?: T;
|
|
10
|
+
type: "private" | "readonly" | "writable";
|
|
11
|
+
valueProp?: string;
|
|
12
|
+
onChangeProp?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare function useDollarState(specs: $StateSpec<any>[], props: Record<string, any>): any;
|
|
15
|
+
export default useDollarState;
|
|
16
|
+
export declare function useCanvasDollarState(specs: $StateSpec<any>[], props: Record<string, any>): any;
|
|
@@ -38,3 +38,14 @@ export declare const InitFuncFromContextData: import("@storybook/csf").Annotated
|
|
|
38
38
|
}[];
|
|
39
39
|
}>;
|
|
40
40
|
export declare const RepeatedImplicitState: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, {}>;
|
|
41
|
+
interface Person {
|
|
42
|
+
firstName: string;
|
|
43
|
+
lastName: string;
|
|
44
|
+
nicknames: string[];
|
|
45
|
+
}
|
|
46
|
+
export declare const FormBuilder: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, {
|
|
47
|
+
people: Person[];
|
|
48
|
+
}>;
|
|
49
|
+
export declare const FormBuilderImplicitStates: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, {
|
|
50
|
+
people: Person[];
|
|
51
|
+
}>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plasmicapp/react-web",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.113",
|
|
4
4
|
"description": "plasmic library for rendering in the presentational style",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -40,6 +40,7 @@
|
|
|
40
40
|
},
|
|
41
41
|
"prettier": {},
|
|
42
42
|
"dependencies": {
|
|
43
|
+
"@plasmicapp/data-sources-context": "0.1.2",
|
|
43
44
|
"@react-aria/checkbox": "^3.5.0",
|
|
44
45
|
"@react-aria/focus": "^3.7.0",
|
|
45
46
|
"@react-aria/interactions": "^3.10.0",
|
|
@@ -60,7 +61,9 @@
|
|
|
60
61
|
"@react-stately/tree": "^3.3.2",
|
|
61
62
|
"classnames": "^2.2.6",
|
|
62
63
|
"dlv": "^1.1.3",
|
|
63
|
-
"dset": "^3.1.2"
|
|
64
|
+
"dset": "^3.1.2",
|
|
65
|
+
"fast-deep-equal": "^3.1.3",
|
|
66
|
+
"valtio": "^1.6.3"
|
|
64
67
|
},
|
|
65
68
|
"devDependencies": {
|
|
66
69
|
"@babel/core": "^7.14.6",
|
|
@@ -86,6 +89,7 @@
|
|
|
86
89
|
"babel-jest": "^27.0.6",
|
|
87
90
|
"babel-loader": "^8.2.2",
|
|
88
91
|
"eslint": "^7.26.0",
|
|
92
|
+
"eslint-plugin-valtio": "^0.5.1",
|
|
89
93
|
"husky": "^6.0.0",
|
|
90
94
|
"react": "^16.13.1",
|
|
91
95
|
"react-dom": "^16.13.1",
|
|
@@ -100,5 +104,6 @@
|
|
|
100
104
|
"peerDependencies": {
|
|
101
105
|
"react": ">=16.8.0",
|
|
102
106
|
"react-dom": ">=16.8.0"
|
|
103
|
-
}
|
|
107
|
+
},
|
|
108
|
+
"gitHead": "92cb8dde2fdc291b75824100af86031084024455"
|
|
104
109
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { a as __assign, f as isString } from './common-
|
|
2
|
-
import React__default from 'react';
|
|
1
|
+
import { a as __assign, f as isString } from './common-9ebe374e.js';
|
|
3
2
|
import { Item, Section } from '@react-stately/collections';
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
3
|
+
import React__default from 'react';
|
|
4
|
+
import { t as toChildArray, g as getElementTypeName } from './react-utils-7bc53870.js';
|
|
5
|
+
import { g as getPlumeType, P as PLUME_STRICT_MODE } from './plume-utils-d9811bf3.js';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* In general, we try not to expose react-aria's Collections API to Plume users.
|
|
@@ -72,7 +72,7 @@ function deriveItemsFromChildren(children, opts) {
|
|
|
72
72
|
if (!children) {
|
|
73
73
|
return {
|
|
74
74
|
items: [],
|
|
75
|
-
disabledKeys: []
|
|
75
|
+
disabledKeys: []
|
|
76
76
|
};
|
|
77
77
|
}
|
|
78
78
|
var itemPlumeType = opts.itemPlumeType, sectionPlumeType = opts.sectionPlumeType, invalidChildError = opts.invalidChildError;
|
|
@@ -83,10 +83,10 @@ function deriveItemsFromChildren(children, opts) {
|
|
|
83
83
|
var ensureValue = function (element) {
|
|
84
84
|
if (!propInChild(element, "value")) {
|
|
85
85
|
if (opts.requireItemValue && PLUME_STRICT_MODE) {
|
|
86
|
-
throw new Error("Must specify a \"value\" prop for "
|
|
86
|
+
throw new Error("Must specify a \"value\" prop for ".concat(getElementTypeName(element)));
|
|
87
87
|
}
|
|
88
88
|
else {
|
|
89
|
-
return cloneChild(element, { value: ""
|
|
89
|
+
return cloneChild(element, { value: "".concat(itemCount++) });
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
else {
|
|
@@ -102,7 +102,8 @@ function deriveItemsFromChildren(children, opts) {
|
|
|
102
102
|
var _a;
|
|
103
103
|
if (React__default.isValidElement(child)) {
|
|
104
104
|
if (child.type === React__default.Fragment) {
|
|
105
|
-
return flattenedChildren(child.props
|
|
105
|
+
return flattenedChildren(child.props
|
|
106
|
+
.children);
|
|
106
107
|
}
|
|
107
108
|
var type = getPlumeType(child);
|
|
108
109
|
if (type === itemPlumeType) {
|
|
@@ -118,8 +119,8 @@ function deriveItemsFromChildren(children, opts) {
|
|
|
118
119
|
cloneChild(child, {
|
|
119
120
|
// key of section doesn't actually matter, just needs
|
|
120
121
|
// to be unique
|
|
121
|
-
key: (_a = child.key) !== null && _a !== void 0 ? _a : "section-"
|
|
122
|
-
children: flattenedChildren(getChildProp(child, "children"))
|
|
122
|
+
key: (_a = child.key) !== null && _a !== void 0 ? _a : "section-".concat(sectionCount++),
|
|
123
|
+
children: flattenedChildren(getChildProp(child, "children"))
|
|
123
124
|
}),
|
|
124
125
|
];
|
|
125
126
|
}
|
|
@@ -138,7 +139,7 @@ function useDerivedItemsFromChildren(children, opts) {
|
|
|
138
139
|
itemPlumeType: itemPlumeType,
|
|
139
140
|
sectionPlumeType: sectionPlumeType,
|
|
140
141
|
invalidChildError: invalidChildError,
|
|
141
|
-
requireItemValue: requireItemValue
|
|
142
|
+
requireItemValue: requireItemValue
|
|
142
143
|
});
|
|
143
144
|
}, [
|
|
144
145
|
children,
|
|
@@ -158,7 +159,7 @@ function renderCollectionNode(node) {
|
|
|
158
159
|
// _node prop that we use to render.
|
|
159
160
|
return cloneChild(node.rendered, {
|
|
160
161
|
_node: node,
|
|
161
|
-
key: node.key
|
|
162
|
+
key: node.key
|
|
162
163
|
});
|
|
163
164
|
}
|
|
164
165
|
/**
|
|
@@ -235,4 +236,4 @@ function cloneChild(child, props) {
|
|
|
235
236
|
}
|
|
236
237
|
|
|
237
238
|
export { renderAsCollectionChild as a, getChildProp as g, renderCollectionNode as r, useDerivedItemsFromChildren as u };
|
|
238
|
-
//# sourceMappingURL=collection-utils-
|
|
239
|
+
//# sourceMappingURL=collection-utils-43f97262.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collection-utils-43f97262.js","sources":["../../src/plume/collection-utils.tsx"],"sourcesContent":["/**\n * In general, we try not to expose react-aria's Collections API to Plume users.\n * The Collections API is how react-aria users pass data about collections of\n * things using the built-in Item and Section components, which are abstract,\n * metadata-only components that don't render anything but only serve to specify\n * data. For example, here's how you would use react-spectrum's Picker:\n *\n * <Picker>\n * <Section title=\"Asia\">\n * <Item key=\"taiwan\">Taiwan</Item>\n * <Item key=\"japan\">Japan</Item>\n * <Item key=\"china\">China</Item>\n * </Section>\n * <Section title=\"Europe\">\n * <Item key=\"germany\">Germany</Item>\n * <Item key=\"france\">France</Item>\n * </Section>\n * </Picker>\n *\n * You would re-use this same Item/Section components to pass similar things to\n * Menu, Tabs, etc.\n *\n * For Plasmic, this API is too abstract. The user has explicitly designed components\n * like Select.Option and Select.OptionGroup, and it is weird that they don't actually\n * use these components. It is more natural to do:\n *\n * <Select>\n * <Select.OptionGroup title=\"Asia\">\n * <Select.Option key=\"taiwan\">Taiwan</Select>\n * </Select.OptionGroup>\n * </Select>\n *\n * For Plume, we let users directly use the components they designed, both to collect\n * information and to perform actual rendering. For example, for Plume,\n * you'd use Select.Option instead of Item, and Select.OptionGroup instead of Section.\n * This means that the Select.Option props will collect the same information Item\n * does.\n *\n * A component like Select.Option then serves two purposes:\n *\n * 1. Allow users to specify the collection of data, like in the above example\n * Here, we're mainly interested in the props in those ReactElements so\n * we can pass the Item/Section data onto react-aria's APIs. We are not\n * actually rendering these elements.\n * 2. Once react-aria's Collections API has gone through them and built\n * Collection \"nodes\", we then create cloned versions of these elements\n * with the corresponding node passed in as a secret prop. These ReactElements\n * are then actually used to _render_ the corresponding Option / OptionGroup.\n *\n * This file contains helper functions to help with implementing the above.\n *\n * Note also that most of the collections-based react-aria components expose\n * a parallel API that accepts a list of \"items\" and a render prop, instead\n * of list of Item/Section elements. This is for efficiency, but we are opting\n * to only support the composite-component pattern for now for simplicity.\n */\n\nimport { Item, Section } from \"@react-stately/collections\";\nimport { Node } from \"@react-types/shared\";\nimport React from \"react\";\nimport { isString } from \"../common\";\nimport { getElementTypeName, toChildArray } from \"../react-utils\";\nimport { getPlumeType, PLUME_STRICT_MODE } from \"./plume-utils\";\n\nexport interface PlasmicLoaderProps<T> {\n component: string;\n componentProps: T;\n}\n\n/**\n * Props for a Plume component that corresponds to an Item\n */\nexport interface ItemLikeProps {\n /**\n * value key corresponding to this item. Not required if you use the\n * `key` prop instead.\n */\n value?: string | null;\n\n /**\n * The text string value corresponding to this item. Used to support\n * keyboard type-ahead. If not specified, then will be derived from\n * `children` if it is a string, or the `value` or `key`.\n */\n textValue?: string;\n\n /**\n * aria-label for this item.\n */\n \"aria-label\"?: string;\n\n /**\n * Primary content label for this item.\n */\n children?: React.ReactNode;\n\n /**\n * If true, this item will not be selectable.\n */\n isDisabled?: boolean;\n}\n\ntype LoaderAwareItemLikeProps =\n | ItemLikeProps\n | PlasmicLoaderProps<ItemLikeProps>;\n\n/**\n * Props for a Plume component that corresponds to a Section\n */\nexport interface SectionLikeProps {\n /**\n * Heading content of the title\n */\n title?: React.ReactNode;\n\n /**\n * aria-label for this section\n */\n \"aria-label\"?: string;\n\n /**\n * A list of items that belong in this group\n */\n children?: React.ReactNode;\n}\n\ntype LoaderAwareSectionLikeProps =\n | SectionLikeProps\n | PlasmicLoaderProps<SectionLikeProps>;\n\n/**\n * Given children of a component like Select or Menu, derive the items\n * that we will pass into the Collections API. These will be\n * ReactElement<ItemLikeProps|SectionLikeProps>[].\n *\n * Will also assign keys to items by their index in the collection,\n * and collect the keys of disabled items.\n */\nexport function deriveItemsFromChildren<T extends React.ReactElement>(\n children: React.ReactNode,\n opts: {\n itemPlumeType: string;\n sectionPlumeType?: string;\n invalidChildError?: string;\n requireItemValue: boolean;\n }\n) {\n if (!children) {\n return {\n items: [] as T[],\n disabledKeys: [] as React.Key[],\n };\n }\n\n const { itemPlumeType, sectionPlumeType, invalidChildError } = opts;\n\n // For Plume items without an explicit key, we assign a key as the index\n // of the collection.\n let itemCount = 0;\n let sectionCount = 0;\n\n const ensureValue = (element: React.ReactElement) => {\n if (!propInChild(element, \"value\")) {\n if (opts.requireItemValue && PLUME_STRICT_MODE) {\n throw new Error(\n `Must specify a \"value\" prop for ${getElementTypeName(element)}`\n );\n } else {\n return cloneChild(element, { value: `${itemCount++}` });\n }\n } else {\n // Still increment count even if key is present, so that the\n // auto-assigned key really reflects the index\n itemCount++;\n return element;\n }\n };\n\n const disabledKeys: React.Key[] = [];\n\n const flattenedChildren = (\n children: React.ReactNode\n ): React.ReactElement[] => {\n return toChildArray(children).flatMap((child) => {\n if (React.isValidElement(child)) {\n if (child.type === React.Fragment) {\n return flattenedChildren(\n (child as React.ReactElement<{ children: React.ReactNode }>).props\n .children\n );\n }\n const type = getPlumeType(child);\n if (type === itemPlumeType) {\n child = ensureValue(child);\n const childKey = getItemLikeKey(child);\n if (getChildProp(child, \"isDisabled\") && !!childKey) {\n disabledKeys.push(childKey);\n }\n return [child];\n }\n if (type === sectionPlumeType) {\n return [\n cloneChild(child, {\n // key of section doesn't actually matter, just needs\n // to be unique\n key: child.key ?? `section-${sectionCount++}`,\n children: flattenedChildren(getChildProp(child, \"children\")),\n }),\n ];\n }\n }\n\n if (PLUME_STRICT_MODE) {\n throw new Error(invalidChildError ?? `Unexpected child`);\n } else {\n return [];\n }\n });\n };\n\n return { items: flattenedChildren(children) as T[], disabledKeys };\n}\n\nexport function useDerivedItemsFromChildren<T extends React.ReactElement>(\n children: React.ReactNode,\n opts: {\n itemPlumeType: string;\n sectionPlumeType?: string;\n invalidChildError?: string;\n requireItemValue: boolean;\n }\n) {\n const {\n itemPlumeType,\n sectionPlumeType,\n invalidChildError,\n requireItemValue,\n } = opts;\n return React.useMemo(() => {\n return deriveItemsFromChildren<T>(children, {\n itemPlumeType,\n sectionPlumeType,\n invalidChildError,\n requireItemValue,\n });\n }, [\n children,\n itemPlumeType,\n sectionPlumeType,\n invalidChildError,\n requireItemValue,\n ]);\n}\n\n/**\n * Given a Collection node, create the React element that we should use\n * to render it.\n */\nexport function renderCollectionNode(node: Node<any>) {\n // node.rendered should already have our item-like or section-like Plume\n // component elements, so we just need to clone them with a secret\n // _node prop that we use to render.\n return cloneChild(node.rendered as React.ReactElement, {\n _node: node,\n key: node.key,\n });\n}\n\n/**\n * Renders a item-like or section-like Plume component element into an\n * Item or a Section element.\n */\nexport function renderAsCollectionChild<\n T extends React.ReactElement<\n LoaderAwareItemLikeProps | LoaderAwareSectionLikeProps\n >\n>(\n child: T,\n opts: {\n itemPlumeType: string;\n sectionPlumeType?: string;\n }\n) {\n const plumeType = getPlumeType(child);\n if (plumeType === opts.itemPlumeType) {\n const option = child as React.ReactElement<LoaderAwareItemLikeProps>;\n\n // We look at the children passed to the item-like element, and derive key\n // or textValue from it if it is a string\n const content = getChildProp(option, \"children\");\n\n // The children render prop needs to return an <Item/>\n return (\n <Item\n // We use ItemLike.value if the user explicitly specified a value,\n // and we fallback to key. If the user specified neither, then\n // the Collections API will generate a unique key for this item.\n key={getItemLikeKey(option)}\n // textValue is either explicitly specified by the user, or we\n // try to derive it if `content` is a string.\n textValue={\n getChildProp(option, \"textValue\") ??\n (isString(content)\n ? content\n : propInChild(option, \"value\")\n ? getChildProp(option, \"value\")\n : option.key)\n }\n aria-label={getChildProp(option, \"aria-label\")}\n >\n {\n // Note that what we setting the item-like element as the children\n // here, and not content; we want the entire item-like Plume element to\n // end up as Node.rendered.\n }\n {option}\n </Item>\n );\n } else {\n const group = child as React.ReactElement<LoaderAwareSectionLikeProps>;\n return (\n <Section\n // Note that we are using the whole section-like element as the title\n // here, and not group.props.title; we want the entire section-like\n // Plume element to end up as Node.rendered.\n title={group}\n aria-label={getChildProp(group, \"aria-label\")}\n // We are flattening and deriving the descendant Options as items here.\n // group.props.children should've already been cleaned up by\n // deriveItemsFromChildren()\n items={getChildProp(group, \"children\") as React.ReactElement[]}\n >\n {\n // We use the same render function to turn descendent Options into Items\n }\n {(c: React.ReactElement) => renderAsCollectionChild(c, opts)}\n </Section>\n );\n }\n}\n\nfunction getItemLikeKey(element: React.ReactElement<LoaderAwareItemLikeProps>) {\n return getChildProp(element, \"value\") ?? element.key;\n}\n\n// PlasmicLoader-aware function to get prop from child.\nexport function getChildProp(child: React.ReactElement, prop: string) {\n return \"componentProps\" in child.props\n ? child.props.componentProps[prop]\n : child.props[prop];\n}\n\n// PlasmicLoader-aware function to check `if (prop in element.props)`.\nfunction propInChild(child: React.ReactElement, prop: string): boolean {\n return \"componentProps\" in child.props\n ? prop in child.props.componentProps\n : prop in child.props;\n}\n\n// PlasmicLoader-aware function to clone React element.\nfunction cloneChild(child: React.ReactElement, props: Record<string, any>) {\n if ((child.type as any).getPlumeType) {\n // If React element has getPlumeType(), assume that it is PlasmicLoader,\n // so add nodeProps to componentProps instead of element props.\n return React.cloneElement(child, {\n componentProps: {\n ...child.props.componentProps,\n ...props,\n },\n ...(props.key ? { key: props.key } : {}),\n });\n }\n\n return React.cloneElement(child, props);\n}\n"],"names":["React"],"mappings":"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"}
|
|
@@ -198,4 +198,4 @@ function mapValues(obj, mapper) {
|
|
|
198
198
|
}
|
|
199
199
|
|
|
200
200
|
export { __rest as _, __assign as a, __spreadArray as b, __read as c, __values as d, chainSingleArgFuncs as e, isString as f, groupBy as g, isSubset as i, mapValues as m, notNil as n, omit as o, pick as p };
|
|
201
|
-
//# sourceMappingURL=common-
|
|
201
|
+
//# sourceMappingURL=common-9ebe374e.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"common-9ebe374e.js","sources":["../../../../node_modules/tslib/tslib.es6.js","../../src/common.ts"],"sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","export function notNil<T>(x: T | undefined | null): x is T {\n return x != null;\n}\n\nexport function pick<T extends {}>(\n obj: T,\n ...keys: (string | number | symbol)[]\n): Partial<T> {\n if (Object.keys(obj).length === 0) {\n return obj;\n }\n const res: any = {};\n for (const key of keys) {\n if (key in obj) {\n res[key] = obj[key as keyof T];\n }\n }\n return res as Partial<T>;\n}\n\nexport function pickBy<T extends {}>(\n obj: T,\n func: (key: string, val: any) => boolean\n): Partial<T> {\n const res: any = {};\n for (const [key, val] of Object.entries(obj)) {\n if (func(key, val)) {\n res[key] = obj[key as keyof T];\n }\n }\n return res as Partial<T>;\n}\n\nexport function omit<T extends {}>(obj: T, ...keys: (keyof T)[]): Partial<T> {\n if (Object.keys(obj).length === 0) {\n return obj;\n }\n const res: Partial<T> = {};\n for (const key of Object.keys(obj) as (keyof T)[]) {\n if (!keys.includes(key)) {\n res[key] = obj[key];\n }\n }\n return res;\n}\n\nexport function isSubset<T>(a1: T[], a2: T[]) {\n return a1.every((x) => a2.includes(x));\n}\n\nexport function chainSingleArgFuncs<A>(...funcs: ((arg: A) => A)[]) {\n if (funcs.length === 0) {\n return undefined;\n }\n return (arg: A) => {\n let res: A = arg;\n for (const func of funcs) {\n res = func(res);\n }\n return res;\n };\n}\n\nexport function ensure<T>(x: T | null | undefined): T {\n if (x === null || x === undefined) {\n debugger;\n throw new Error(`Value must not be undefined or null`);\n } else {\n return x;\n }\n}\n\nexport function isString(x: any): x is string {\n return typeof x === \"string\";\n}\n\nexport function groupBy<T>(\n collection: T[],\n keyFunc: (x: T) => string\n): Record<string, T[]> {\n const result: Record<string, T[]> = {};\n for (const obj of collection) {\n const key = keyFunc(obj);\n if (key in result) {\n result[key].push(obj);\n } else {\n result[key] = [obj];\n }\n }\n return result;\n}\n\nexport function mapValues<V, V2>(\n obj: Record<string, V>,\n mapper: (value: V) => V2\n): Record<string, V2> {\n const result: Record<string, V2> = {};\n for (const key in obj) {\n result[key] = mapper(obj[key]);\n }\n return result;\n}\n"],"names":[],"mappings":"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"}
|
package/skinny/dist/common.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export declare function notNil<T>(x: T | undefined | null): x is T;
|
|
2
|
-
export declare function pick<T>(obj: T, ...keys: (string | number | symbol)[]): Partial<T>;
|
|
3
|
-
export declare function pickBy<T>(obj: T, func: (key: string, val: any) => boolean): Partial<T>;
|
|
4
|
-
export declare function omit<T>(obj: T, ...keys: (keyof T)[]): Partial<T>;
|
|
2
|
+
export declare function pick<T extends {}>(obj: T, ...keys: (string | number | symbol)[]): Partial<T>;
|
|
3
|
+
export declare function pickBy<T extends {}>(obj: T, func: (key: string, val: any) => boolean): Partial<T>;
|
|
4
|
+
export declare function omit<T extends {}>(obj: T, ...keys: (keyof T)[]): Partial<T>;
|
|
5
5
|
export declare function isSubset<T>(a1: T[], a2: T[]): boolean;
|
|
6
6
|
export declare function chainSingleArgFuncs<A>(...funcs: ((arg: A) => A)[]): ((arg: A) => A) | undefined;
|
|
7
7
|
export declare function ensure<T>(x: T | null | undefined): T;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
import _classNames from "classnames";
|
|
2
|
+
export declare const classNames: typeof _classNames;
|
|
2
3
|
export { omit, pick } from "./common";
|
|
3
4
|
export { HTMLElementRefOf, StrictProps } from "./react-utils";
|
|
4
|
-
export { createPlasmicElementProxy, deriveRenderOpts, Flex, hasVariant, makeFragment, MultiChoiceArg, SingleBooleanChoiceArg, SingleChoiceArg, wrapWithClassName, } from "./render/elements";
|
|
5
|
+
export { createPlasmicElementProxy, deriveRenderOpts, Flex, hasVariant, makeFragment, mergeVariantsWithStates, MultiChoiceArg, SingleBooleanChoiceArg, SingleChoiceArg, wrapWithClassName, } from "./render/elements";
|
|
5
6
|
export { ensureGlobalVariants } from "./render/global-variants";
|
|
6
7
|
export { PlasmicHead, plasmicHeadMeta } from "./render/PlasmicHead";
|
|
7
8
|
export { PlasmicIcon } from "./render/PlasmicIcon";
|
|
@@ -9,7 +10,7 @@ export { PlasmicImg } from "./render/PlasmicImg";
|
|
|
9
10
|
export { PlasmicLink } from "./render/PlasmicLink";
|
|
10
11
|
export { PlasmicSlot, renderPlasmicSlot } from "./render/PlasmicSlot";
|
|
11
12
|
export { createUseScreenVariants } from "./render/screen-variants";
|
|
12
|
-
export { PlasmicRootProvider, useIsSSR } from "./render/ssr";
|
|
13
|
+
export { PlasmicDataSourceContextProvider, PlasmicRootProvider, useCurrentUser, useIsSSR, } from "./render/ssr";
|
|
13
14
|
export { Stack } from "./render/Stack";
|
|
14
15
|
export { genTranslatableString, Trans } from "./render/translation";
|
|
15
16
|
export { useTrigger } from "./render/triggers";
|
package/skinny/dist/index.d.ts
CHANGED
|
@@ -10,4 +10,4 @@ export * from "./plume/switch";
|
|
|
10
10
|
export * from "./plume/text-input";
|
|
11
11
|
export * from "./plume/triggered-overlay";
|
|
12
12
|
export * from "./states/helpers";
|
|
13
|
-
export { default as useDollarState } from "./states/
|
|
13
|
+
export { $State, default as useDollarState, useCanvasDollarState, } from "./states/valtio";
|
package/skinny/dist/index.js
CHANGED
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import classNames$1 from 'classnames';
|
|
2
|
+
import get from 'dlv';
|
|
2
3
|
import * as React from 'react';
|
|
3
4
|
import React__default from 'react';
|
|
4
|
-
import { c as createElementWithChildren, m as mergeProps, e as ensureNotArray, N as NONE, a as mergePropVals, i as isReactNode, b as isBrowser, u as useIsomorphicLayoutEffect } from './react-utils-
|
|
5
|
-
import { _ as __rest, a as __assign, b as __spreadArray, c as __read, o as omit, p as pick, d as __values, i as isSubset, e as chainSingleArgFuncs, n as notNil } from './common-
|
|
6
|
-
export { o as omit, p as pick } from './common-
|
|
5
|
+
import { c as createElementWithChildren, m as mergeProps, e as ensureNotArray, N as NONE, a as mergePropVals, i as isReactNode, b as isBrowser, u as useIsomorphicLayoutEffect } from './react-utils-7bc53870.js';
|
|
6
|
+
import { _ as __rest, a as __assign, b as __spreadArray, c as __read, o as omit, p as pick, d as __values, i as isSubset, e as chainSingleArgFuncs, n as notNil } from './common-9ebe374e.js';
|
|
7
|
+
export { o as omit, p as pick } from './common-9ebe374e.js';
|
|
7
8
|
export { PlasmicHead, plasmicHeadMeta } from './render/PlasmicHead/index.js';
|
|
8
9
|
export { PlasmicImg } from './render/PlasmicImg/index.js';
|
|
9
|
-
import { T as Trans } from './ssr-
|
|
10
|
-
export { P as PlasmicRootProvider, T as Trans, g as genTranslatableString, u as useIsSSR } from './ssr-
|
|
10
|
+
import { T as Trans } from './ssr-b16a1854.js';
|
|
11
|
+
export { P as PlasmicRootProvider, T as Trans, g as genTranslatableString, u as useIsSSR } from './ssr-b16a1854.js';
|
|
11
12
|
import ReactDOM__default from 'react-dom';
|
|
12
13
|
import { useFocusRing } from '@react-aria/focus';
|
|
14
|
+
export { PlasmicDataSourceContextProvider, useCurrentUser } from '@plasmicapp/data-sources-context';
|
|
13
15
|
import '@react-aria/ssr';
|
|
14
16
|
|
|
15
17
|
function renderStack(as, props, hasGap, ref) {
|
|
@@ -43,7 +45,7 @@ var Stack = Object.assign(FlexStack, {
|
|
|
43
45
|
section: makeStackImpl("section"),
|
|
44
46
|
head: makeStackImpl("head"),
|
|
45
47
|
main: makeStackImpl("main"),
|
|
46
|
-
nav: makeStackImpl("nav")
|
|
48
|
+
nav: makeStackImpl("nav")
|
|
47
49
|
});
|
|
48
50
|
|
|
49
51
|
function hasVariant(variants, groupName, variant) {
|
|
@@ -80,7 +82,7 @@ function wrapFlexContainerChildren(children, hasGap) {
|
|
|
80
82
|
return null;
|
|
81
83
|
}
|
|
82
84
|
else if (Array.isArray(children)) {
|
|
83
|
-
return React.createElement.apply(React, __spreadArray(["div", { className: className }], __read(children)));
|
|
85
|
+
return React.createElement.apply(React, __spreadArray(["div", { className: className }], __read(children), false));
|
|
84
86
|
}
|
|
85
87
|
else {
|
|
86
88
|
return React.createElement("div", { className: className }, children);
|
|
@@ -153,7 +155,7 @@ function createPlasmicElementProxy(defaultElement, props) {
|
|
|
153
155
|
delete props["data-plasmic-root"];
|
|
154
156
|
delete props["data-plasmic-for-node"];
|
|
155
157
|
var element = createPlasmicElementFromJsx.apply(void 0, __spreadArray([defaultElement,
|
|
156
|
-
props], __read(children)));
|
|
158
|
+
props], __read(children), false));
|
|
157
159
|
if (name) {
|
|
158
160
|
seenElements.set(name, element);
|
|
159
161
|
}
|
|
@@ -182,14 +184,16 @@ function createPlasmicElementFromJsx(defaultElement, props) {
|
|
|
182
184
|
delete props["data-plasmic-wrap-flex-child"];
|
|
183
185
|
delete props["data-plasmic-trigger-props"];
|
|
184
186
|
return createPlasmicElement(override, defaultElement, mergeProps.apply(void 0, __spreadArray([props,
|
|
185
|
-
children.length === 0
|
|
187
|
+
children.length === 0
|
|
188
|
+
? {}
|
|
189
|
+
: { children: children.length === 1 ? children[0] : children }], __read(triggerProps), false)), wrapFlexChild);
|
|
186
190
|
}
|
|
187
191
|
function makeFragment() {
|
|
188
192
|
var children = [];
|
|
189
193
|
for (var _i = 0; _i < arguments.length; _i++) {
|
|
190
194
|
children[_i] = arguments[_i];
|
|
191
195
|
}
|
|
192
|
-
return React.createElement.apply(React, __spreadArray([React.Fragment, {}], __read(children)));
|
|
196
|
+
return React.createElement.apply(React, __spreadArray([React.Fragment, {}], __read(children), false));
|
|
193
197
|
}
|
|
194
198
|
var UNSET = Symbol("UNSET");
|
|
195
199
|
function mergeOverrideProps(defaults, overrides) {
|
|
@@ -238,8 +242,8 @@ function wrapWithClassName(element, className) {
|
|
|
238
242
|
key: key,
|
|
239
243
|
className: className,
|
|
240
244
|
style: {
|
|
241
|
-
display: "grid"
|
|
242
|
-
}
|
|
245
|
+
display: "grid"
|
|
246
|
+
}
|
|
243
247
|
}, element);
|
|
244
248
|
}
|
|
245
249
|
function deriveOverride(x) {
|
|
@@ -247,7 +251,7 @@ function deriveOverride(x) {
|
|
|
247
251
|
// undefined Binding is an empty Binding
|
|
248
252
|
return {
|
|
249
253
|
type: "default",
|
|
250
|
-
props: {}
|
|
254
|
+
props: {}
|
|
251
255
|
};
|
|
252
256
|
}
|
|
253
257
|
else if (isReactNode(x)) {
|
|
@@ -255,8 +259,8 @@ function deriveOverride(x) {
|
|
|
255
259
|
return {
|
|
256
260
|
type: "default",
|
|
257
261
|
props: {
|
|
258
|
-
children: x
|
|
259
|
-
}
|
|
262
|
+
children: x
|
|
263
|
+
}
|
|
260
264
|
};
|
|
261
265
|
}
|
|
262
266
|
else if (typeof x === "object") {
|
|
@@ -279,16 +283,16 @@ function deriveOverride(x) {
|
|
|
279
283
|
// Else, assume this is just a props object.
|
|
280
284
|
return {
|
|
281
285
|
type: "default",
|
|
282
|
-
props: x
|
|
286
|
+
props: x
|
|
283
287
|
};
|
|
284
288
|
}
|
|
285
289
|
else if (typeof x === "function") {
|
|
286
290
|
return {
|
|
287
291
|
type: "render",
|
|
288
|
-
render: x
|
|
292
|
+
render: x
|
|
289
293
|
};
|
|
290
294
|
}
|
|
291
|
-
throw new Error("Unexpected override: "
|
|
295
|
+
throw new Error("Unexpected override: ".concat(x));
|
|
292
296
|
}
|
|
293
297
|
function mergeVariants(v1, v2) {
|
|
294
298
|
if (!v1 || !v2) {
|
|
@@ -296,6 +300,15 @@ function mergeVariants(v1, v2) {
|
|
|
296
300
|
}
|
|
297
301
|
return __assign(__assign({}, v1), v2);
|
|
298
302
|
}
|
|
303
|
+
function mergeVariantsWithStates(variants, $state, linkedStates) {
|
|
304
|
+
return __assign(__assign({}, variants), Object.fromEntries(linkedStates.map(function (_a) {
|
|
305
|
+
var variantGroup = _a.variantGroup, statePath = _a.statePath;
|
|
306
|
+
return [
|
|
307
|
+
variantGroup,
|
|
308
|
+
get($state, statePath),
|
|
309
|
+
];
|
|
310
|
+
})));
|
|
311
|
+
}
|
|
299
312
|
function mergeArgs(a1, a2) {
|
|
300
313
|
if (!a1 || !a2) {
|
|
301
314
|
return a1 || a2 || {};
|
|
@@ -307,7 +320,7 @@ function mergeFlexOverrides(o1, o2) {
|
|
|
307
320
|
if (!o2) {
|
|
308
321
|
return o1;
|
|
309
322
|
}
|
|
310
|
-
var keys = Array.from(new Set(__spreadArray(__spreadArray([], __read(Object.keys(o1))), __read(Object.keys(o2)))));
|
|
323
|
+
var keys = Array.from(new Set(__spreadArray(__spreadArray([], __read(Object.keys(o1)), false), __read(Object.keys(o2)), false)));
|
|
311
324
|
var merged = {};
|
|
312
325
|
try {
|
|
313
326
|
for (var keys_1 = __values(keys), keys_1_1 = keys_1.next(); !keys_1_1.done; keys_1_1 = keys_1.next()) {
|
|
@@ -334,8 +347,8 @@ function mergeFlexOverride(fo1, fo2) {
|
|
|
334
347
|
}
|
|
335
348
|
var o1 = deriveOverride(fo1);
|
|
336
349
|
var o2 = deriveOverride(fo2);
|
|
337
|
-
var wrap = chainSingleArgFuncs.apply(void 0, __spreadArray([], __read([o1.wrap, o2.wrap].filter(notNil))));
|
|
338
|
-
var wrapChildren = chainSingleArgFuncs.apply(void 0, __spreadArray([], __read([o1.wrapChildren, o2.wrapChildren].filter(notNil))));
|
|
350
|
+
var wrap = chainSingleArgFuncs.apply(void 0, __spreadArray([], __read([o1.wrap, o2.wrap].filter(notNil)), false));
|
|
351
|
+
var wrapChildren = chainSingleArgFuncs.apply(void 0, __spreadArray([], __read([o1.wrapChildren, o2.wrapChildren].filter(notNil)), false));
|
|
339
352
|
// "render" type always takes precedence, but we still merge the props
|
|
340
353
|
var props = mergeOverrideProps((_a = o1.props) !== null && _a !== void 0 ? _a : {}, o2.props);
|
|
341
354
|
if (o2.type === "render") {
|
|
@@ -343,7 +356,7 @@ function mergeFlexOverride(fo1, fo2) {
|
|
|
343
356
|
render: o2.render,
|
|
344
357
|
props: props,
|
|
345
358
|
wrap: wrap,
|
|
346
|
-
wrapChildren: wrapChildren
|
|
359
|
+
wrapChildren: wrapChildren
|
|
347
360
|
};
|
|
348
361
|
}
|
|
349
362
|
if (o1.type === "render") {
|
|
@@ -351,30 +364,28 @@ function mergeFlexOverride(fo1, fo2) {
|
|
|
351
364
|
render: o1.render,
|
|
352
365
|
props: props,
|
|
353
366
|
wrap: wrap,
|
|
354
|
-
wrapChildren: wrapChildren
|
|
367
|
+
wrapChildren: wrapChildren
|
|
355
368
|
};
|
|
356
369
|
}
|
|
357
370
|
// "as" will take precedence
|
|
358
371
|
var as = (_b = (o2.type === "as" ? o2.as : undefined)) !== null && _b !== void 0 ? _b : (o1.type === "as" ? o1.as : undefined);
|
|
359
|
-
return __assign({ props: props,
|
|
360
|
-
wrap: wrap,
|
|
361
|
-
wrapChildren: wrapChildren }, (as ? { as: as } : {}));
|
|
372
|
+
return __assign({ props: props, wrap: wrap, wrapChildren: wrapChildren }, (as ? { as: as } : {}));
|
|
362
373
|
}
|
|
363
374
|
function deriveRenderOpts(props, config) {
|
|
364
375
|
var _a;
|
|
365
376
|
var name = config.name, descendantNames = config.descendantNames, internalVariantPropNames = config.internalVariantPropNames, internalArgPropNames = config.internalArgPropNames;
|
|
366
377
|
var reservedPropNames = ["variants", "args", "overrides"];
|
|
367
|
-
var variants = mergeVariants(omit.apply(void 0, __spreadArray([pick.apply(void 0, __spreadArray([props], __read(internalVariantPropNames)))], __read(reservedPropNames))), props.variants);
|
|
368
|
-
var args = mergeArgs(omit.apply(void 0, __spreadArray([pick.apply(void 0, __spreadArray([props], __read(internalArgPropNames)))], __read(reservedPropNames))), props.args);
|
|
369
|
-
var overrides = mergeFlexOverrides(omit.apply(void 0, __spreadArray(__spreadArray(__spreadArray([pick.apply(void 0, __spreadArray([props], __read(descendantNames)))], __read(internalArgPropNames)), __read(internalVariantPropNames)), __read(reservedPropNames))), props.overrides);
|
|
378
|
+
var variants = mergeVariants(omit.apply(void 0, __spreadArray([pick.apply(void 0, __spreadArray([props], __read(internalVariantPropNames), false))], __read(reservedPropNames), false)), props.variants);
|
|
379
|
+
var args = mergeArgs(omit.apply(void 0, __spreadArray([pick.apply(void 0, __spreadArray([props], __read(internalArgPropNames), false))], __read(reservedPropNames), false)), props.args);
|
|
380
|
+
var overrides = mergeFlexOverrides(omit.apply(void 0, __spreadArray(__spreadArray(__spreadArray([pick.apply(void 0, __spreadArray([props], __read(descendantNames), false))], __read(internalArgPropNames), false), __read(internalVariantPropNames), false), __read(reservedPropNames), false)), props.overrides);
|
|
370
381
|
var leftoverProps = omit.apply(void 0, __spreadArray(__spreadArray(__spreadArray([props,
|
|
371
382
|
"variants",
|
|
372
383
|
"args",
|
|
373
|
-
"overrides"], __read(descendantNames)), __read(internalVariantPropNames)), __read(internalArgPropNames)));
|
|
384
|
+
"overrides"], __read(descendantNames), false), __read(internalVariantPropNames), false), __read(internalArgPropNames), false));
|
|
374
385
|
if (Object.keys(leftoverProps).length > 0) {
|
|
375
386
|
overrides = mergeFlexOverrides(overrides, (_a = {},
|
|
376
387
|
_a[name] = {
|
|
377
|
-
props: leftoverProps
|
|
388
|
+
props: leftoverProps
|
|
378
389
|
},
|
|
379
390
|
_a));
|
|
380
391
|
}
|
|
@@ -394,8 +405,8 @@ function ensureGlobalVariants(globalVariantValues) {
|
|
|
394
405
|
globalVariantValues[key] = undefined;
|
|
395
406
|
if (!seenDefaultVariants[key] && process.env.NODE_ENV === "development") {
|
|
396
407
|
seenDefaultVariants[key] = true;
|
|
397
|
-
var providerName = ""
|
|
398
|
-
console.warn("Plasmic context value for global variant \""
|
|
408
|
+
var providerName = "".concat(key[0].toUpperCase()).concat(key.substring(1), "Context.Provider");
|
|
409
|
+
console.warn("Plasmic context value for global variant \"".concat(key, "\" was not provided; please use ").concat(providerName, " at the root of your React app. Learn More: https://www.plasmic.app/learn/other-assets/#global-variants"));
|
|
399
410
|
}
|
|
400
411
|
});
|
|
401
412
|
return globalVariantValues;
|
|
@@ -419,7 +430,7 @@ var PlasmicLink = React__default.forwardRef(function PlasmicLink(props, ref) {
|
|
|
419
430
|
"prefetch",
|
|
420
431
|
"locale",
|
|
421
432
|
];
|
|
422
|
-
return React__default.createElement(props.component, pick.apply(void 0, __spreadArray([props], __read(nextjsProps))), React__default.createElement("a", __assign({}, omit.apply(void 0, __spreadArray([props, "component", "platform"], __read(nextjsProps))), { ref: ref })));
|
|
433
|
+
return React__default.createElement(props.component, pick.apply(void 0, __spreadArray([props], __read(nextjsProps), false)), React__default.createElement("a", __assign({}, omit.apply(void 0, __spreadArray([props, "component", "platform"], __read(nextjsProps), false)), { ref: ref })));
|
|
423
434
|
}
|
|
424
435
|
if (props.platform === "gatsby" && isInternalHref(props.href)) {
|
|
425
436
|
return React__default.createElement(props.component, __assign(__assign({}, omit(props, "component", "platform", "href")), { to: props.href, ref: ref }));
|
|
@@ -561,28 +572,28 @@ function createUseScreenVariants(isMulti, screenQueries) {
|
|
|
561
572
|
function useFocused(opts) {
|
|
562
573
|
var _a = useFocusRing({
|
|
563
574
|
within: false,
|
|
564
|
-
isTextInput: opts.isTextInput
|
|
575
|
+
isTextInput: opts.isTextInput
|
|
565
576
|
}), isFocused = _a.isFocused, focusProps = _a.focusProps;
|
|
566
577
|
return [isFocused, focusProps];
|
|
567
578
|
}
|
|
568
579
|
function useFocusVisible(opts) {
|
|
569
580
|
var _a = useFocusRing({
|
|
570
581
|
within: false,
|
|
571
|
-
isTextInput: opts.isTextInput
|
|
582
|
+
isTextInput: opts.isTextInput
|
|
572
583
|
}), isFocusVisible = _a.isFocusVisible, focusProps = _a.focusProps;
|
|
573
584
|
return [isFocusVisible, focusProps];
|
|
574
585
|
}
|
|
575
586
|
function useFocusedWithin(opts) {
|
|
576
587
|
var _a = useFocusRing({
|
|
577
588
|
within: true,
|
|
578
|
-
isTextInput: opts.isTextInput
|
|
589
|
+
isTextInput: opts.isTextInput
|
|
579
590
|
}), isFocused = _a.isFocused, focusProps = _a.focusProps;
|
|
580
591
|
return [isFocused, focusProps];
|
|
581
592
|
}
|
|
582
593
|
function useFocusVisibleWithin(opts) {
|
|
583
594
|
var _a = useFocusRing({
|
|
584
595
|
within: true,
|
|
585
|
-
isTextInput: opts.isTextInput
|
|
596
|
+
isTextInput: opts.isTextInput
|
|
586
597
|
}), isFocusVisible = _a.isFocusVisible, focusProps = _a.focusProps;
|
|
587
598
|
return [isFocusVisible, focusProps];
|
|
588
599
|
}
|
|
@@ -592,7 +603,7 @@ function useHover() {
|
|
|
592
603
|
isHover,
|
|
593
604
|
{
|
|
594
605
|
onMouseEnter: function () { return setHover(true); },
|
|
595
|
-
onMouseLeave: function () { return setHover(false); }
|
|
606
|
+
onMouseLeave: function () { return setHover(false); }
|
|
596
607
|
},
|
|
597
608
|
];
|
|
598
609
|
}
|
|
@@ -602,7 +613,7 @@ function usePressed() {
|
|
|
602
613
|
isPressed,
|
|
603
614
|
{
|
|
604
615
|
onMouseDown: function () { return setPressed(true); },
|
|
605
|
-
onMouseUp: function () { return setPressed(false); }
|
|
616
|
+
onMouseUp: function () { return setPressed(false); }
|
|
606
617
|
},
|
|
607
618
|
];
|
|
608
619
|
}
|
|
@@ -612,7 +623,7 @@ var TRIGGER_TO_HOOK = {
|
|
|
612
623
|
useFocusVisible: useFocusVisible,
|
|
613
624
|
useFocusedWithin: useFocusedWithin,
|
|
614
625
|
useFocusVisibleWithin: useFocusVisibleWithin,
|
|
615
|
-
usePressed: usePressed
|
|
626
|
+
usePressed: usePressed
|
|
616
627
|
};
|
|
617
628
|
/**
|
|
618
629
|
* Installs argment trigger. All the useTrigger calls must use hardcoded `trigger` arg,
|
|
@@ -625,5 +636,5 @@ function useTrigger(trigger, opts) {
|
|
|
625
636
|
// Utilities used by generated code
|
|
626
637
|
var classNames = classNames$1;
|
|
627
638
|
|
|
628
|
-
export { PlasmicIcon, PlasmicLink, PlasmicSlot, Stack, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, hasVariant, makeFragment, renderPlasmicSlot, useTrigger, wrapWithClassName };
|
|
639
|
+
export { PlasmicIcon, PlasmicLink, PlasmicSlot, Stack, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, hasVariant, makeFragment, mergeVariantsWithStates, renderPlasmicSlot, useTrigger, wrapWithClassName };
|
|
629
640
|
//# sourceMappingURL=index.js.map
|