@shopify/admin-ui-components - npm Package Compare versions

Comparing version 0.0.3 to 0.1.0-snapshot-20240315185355

dist/lazy/chunks/index.js

@@ -1,2 +0,2 @@
-import { l as l$1, y as y$1, createStylesheet, reactive, __esDecorate, __runInitializers, define, PreactCustomElement } from './define.js';
+import { l as l$1, y as y$1, createStylesheet, reactive, __esDecorate, __runInitializers, define, PreactCustomElement } from './PreactCustomElement.js';
 import { boolean } from './boolean.js';
@@ -3,0 +3,0 @@ import { string } from './string.js';

dist/lazy/chunks/layout.js

@@ -1,2 +0,2 @@
-import { createStylesheet } from './define.js';
+import { createStylesheet } from './PreactCustomElement.js';
 
@@ -3,0 +3,0 @@ const layoutStyles = createStylesheet(":host,:host *,:host ::after,:host ::before{box-sizing:border-box}:host{display:block}");

dist/lazy/chunks/TimePickerMain.js

@@ -1,2 +0,2 @@
-import { PreactCustomElement, createStylesheet, y as y$1, g } from './define.js';
+import { PreactCustomElement, createStylesheet, y as y$1, g } from './PreactCustomElement.js';
 import { y, _, h, F, T, p } from './index.js';
@@ -3,0 +3,0 @@ import { classMap } from './classMap.js';

dist/lazy/components/BlockStack/index.js

@@ -1,2 +0,2 @@
-import { createStylesheet, y, reactive, __esDecorate, __runInitializers, define, PreactCustomElement } from '../../chunks/define.js';
+import { createStylesheet, y, reactive, __esDecorate, __runInitializers, define, PreactCustomElement } from '../../chunks/PreactCustomElement.js';
 import { string } from '../../chunks/string.js';
@@ -3,0 +3,0 @@ import { stringEnum } from '../../chunks/stringEnum.js';

dist/lazy/components/Card/index.js

@@ -1,2 +0,2 @@
-import { createStylesheet, y, reactive, __esDecorate, __runInitializers, define, PreactCustomElement } from '../../chunks/define.js';
+import { createStylesheet, y, reactive, __esDecorate, __runInitializers, define, PreactCustomElement } from '../../chunks/PreactCustomElement.js';
 import { boolean } from '../../chunks/boolean.js';
@@ -3,0 +3,0 @@ import { stringEnum } from '../../chunks/stringEnum.js';

dist/lazy/components/Divider/index.js

@@ -1,2 +0,2 @@
-import { createStylesheet, y, reactive, __esDecorate, __runInitializers, define, PreactCustomElement } from '../../chunks/define.js';
+import { createStylesheet, y, reactive, __esDecorate, __runInitializers, define, PreactCustomElement } from '../../chunks/PreactCustomElement.js';
 import { tagName } from './meta.js';
@@ -3,0 +3,0 @@ import { stringEnum } from '../../chunks/stringEnum.js';

dist/lazy/components/Link/index.d.ts

@@ -38,7 +38,2 @@ import { PreactCustomElement } from '../../foundational/classes/PreactCustomElement';
     to: string;
-    /**
-     * Callback when a link is pressed. If `href` is set,
-     * it will execute the callback and then navigate to the location specified by `href`.
-     */
-    onClick?: EventListener;
 }
@@ -45,0 +40,0 @@ export default class Link extends PreactCustomElement implements SharedProps {

dist/lazy/components/Link/index.js

@@ -1,2 +0,2 @@
-import { createStylesheet, y, reactive, __esDecorate, __runInitializers, define, PreactCustomElement } from '../../chunks/define.js';
+import { createStylesheet, y, reactive, __esDecorate, __runInitializers, define, PreactCustomElement } from '../../chunks/PreactCustomElement.js';
 import { string } from '../../chunks/string.js';
@@ -3,0 +3,0 @@ import { stringEnum } from '../../chunks/stringEnum.js';

dist/lazy/components/Link/meta.d.ts

@@ -6,4 +6,3 @@ import type { SharedProps } from '.';
 export interface ReactProps extends Partial<SharedProps> {
-    onClick?: (event: Event) => void;
 }
 export declare const reactWrapperConfig: PropConfig<ReactProps>;

dist/lazy/components/Link/meta.js

 const tagName = 'ui-link';
 const reactWrapperConfig = {
-    // Define runtime differences for the React component here.
-    eventArgMap: {
-        onClick: (event) => [event],
-    },
+// Define runtime differences for the React component here.
 };
 
 export { reactWrapperConfig, tagName };

dist/lazy/components/ProgressIndicator/index.js

@@ -1,2 +0,2 @@
-import { createStylesheet, y, reactive, __esDecorate, __runInitializers, define, PreactCustomElement } from '../../chunks/define.js';
+import { createStylesheet, y, reactive, __esDecorate, __runInitializers, define, PreactCustomElement } from '../../chunks/PreactCustomElement.js';
 import { string } from '../../chunks/string.js';
@@ -3,0 +3,0 @@ import { tagName } from './meta.js';

dist/lazy/components/TimePicker/index.js

@@ -1,2 +0,2 @@
-import '../../chunks/define.js';
+import '../../chunks/PreactCustomElement.js';
 import '../../chunks/boolean.js';
@@ -3,0 +3,0 @@ import '../../chunks/string.js';

dist/lazy/components/TimePicker/meta.d.ts

@@ -1,2 +0,2 @@
-import type { SharedTimePickerProps, TimeSpec } from './types';
+import type { SharedTimePickerProps } from './types';
 import type { PropConfig } from '../../reactWrap';
@@ -6,4 +6,3 @@ export type { default as CustomElement } from '.';
 export interface ReactProps extends Partial<SharedTimePickerProps> {
-    onInput?: (value: TimeSpec) => void;
 }
 export declare const reactWrapperConfig: PropConfig<ReactProps>;

dist/lazy/components/TimePicker/meta.js

 const tagName = 'ui-time-picker';
 const reactWrapperConfig = {
-    slots: [],
-    eventArgMap: {
-        onInput: (event) => [event.target?.value],
-    },
+// Define runtime differences for the React component here.
 };
 
 export { reactWrapperConfig, tagName };

dist/lazy/foundational/types.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 export interface InputProps {
@@ -48,7 +49,7 @@ /**
 }
-export interface InputReactProps<T> extends InputProps {
+export interface InputReactProps extends InputProps {
     /**
      * Callback when focus is removed.
      */
-    onBlur(): void;
+    onBlur: React.HTMLAttributes<HTMLInputElement>['onBlur'];
     /**
@@ -59,7 +60,7 @@ * Callback when the user has **finished editing** a field. Once the user has signalled that
      */
-    onChange(value: T): void;
+    onChange: React.HTMLAttributes<HTMLInputElement>['onChange'];
     /**
      * Callback when input is focused.
      */
-    onFocus(): void;
+    onFocus: React.HTMLAttributes<HTMLInputElement>['onFocus'];
     /**
@@ -70,3 +71,3 @@ * Callback when the user makes any changes in the field. Use the `onInput` prop when
      */
-    onInput(value: T): void;
+    onInput: React.HTMLAttributes<HTMLInputElement>['onInput'];
 }

dist/lazy/reactWrap.d.ts

@@ -22,3 +22,3 @@ import type { ReactNode } from 'react';
 } ? T : React.PropsWithChildren<T>;
-export default function reactWrap<Props extends object, ElementType extends HTMLElement>(React: React, tagName: string, { slots, eventArgMap }?: PropConfig<Props>): import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<PropsWithChildren<Props>> & import("react").RefAttributes<ElementType>>;
+export default function reactWrap<Props extends object & React.HTMLAttributes<HTMLElement>, ElementType extends HTMLElement>(React: React, tagName: string, { slots, eventArgMap }?: PropConfig<Props>): import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<PropsWithChildren<Props>> & import("react").RefAttributes<ElementType>>;
 export {};

dist/static/components/Link/index.d.ts

@@ -38,7 +38,2 @@ import { PreactCustomElement } from '../../foundational/classes/PreactCustomElement';
     to: string;
-    /**
-     * Callback when a link is pressed. If `href` is set,
-     * it will execute the callback and then navigate to the location specified by `href`.
-     */
-    onClick?: EventListener;
 }
@@ -45,0 +40,0 @@ export default class Link extends PreactCustomElement implements SharedProps {

dist/static/components/Link/meta.d.ts

@@ -6,4 +6,3 @@ import type { SharedProps } from '.';
 export interface ReactProps extends Partial<SharedProps> {
-    onClick?: (event: Event) => void;
 }
 export declare const reactWrapperConfig: PropConfig<ReactProps>;

dist/static/components/Link/meta.js

 const tagName = 'ui-link';
 const reactWrapperConfig = {
-    // Define runtime differences for the React component here.
-    eventArgMap: {
-        onClick: (event) => [event],
-    },
+// Define runtime differences for the React component here.
 };
 
 export { reactWrapperConfig, tagName };

dist/static/components/TimePicker/meta.d.ts

@@ -1,2 +0,2 @@
-import type { SharedTimePickerProps, TimeSpec } from './types';
+import type { SharedTimePickerProps } from './types';
 import type { PropConfig } from '../../reactWrap';
@@ -6,4 +6,3 @@ export type { default as CustomElement } from '.';
 export interface ReactProps extends Partial<SharedTimePickerProps> {
-    onInput?: (value: TimeSpec) => void;
 }
 export declare const reactWrapperConfig: PropConfig<ReactProps>;

dist/static/components/TimePicker/meta.js

 const tagName = 'ui-time-picker';
 const reactWrapperConfig = {
-    slots: [],
-    eventArgMap: {
-        onInput: (event) => [event.target?.value],
-    },
+// Define runtime differences for the React component here.
 };
 
 export { reactWrapperConfig, tagName };

dist/static/foundational/types.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 export interface InputProps {
@@ -48,7 +49,7 @@ /**
 }
-export interface InputReactProps<T> extends InputProps {
+export interface InputReactProps extends InputProps {
     /**
      * Callback when focus is removed.
      */
-    onBlur(): void;
+    onBlur: React.HTMLAttributes<HTMLInputElement>['onBlur'];
     /**
@@ -59,7 +60,7 @@ * Callback when the user has **finished editing** a field. Once the user has signalled that
      */
-    onChange(value: T): void;
+    onChange: React.HTMLAttributes<HTMLInputElement>['onChange'];
     /**
      * Callback when input is focused.
      */
-    onFocus(): void;
+    onFocus: React.HTMLAttributes<HTMLInputElement>['onFocus'];
     /**
@@ -70,3 +71,3 @@ * Callback when the user makes any changes in the field. Use the `onInput` prop when
      */
-    onInput(value: T): void;
+    onInput: React.HTMLAttributes<HTMLInputElement>['onInput'];
 }

dist/static/reactWrap.d.ts

@@ -22,3 +22,3 @@ import type { ReactNode } from 'react';
 } ? T : React.PropsWithChildren<T>;
-export default function reactWrap<Props extends object, ElementType extends HTMLElement>(React: React, tagName: string, { slots, eventArgMap }?: PropConfig<Props>): import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<PropsWithChildren<Props>> & import("react").RefAttributes<ElementType>>;
+export default function reactWrap<Props extends object & React.HTMLAttributes<HTMLElement>, ElementType extends HTMLElement>(React: React, tagName: string, { slots, eventArgMap }?: PropConfig<Props>): import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<PropsWithChildren<Props>> & import("react").RefAttributes<ElementType>>;
 export {};

package.json

 {
   "name": "@shopify/admin-ui-components",
-  "version": "0.0.3",
+  "version": "0.1.0-snapshot-20240315185355",
   "scripts": {
@@ -12,2 +12,5 @@ "build": "rollup -c",
   "license": "ISC",
+  "dependencies": {
+    "@shopify/admin-ui-icons": "0.1.0-snapshot-20240315185355"
+  },
   "devDependencies": {
@@ -14,0 +17,0 @@ "@rollup/plugin-node-resolve": "^15.2.3",

README.md

@@ -1,3 +0,3 @@
-# Admin UI Foundations
+# @shopify/admin-ui-components
 
 This package is used by Shopify App Bridge and may be updated at any time without notice. Please see the [App Bridge documentation](https://shopify.dev/docs/api/app-bridge) to use this to build a Shopify app.

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

248513

decreased by-0.03%

Dependency count

2

increased by100%

Lines of code

4851

decreased by-0.49%

Dependency changes

• + Added@shopify/admin-ui-icons@0.1.0-snapshot-20240315185355

• + Added@shopify/admin-ui-icons@0.1.0-snapshot-20240315185355(transitive)