@shopify/ui-extensions - npm Package Compare versions

Comparing version 2.0.0-alpha.1 to 2.0.0-alpha.2

build/cjs/components.js

@@ -18,2 +18,8 @@ "use strict";
 });
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function get() {
+    return _Checkbox.Checkbox;
+  }
+});
 Object.defineProperty(exports, "Text", {
@@ -42,2 +48,4 @@ enumerable: true,
 
+var _Checkbox = require("./components/Checkbox/Checkbox");
+
 var _Text = require("./components/Text/Text");
@@ -44,0 +52,0 @@

build/cjs/surfaces/admin/components.js

@@ -6,2 +6,11 @@ "use strict";
 });
+var _exportNames = {
+  TextField: true
+};
+Object.defineProperty(exports, "TextField", {
+  enumerable: true,
+  get: function get() {
+    return _TextField.TextField;
+  }
+});
 
@@ -12,2 +21,3 @@ var _components = require("../../components");
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _components[key]) return;
@@ -20,2 +30,4 @@ Object.defineProperty(exports, key, {
   });
-});
+});
+
+var _TextField = require("./components/TextField/TextField");

build/node/components.js

@@ -18,2 +18,8 @@ "use strict";
 });
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function () {
+    return _Checkbox.Checkbox;
+  }
+});
 Object.defineProperty(exports, "Text", {
@@ -42,2 +48,4 @@ enumerable: true,
 
+var _Checkbox = require("./components/Checkbox/Checkbox");
+
 var _Text = require("./components/Text/Text");
@@ -44,0 +52,0 @@

build/node/surfaces/admin/components.js

@@ -6,2 +6,11 @@ "use strict";
 });
+var _exportNames = {
+  TextField: true
+};
+Object.defineProperty(exports, "TextField", {
+  enumerable: true,
+  get: function () {
+    return _TextField.TextField;
+  }
+});
 
@@ -12,2 +21,3 @@ var _components = require("../../components");
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _components[key]) return;
@@ -20,2 +30,4 @@ Object.defineProperty(exports, key, {
   });
-});
+});
+
+var _TextField = require("./components/TextField/TextField");

build/ts/components.d.ts

@@ -5,2 +5,4 @@ export { BlockStack } from './components/BlockStack/BlockStack';
 export type { ButtonProps } from './components/Button/Button';
+export { Checkbox } from './components/Checkbox/Checkbox';
+export type { CheckboxProps } from './components/Checkbox/Checkbox';
 export { Text } from './components/Text/Text';
@@ -7,0 +9,0 @@ export type { TextProps } from './components/Text/Text';

build/ts/components.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.View = exports.TextField = exports.Text = exports.Button = exports.BlockStack = void 0;
+exports.View = exports.TextField = exports.Text = exports.Checkbox = exports.Button = exports.BlockStack = void 0;
 var BlockStack_1 = require("./components/BlockStack/BlockStack");
@@ -8,2 +8,4 @@ Object.defineProperty(exports, "BlockStack", { enumerable: true, get: function () { return BlockStack_1.BlockStack; } });
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
+var Checkbox_1 = require("./components/Checkbox/Checkbox");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
 var Text_1 = require("./components/Text/Text");
@@ -10,0 +12,0 @@ Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });

build/ts/components/TextField/TextField.d.ts

@@ -37,2 +37,12 @@ export interface TextFieldProps {
     onChange?(value: string): void;
+    /**
+     * Callback when the user makes any changes in the field. As noted in the documentation
+     * for `onChange`, you **must not** use this to update `state` — use the `onChange`
+     * callback for that purpose. Use the `onInput` prop when you need to do something
+     * as soon as the user makes a change, like clearing validation errors that apply to
+     * the field as soon as the user begins making the necessary adjustments.
+     *
+     * This callback is called with the current value of the field.
+     */
+    onInput?(value: string): void;
 }
@@ -39,0 +49,0 @@ export declare const TextField: "TextField" & {

build/ts/surfaces/admin/components.d.ts

 export * from '../../components';
+export { TextField } from './components/TextField/TextField';
+export type { TextFieldProps } from './components/TextField/TextField';
 //# sourceMappingURL=components.d.ts.map

build/ts/surfaces/admin/components.js

@@ -17,2 +17,5 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextField = void 0;
 __exportStar(require("../../components"), exports);
+var TextField_1 = require("./components/TextField/TextField");
+Object.defineProperty(exports, "TextField", { enumerable: true, get: function () { return TextField_1.TextField; } });

package.json

 {
   "name": "@shopify/ui-extensions",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-alpha.2",
   "main": "index.js",
@@ -44,3 +44,3 @@ "module": "index.mjs",
   },
-  "gitHead": "98ce0a6a3da1fffd47b7cb3e1314b21affabca8c"
+  "gitHead": "4fbb5899024fa788361f88b300a9efe36bec129d"
 }

src/components.ts

@@ -7,2 +7,5 @@ export {BlockStack} from './components/BlockStack/BlockStack';
 
+export {Checkbox} from './components/Checkbox/Checkbox';
+export type {CheckboxProps} from './components/Checkbox/Checkbox';
+
 export {Text} from './components/Text/Text';
@@ -9,0 +12,0 @@ export type {TextProps} from './components/Text/Text';

src/components/TextField/TextField.ts

@@ -41,2 +41,13 @@ import {createRemoteComponent} from '@remote-ui/core';
   onChange?(value: string): void;
+
+  /**
+   * Callback when the user makes any changes in the field. As noted in the documentation
+   * for `onChange`, you **must not** use this to update `state` — use the `onChange`
+   * callback for that purpose. Use the `onInput` prop when you need to do something
+   * as soon as the user makes a change, like clearing validation errors that apply to
+   * the field as soon as the user begins making the necessary adjustments.
+   *
+   * This callback is called with the current value of the field.
+   */
+  onInput?(value: string): void;
 }
@@ -43,0 +54,0 @@

src/surfaces/admin/components.ts

 export * from '../../components';
+
+export {TextField} from './components/TextField/TextField';
+export type {TextFieldProps} from './components/TextField/TextField';

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

134185

increased by4.7%

Number of package files

300

increased by4.53%

Lines of code

1862

increased by5.32%

No dependency changes