@devtools-ui/navigation 0.2.0-next.0 → 0.2.0-next.2

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.
Files changed (7) hide show
  1. package/dist/cjs/index.cjs +1 -1
  2. package/dist/cjs/index.cjs.map +1 -1
  3. package/dist/index.legacy-esm.js +1 -1
  4. package/dist/index.mjs +1 -1
  5. package/dist/index.mjs.map +1 -1
  6. package/package.json +3 -3
  7. package/src/components/NavigationComponent.tsx +1 -1
package/dist/cjs/index.cjs CHANGED
@@ -41,7 +41,7 @@ var import_react2 = require("@chakra-ui/react");
41
41
  var import_react3 = require("@player-ui/react");
42
42
  var NavigationComponent = (props) => {
43
43
  const { values, ...rest } = props;
44
- return /* @__PURE__ */ import_react.default.createElement(import_react2.Stack, { direction: "row", spacing: 4, ...rest }, values?.map((a) => /* @__PURE__ */ import_react.default.createElement(import_react3.ReactAsset, { key: a.asset.id, ...a })));
44
+ return /* @__PURE__ */ import_react.default.createElement(import_react2.Stack, { direction: "row", spacing: 4, ...rest }, values?.map((a) => /* @__PURE__ */ import_react.default.createElement(import_react3.ReactAsset, { w: "100%", key: a.asset.id, ...a })));
45
45
  };
46
46
 
47
47
  // ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/navigation/src/dsl/Navigation.tsx
package/dist/cjs/index.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/navigation/src/index.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/navigation/src/components/NavigationComponent.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/navigation/src/dsl/Navigation.tsx"],"sourcesContent":["export * from \"./types\";\nexport * from \"./components\";\nexport * from \"./dsl\";\n","import React from \"react\";\nimport { NavigationAsset } from \"../types\";\nimport { Stack } from \"@chakra-ui/react\";\nimport { ReactAsset } from \"@player-ui/react\";\n\nexport const NavigationComponent = (props: NavigationAsset) => {\n const { values, ...rest } = props;\n\n return (\n <Stack direction=\"row\" spacing={4} {...rest}>\n {values?.map((a) => (\n <ReactAsset key={a.asset.id} {...a} />\n ))}\n </Stack>\n );\n};\n","import React from \"react\";\nimport { AssetPropsWithChildren, Asset, createSlot } from \"@player-tools/dsl\";\nimport type { Asset as AssetType } from \"@player-ui/player\";\nimport { Text } from \"@devtools-ui/text\";\nimport { Collection } from \"@devtools-ui/collection\";\nimport { NavigationAsset } from \"../types\";\n\nexport const Navigation = (props: AssetPropsWithChildren<NavigationAsset>) => {\n const { children, ...rest } = props;\n return (\n <Asset type=\"navigation\" {...rest}>\n {children}\n </Asset>\n );\n};\n\nconst CollectionComp = (props: AssetPropsWithChildren<AssetType>) => {\n return (\n <Collection>\n <Collection.Values>{props.children}</Collection.Values>\n </Collection>\n );\n};\n\nNavigation.Values = createSlot({\n name: \"values\",\n TextComp: Text,\n CollectionComp,\n isArray: true,\n wrapInAsset: true,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkB;AAElB,IAAAA,gBAAsB;AACtB,IAAAA,gBAA2B;AAEpB,IAAM,sBAAsB,CAAC,UAA2B;AAC7D,QAAM,EAAE,QAAQ,GAAG,KAAK,IAAI;AAE5B,SACE,6BAAAC,QAAA,cAAC,uBAAM,WAAU,OAAM,SAAS,GAAI,GAAG,QACpC,QAAQ,IAAI,CAAC,MACZ,6BAAAA,QAAA,cAAC,4BAAW,KAAK,EAAE,MAAM,IAAK,GAAG,GAAG,CACrC,CACH;AAEJ;;;ACfA,IAAAC,gBAAkB;AAClB,iBAA0D;AAE1D,kBAAqB;AACrB,wBAA2B;AAGpB,IAAM,aAAa,CAAC,UAAmD;AAC5E,QAAM,EAAE,UAAU,GAAG,KAAK,IAAI;AAC9B,SACE,8BAAAC,QAAA,cAAC,oBAAM,MAAK,cAAc,GAAG,QAC1B,QACH;AAEJ;AAEA,IAAM,iBAAiB,CAAC,UAA6C;AACnE,SACE,8BAAAA,QAAA,cAAC,oCACC,8BAAAA,QAAA,cAAC,6BAAW,QAAX,MAAmB,MAAM,QAAS,CACrC;AAEJ;AAEA,WAAW,aAAS,uBAAW;AAAA,EAC7B,MAAM;AAAA,EACN,UAAU;AAAA,EACV;AAAA,EACA,SAAS;AAAA,EACT,aAAa;AACf,CAAC;","names":["import_react","React","import_react","React"]}
1
+ {"version":3,"sources":["../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/navigation/src/index.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/navigation/src/components/NavigationComponent.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/navigation/src/dsl/Navigation.tsx"],"sourcesContent":["export * from \"./types\";\nexport * from \"./components\";\nexport * from \"./dsl\";\n","import React from \"react\";\nimport { NavigationAsset } from \"../types\";\nimport { Stack } from \"@chakra-ui/react\";\nimport { ReactAsset } from \"@player-ui/react\";\n\nexport const NavigationComponent = (props: NavigationAsset) => {\n const { values, ...rest } = props;\n\n return (\n <Stack direction=\"row\" spacing={4} {...rest}>\n {values?.map((a) => (\n <ReactAsset w=\"100%\" key={a.asset.id} {...a} />\n ))}\n </Stack>\n );\n};\n","import React from \"react\";\nimport { AssetPropsWithChildren, Asset, createSlot } from \"@player-tools/dsl\";\nimport type { Asset as AssetType } from \"@player-ui/player\";\nimport { Text } from \"@devtools-ui/text\";\nimport { Collection } from \"@devtools-ui/collection\";\nimport { NavigationAsset } from \"../types\";\n\nexport const Navigation = (props: AssetPropsWithChildren<NavigationAsset>) => {\n const { children, ...rest } = props;\n return (\n <Asset type=\"navigation\" {...rest}>\n {children}\n </Asset>\n );\n};\n\nconst CollectionComp = (props: AssetPropsWithChildren<AssetType>) => {\n return (\n <Collection>\n <Collection.Values>{props.children}</Collection.Values>\n </Collection>\n );\n};\n\nNavigation.Values = createSlot({\n name: \"values\",\n TextComp: Text,\n CollectionComp,\n isArray: true,\n wrapInAsset: true,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkB;AAElB,IAAAA,gBAAsB;AACtB,IAAAA,gBAA2B;AAEpB,IAAM,sBAAsB,CAAC,UAA2B;AAC7D,QAAM,EAAE,QAAQ,GAAG,KAAK,IAAI;AAE5B,SACE,6BAAAC,QAAA,cAAC,uBAAM,WAAU,OAAM,SAAS,GAAI,GAAG,QACpC,QAAQ,IAAI,CAAC,MACZ,6BAAAA,QAAA,cAAC,4BAAW,GAAE,QAAO,KAAK,EAAE,MAAM,IAAK,GAAG,GAAG,CAC9C,CACH;AAEJ;;;ACfA,IAAAC,gBAAkB;AAClB,iBAA0D;AAE1D,kBAAqB;AACrB,wBAA2B;AAGpB,IAAM,aAAa,CAAC,UAAmD;AAC5E,QAAM,EAAE,UAAU,GAAG,KAAK,IAAI;AAC9B,SACE,8BAAAC,QAAA,cAAC,oBAAM,MAAK,cAAc,GAAG,QAC1B,QACH;AAEJ;AAEA,IAAM,iBAAiB,CAAC,UAA6C;AACnE,SACE,8BAAAA,QAAA,cAAC,oCACC,8BAAAA,QAAA,cAAC,6BAAW,QAAX,MAAmB,MAAM,QAAS,CACrC;AAEJ;AAEA,WAAW,aAAS,uBAAW;AAAA,EAC7B,MAAM;AAAA,EACN,UAAU;AAAA,EACV;AAAA,EACA,SAAS;AAAA,EACT,aAAa;AACf,CAAC;","names":["import_react","React","import_react","React"]}
package/dist/index.legacy-esm.js CHANGED
@@ -4,7 +4,7 @@ import { Stack } from "@chakra-ui/react";
4
4
  import { ReactAsset } from "@player-ui/react";
5
5
  var NavigationComponent = (props) => {
6
6
  const { values, ...rest } = props;
7
- return /* @__PURE__ */ React.createElement(Stack, { direction: "row", spacing: 4, ...rest }, values?.map((a) => /* @__PURE__ */ React.createElement(ReactAsset, { key: a.asset.id, ...a })));
7
+ return /* @__PURE__ */ React.createElement(Stack, { direction: "row", spacing: 4, ...rest }, values?.map((a) => /* @__PURE__ */ React.createElement(ReactAsset, { w: "100%", key: a.asset.id, ...a })));
8
8
  };
9
9
 
10
10
  // ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/navigation/src/dsl/Navigation.tsx
package/dist/index.mjs CHANGED
@@ -4,7 +4,7 @@ import { Stack } from "@chakra-ui/react";
4
4
  import { ReactAsset } from "@player-ui/react";
5
5
  var NavigationComponent = (props) => {
6
6
  const { values, ...rest } = props;
7
- return /* @__PURE__ */ React.createElement(Stack, { direction: "row", spacing: 4, ...rest }, values?.map((a) => /* @__PURE__ */ React.createElement(ReactAsset, { key: a.asset.id, ...a })));
7
+ return /* @__PURE__ */ React.createElement(Stack, { direction: "row", spacing: 4, ...rest }, values?.map((a) => /* @__PURE__ */ React.createElement(ReactAsset, { w: "100%", key: a.asset.id, ...a })));
8
8
  };
9
9
 
10
10
  // ../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/navigation/src/dsl/Navigation.tsx
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/navigation/src/components/NavigationComponent.tsx","../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/navigation/src/dsl/Navigation.tsx"],"sourcesContent":["import React from \"react\";\nimport { NavigationAsset } from \"../types\";\nimport { Stack } from \"@chakra-ui/react\";\nimport { ReactAsset } from \"@player-ui/react\";\n\nexport const NavigationComponent = (props: NavigationAsset) => {\n const { values, ...rest } = props;\n\n return (\n <Stack direction=\"row\" spacing={4} {...rest}>\n {values?.map((a) => (\n <ReactAsset key={a.asset.id} {...a} />\n ))}\n </Stack>\n );\n};\n","import React from \"react\";\nimport { AssetPropsWithChildren, Asset, createSlot } from \"@player-tools/dsl\";\nimport type { Asset as AssetType } from \"@player-ui/player\";\nimport { Text } from \"@devtools-ui/text\";\nimport { Collection } from \"@devtools-ui/collection\";\nimport { NavigationAsset } from \"../types\";\n\nexport const Navigation = (props: AssetPropsWithChildren<NavigationAsset>) => {\n const { children, ...rest } = props;\n return (\n <Asset type=\"navigation\" {...rest}>\n {children}\n </Asset>\n );\n};\n\nconst CollectionComp = (props: AssetPropsWithChildren<AssetType>) => {\n return (\n <Collection>\n <Collection.Values>{props.children}</Collection.Values>\n </Collection>\n );\n};\n\nNavigation.Values = createSlot({\n name: \"values\",\n TextComp: Text,\n CollectionComp,\n isArray: true,\n wrapInAsset: true,\n});\n"],"mappings":";AAAA,OAAO,WAAW;AAElB,SAAS,aAAa;AACtB,SAAS,kBAAkB;AAEpB,IAAM,sBAAsB,CAAC,UAA2B;AAC7D,QAAM,EAAE,QAAQ,GAAG,KAAK,IAAI;AAE5B,SACE,oCAAC,SAAM,WAAU,OAAM,SAAS,GAAI,GAAG,QACpC,QAAQ,IAAI,CAAC,MACZ,oCAAC,cAAW,KAAK,EAAE,MAAM,IAAK,GAAG,GAAG,CACrC,CACH;AAEJ;;;ACfA,OAAOA,YAAW;AAClB,SAAiC,OAAO,kBAAkB;AAE1D,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAGpB,IAAM,aAAa,CAAC,UAAmD;AAC5E,QAAM,EAAE,UAAU,GAAG,KAAK,IAAI;AAC9B,SACE,gBAAAA,OAAA,cAAC,SAAM,MAAK,cAAc,GAAG,QAC1B,QACH;AAEJ;AAEA,IAAM,iBAAiB,CAAC,UAA6C;AACnE,SACE,gBAAAA,OAAA,cAAC,kBACC,gBAAAA,OAAA,cAAC,WAAW,QAAX,MAAmB,MAAM,QAAS,CACrC;AAEJ;AAEA,WAAW,SAAS,WAAW;AAAA,EAC7B,MAAM;AAAA,EACN,UAAU;AAAA,EACV;AAAA,EACA,SAAS;AAAA,EACT,aAAa;AACf,CAAC;","names":["React"]}
1
+ {"version":3,"sources":["../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/navigation/src/components/NavigationComponent.tsx","../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/navigation/src/dsl/Navigation.tsx"],"sourcesContent":["import React from \"react\";\nimport { NavigationAsset } from \"../types\";\nimport { Stack } from \"@chakra-ui/react\";\nimport { ReactAsset } from \"@player-ui/react\";\n\nexport const NavigationComponent = (props: NavigationAsset) => {\n const { values, ...rest } = props;\n\n return (\n <Stack direction=\"row\" spacing={4} {...rest}>\n {values?.map((a) => (\n <ReactAsset w=\"100%\" key={a.asset.id} {...a} />\n ))}\n </Stack>\n );\n};\n","import React from \"react\";\nimport { AssetPropsWithChildren, Asset, createSlot } from \"@player-tools/dsl\";\nimport type { Asset as AssetType } from \"@player-ui/player\";\nimport { Text } from \"@devtools-ui/text\";\nimport { Collection } from \"@devtools-ui/collection\";\nimport { NavigationAsset } from \"../types\";\n\nexport const Navigation = (props: AssetPropsWithChildren<NavigationAsset>) => {\n const { children, ...rest } = props;\n return (\n <Asset type=\"navigation\" {...rest}>\n {children}\n </Asset>\n );\n};\n\nconst CollectionComp = (props: AssetPropsWithChildren<AssetType>) => {\n return (\n <Collection>\n <Collection.Values>{props.children}</Collection.Values>\n </Collection>\n );\n};\n\nNavigation.Values = createSlot({\n name: \"values\",\n TextComp: Text,\n CollectionComp,\n isArray: true,\n wrapInAsset: true,\n});\n"],"mappings":";AAAA,OAAO,WAAW;AAElB,SAAS,aAAa;AACtB,SAAS,kBAAkB;AAEpB,IAAM,sBAAsB,CAAC,UAA2B;AAC7D,QAAM,EAAE,QAAQ,GAAG,KAAK,IAAI;AAE5B,SACE,oCAAC,SAAM,WAAU,OAAM,SAAS,GAAI,GAAG,QACpC,QAAQ,IAAI,CAAC,MACZ,oCAAC,cAAW,GAAE,QAAO,KAAK,EAAE,MAAM,IAAK,GAAG,GAAG,CAC9C,CACH;AAEJ;;;ACfA,OAAOA,YAAW;AAClB,SAAiC,OAAO,kBAAkB;AAE1D,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAGpB,IAAM,aAAa,CAAC,UAAmD;AAC5E,QAAM,EAAE,UAAU,GAAG,KAAK,IAAI;AAC9B,SACE,gBAAAA,OAAA,cAAC,SAAM,MAAK,cAAc,GAAG,QAC1B,QACH;AAEJ;AAEA,IAAM,iBAAiB,CAAC,UAA6C;AACnE,SACE,gBAAAA,OAAA,cAAC,kBACC,gBAAAA,OAAA,cAAC,WAAW,QAAX,MAAmB,MAAM,QAAS,CACrC;AAEJ;AAEA,WAAW,SAAS,WAAW;AAAA,EAC7B,MAAM;AAAA,EACN,UAAU;AAAA,EACV;AAAA,EACA,SAAS;AAAA,EACT,aAAa;AACf,CAAC;","names":["React"]}
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@devtools-ui/navigation",
3
- "version": "0.2.0-next.0",
3
+ "version": "0.2.0-next.2",
4
4
  "main": "dist/cjs/index.cjs",
5
5
  "dependencies": {
6
- "@devtools-ui/collection": "0.2.0-next.0",
7
- "@devtools-ui/text": "0.2.0-next.0",
6
+ "@devtools-ui/collection": "0.2.0-next.2",
7
+ "@devtools-ui/text": "0.2.0-next.2",
8
8
  "@chakra-ui/react": "^2.8.2",
9
9
  "@emotion/react": "^11.11.4",
10
10
  "@emotion/styled": "^11.11.0",
package/src/components/NavigationComponent.tsx CHANGED
@@ -9,7 +9,7 @@ export const NavigationComponent = (props: NavigationAsset) => {
9
9
  return (
10
10
  <Stack direction="row" spacing={4} {...rest}>
11
11
  {values?.map((a) => (
12
- <ReactAsset key={a.asset.id} {...a} />
12
+ <ReactAsset w="100%" key={a.asset.id} {...a} />
13
13
  ))}
14
14
  </Stack>
15
15
  );