@shopify/ui-extensions 2022.10.0 → 2022.10.2

package/build/ts/surfaces/checkout/style/memoize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"memoize.d.ts","sourceRoot":"","sources":["../../../../../src/surfaces/checkout/style/memoize.ts"],"names":[],"mappings":"AAMA,KAAK,UAAU,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,KAAK,OAAO,CAAC;AAwF9C,eAAO,MAAM,oBAAoB,EAAE,UAElC,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,aAAa,EAAE,UAAU,UAExD,OAAO,EAAE,GAAG,UAAU,GAAG,IAAI,QAC7B,OAAO,EAAE,GAAG,UAAU,GAAG,IAAI,KAClC,OAAO,CAeX;AAED,MAAM,WAAW,qBAAqB;IACpC,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAID,wBAAgB,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EACvD,IAAI,EAAE,CAAC,EACP,sBAAsB,CAAC,EAAE,UAAU,GAAG,qBAAqB;gBA6CvB,MAAM,IAAI;EAC/C"}

package/build/ts/surfaces/checkout/style/style.d.ts

@@ -0,0 +1,70 @@
+import { Conditions, ConditionalStyle, BaseConditions } from './types';
+type Chainable<TConditionalStyle> = TConditionalStyle extends ConditionalStyle<infer T, infer TAcceptedConditions> ? TConditionalStyle & {
+    when: <U, AcceptedConditions extends BaseConditions = TAcceptedConditions>(this: TConditionalStyle, conditions: AcceptedConditions, value: U) => Chainable<TConditionalStyle extends {
+        default: T;
+    } ? Required<ConditionalStyle<U, AcceptedConditions>> : ConditionalStyle<U, AcceptedConditions>>;
+} : never;
+type WhenContext<T, AcceptedConditions extends BaseConditions = Conditions> = typeof Style | ConditionalStyle<T, AcceptedConditions> | Required<ConditionalStyle<T, AcceptedConditions>>;
+type WhenReturnType<T, TContext extends WhenContext<any, AcceptedConditions>, AcceptedConditions extends BaseConditions = Conditions> = Chainable<TContext extends typeof Style ? ConditionalStyle<T, AcceptedConditions> : TContext extends {
+    default: infer U;
+} ? Required<ConditionalStyle<T | U, AcceptedConditions>> : TContext extends {
+    default?: infer U;
+} ? ConditionalStyle<T | U, AcceptedConditions> : ConditionalStyle<T, AcceptedConditions>>;
+interface WhenFunction {
+    <T, TContext extends WhenContext<any, AcceptedConditions>, AcceptedConditions extends BaseConditions = Conditions>(this: TContext, conditions: AcceptedConditions, value: T): WhenReturnType<T, TContext, AcceptedConditions>;
+}
+/**
+ * Style is a helper for authoring conditional values for prop styles.
+ * Write complex conditional styles based on one or more conditions (viewport
+ * sizes and interactive states) in a concise and expressive way.
+ */
+export declare const Style: {
+    /**
+     * Sets an optional default value to use when no other condition is met.
+     *
+     * @param defaultValue The default value
+     * @returns The chainable condition style
+     */
+    readonly default: (<T, AcceptedConditions extends BaseConditions = Conditions>(defaultValue: T) => Required<ConditionalStyle<T, AcceptedConditions>> & {
+        when: <U, AcceptedConditions_1 extends BaseConditions = AcceptedConditions>(this: Required<ConditionalStyle<T, AcceptedConditions>>, conditions: AcceptedConditions_1, value: U) => Required<ConditionalStyle<U, AcceptedConditions_1>> & {
+            when: <U_1, AcceptedConditions_2 extends BaseConditions = AcceptedConditions_1>(this: Required<ConditionalStyle<U, AcceptedConditions_1>>, conditions: AcceptedConditions_2, value: U_1) => Required<ConditionalStyle<U_1, AcceptedConditions_2>> & {
+                when: <U_2, AcceptedConditions_3 extends BaseConditions = AcceptedConditions_2>(this: Required<ConditionalStyle<U_1, AcceptedConditions_2>>, conditions: AcceptedConditions_3, value: U_2) => Required<ConditionalStyle<U_2, AcceptedConditions_3>> & {
+                    when: <U_3, AcceptedConditions_4 extends BaseConditions = AcceptedConditions_3>(this: Required<ConditionalStyle<U_2, AcceptedConditions_3>>, conditions: AcceptedConditions_4, value: U_3) => Required<ConditionalStyle<U_3, AcceptedConditions_4>> & {
+                        when: <U_4, AcceptedConditions_5 extends BaseConditions = AcceptedConditions_4>(this: Required<ConditionalStyle<U_3, AcceptedConditions_4>>, conditions: AcceptedConditions_5, value: U_4) => Required<ConditionalStyle<U_4, AcceptedConditions_5>> & {
+                            when: <U_5, AcceptedConditions_6 extends BaseConditions = AcceptedConditions_5>(this: Required<ConditionalStyle<U_4, AcceptedConditions_5>>, conditions: AcceptedConditions_6, value: U_5) => Required<ConditionalStyle<U_5, AcceptedConditions_6>> & {
+                                when: <U_6, AcceptedConditions_7 extends BaseConditions = AcceptedConditions_6>(this: Required<ConditionalStyle<U_5, AcceptedConditions_6>>, conditions: AcceptedConditions_7, value: U_6) => Required<ConditionalStyle<U_6, AcceptedConditions_7>> & {
+                                    when: <U_7, AcceptedConditions_8 extends BaseConditions = AcceptedConditions_7>(this: Required<ConditionalStyle<U_6, AcceptedConditions_7>>, conditions: AcceptedConditions_8, value: U_7) => Required<ConditionalStyle<U_7, AcceptedConditions_8>> & {
+                                        when: <U_8, AcceptedConditions_9 extends BaseConditions = AcceptedConditions_8>(this: Required<ConditionalStyle<U_7, AcceptedConditions_8>>, conditions: AcceptedConditions_9, value: U_8) => Required<ConditionalStyle<U_8, AcceptedConditions_9>> & {
+                                            when: <U_9, AcceptedConditions_10 extends BaseConditions = AcceptedConditions_9>(this: Required<ConditionalStyle<U_8, AcceptedConditions_9>>, conditions: AcceptedConditions_10, value: U_9) => Required<ConditionalStyle<U_9, AcceptedConditions_10>> & {
+                                                when: <U_10, AcceptedConditions_11 extends BaseConditions = AcceptedConditions_10>(this: Required<ConditionalStyle<U_9, AcceptedConditions_10>>, conditions: AcceptedConditions_11, value: U_10) => Required<ConditionalStyle<U_10, AcceptedConditions_11>> & any;
+                                            };
+                                        };
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+            };
+        };
+    }) & {
+        clearCache: () => void;
+    };
+    /**
+     * Adjusts the style based on different conditions. All conditions, expressed
+     * as a literal object, must be met for the associated value to be applied.
+     *
+     * The `when` method can be chained together to build more complex styles.
+     *
+     * @param conditions The condition(s)
+     * @param value The conditional value that can be applied if the conditions are met
+     * @returns The chainable condition style
+     */
+    readonly when: WhenFunction & {
+        clearCache: () => void;
+    };
+};
+export declare function isConditionalStyle<T, AcceptedConditions extends BaseConditions = Conditions>(value?: any): value is ConditionalStyle<T, AcceptedConditions>;
+export declare function isConditionalStyleWithDefault<T, AcceptedConditions extends BaseConditions = Conditions>(value?: any): value is Required<ConditionalStyle<T, AcceptedConditions>>;
+export {};
+//# sourceMappingURL=style.d.ts.map

package/build/ts/surfaces/checkout/style/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../../src/surfaces/checkout/style/style.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAC;AAUrE,KAAK,SAAS,CAAC,iBAAiB,IAAI,iBAAiB,SAAS,gBAAgB,CAC5E,MAAM,CAAC,EACP,MAAM,mBAAmB,CAC1B,GACG,iBAAiB,GAAG;IAClB,IAAI,EAAE,CACJ,CAAC,EACD,kBAAkB,SAAS,cAAc,GAAG,mBAAmB,EAE/D,IAAI,EAAE,iBAAiB,EACvB,UAAU,EAAE,kBAAkB,EAC9B,KAAK,EAAE,CAAC,KACL,SAAS,CACZ,iBAAiB,SAAS;QAAC,OAAO,EAAE,CAAC,CAAA;KAAC,GAClC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAAC,GACjD,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAC5C,CAAC;CACH,GACD,KAAK,CAAC;AAEV,KAAK,WAAW,CAAC,CAAC,EAAE,kBAAkB,SAAS,cAAc,GAAG,UAAU,IACtE,OAAO,KAAK,GACZ,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,GACvC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC;AAEtD,KAAK,cAAc,CACjB,CAAC,EACD,QAAQ,SAAS,WAAW,CAAC,GAAG,EAAE,kBAAkB,CAAC,EACrD,kBAAkB,SAAS,cAAc,GAAG,UAAU,IACpD,SAAS,CACX,QAAQ,SAAS,OAAO,KAAK,GACzB,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,GACvC,QAAQ,SAAS;IAAC,OAAO,EAAE,MAAM,CAAC,CAAA;CAAC,GACnC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,GAAG,CAAC,EAAE,kBAAkB,CAAC,CAAC,GACrD,QAAQ,SAAS;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CAAA;CAAC,GACpC,gBAAgB,CAAC,CAAC,GAAG,CAAC,EAAE,kBAAkB,CAAC,GAC3C,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAC5C,CAAC;AAEF,UAAU,YAAY;IACpB,CACE,CAAC,EACD,QAAQ,SAAS,WAAW,CAAC,GAAG,EAAE,kBAAkB,CAAC,EACrD,kBAAkB,SAAS,cAAc,GAAG,UAAU,EAEtD,IAAI,EAAE,QAAQ,EACd,UAAU,EAAE,kBAAkB,EAC9B,KAAK,EAAE,CAAC,GACP,cAAc,CAAC,CAAC,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC;CACpD;AAsBD;;;;GAIG;AACH,eAAO,MAAM,KAAK;IAChB;;;;;OAKG;;;;;;;;;;;;;;;;;;;;;;;;;;IAeH;;;;;;;;;OASG;;;;CAEK,CAAC;AAyBX,wBAAgB,kBAAkB,CAChC,CAAC,EACD,kBAAkB,SAAS,cAAc,GAAG,UAAU,EACtD,KAAK,CAAC,EAAE,GAAG,GAAG,KAAK,IAAI,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAE/D;AAED,wBAAgB,6BAA6B,CAC3C,CAAC,EACD,kBAAkB,SAAS,cAAc,GAAG,UAAU,EACtD,KAAK,CAAC,EAAE,GAAG,GAAG,KAAK,IAAI,QAAQ,CAAC,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAMzE"}

package/build/ts/surfaces/checkout/style/style.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=style.test.d.ts.map

package/build/ts/surfaces/checkout/style/style.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.test.d.ts","sourceRoot":"","sources":["../../../../../src/surfaces/checkout/style/style.test.ts"],"names":[],"mappings":""}

package/build/ts/surfaces/checkout/style/types.d.ts

@@ -0,0 +1,46 @@
+type Resolution = 1 | 1.3 | 1.5 | 2 | 2.6 | 3 | 3.5 | 4;
+export interface InteractiveConditions {
+    hover: true;
+    focus: true;
+}
+export interface ResolutionCondition {
+    resolution: Resolution;
+}
+type ViewportInlineSize = 'small' | 'medium' | 'large';
+export interface ViewportSizeCondition {
+    viewportInlineSize: {
+        min: ViewportInlineSize;
+    };
+}
+export type AtLeastOne<T, U = {
+    [K in keyof T]: Pick<T, K>;
+}> = Partial<T> & U[keyof U];
+type DefaultConditions = InteractiveConditions & ViewportSizeCondition;
+export type Conditions = AtLeastOne<DefaultConditions>;
+export type BaseConditions = AtLeastOne<DefaultConditions & ResolutionCondition>;
+export interface ConditionalValue<T, AcceptedConditions extends BaseConditions = Conditions> {
+    /**
+     * The conditions that must be met for the value to be applied. At least one
+     * condition must be specified.
+     */
+    conditions: AcceptedConditions;
+    /**
+     * The value that will be applied if the conditions are met.
+     */
+    value: T;
+}
+export interface ConditionalStyle<T, AcceptedConditions extends BaseConditions = Conditions> {
+    /**
+     * The default value applied when none of the conditional values
+     * specified in `conditionals` are met.
+     */
+    default?: T;
+    /**
+     * An array of conditional values.
+     */
+    conditionals: ConditionalValue<T, AcceptedConditions>[];
+}
+export type MaybeConditionalStyle<T, AcceptedConditions extends BaseConditions = Conditions> = T | ConditionalStyle<T, AcceptedConditions>;
+export type MaybeResponsiveConditionalStyle<T> = MaybeConditionalStyle<T, ViewportSizeCondition>;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/build/ts/surfaces/checkout/style/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/surfaces/checkout/style/types.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;AAExD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,IAAI,CAAC;IACZ,KAAK,EAAE,IAAI,CAAC;CACb;AAED,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,UAAU,CAAC;CACxB;AAED,KAAK,kBAAkB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEvD,MAAM,WAAW,qBAAqB;IACpC,kBAAkB,EAAE;QAAC,GAAG,EAAE,kBAAkB,CAAA;KAAC,CAAC;CAC/C;AAED,MAAM,MAAM,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG;KAAE,CAAC,IAAI,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,GACtE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAEb,KAAK,iBAAiB,GAAG,qBAAqB,GAAG,qBAAqB,CAAC;AAEvE,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG,UAAU,CACrC,iBAAiB,GAAG,mBAAmB,CACxC,CAAC;AAEF,MAAM,WAAW,gBAAgB,CAC/B,CAAC,EACD,kBAAkB,SAAS,cAAc,GAAG,UAAU;IAEtD;;;OAGG;IACH,UAAU,EAAE,kBAAkB,CAAC;IAC/B;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;CACV;AAED,MAAM,WAAW,gBAAgB,CAC/B,CAAC,EACD,kBAAkB,SAAS,cAAc,GAAG,UAAU;IAEtD;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC;IACZ;;OAEG;IACH,YAAY,EAAE,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,EAAE,CAAC;CACzD;AAED,MAAM,MAAM,qBAAqB,CAC/B,CAAC,EACD,kBAAkB,SAAS,cAAc,GAAG,UAAU,IACpD,CAAC,GAAG,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAAC;AAEhD,MAAM,MAAM,+BAA+B,CAAC,CAAC,IAAI,qBAAqB,CACpE,CAAC,EACD,qBAAqB,CACtB,CAAC"}

package/build/ts/surfaces/checkout/style.d.ts

@@ -0,0 +1,3 @@
+export { Style, isConditionalStyle, isConditionalStyleWithDefault, } from './style/style';
+export type { AtLeastOne, Conditions, ConditionalStyle, ConditionalValue, InteractiveConditions, MaybeConditionalStyle, MaybeResponsiveConditionalStyle, ResolutionCondition, ViewportSizeCondition, } from './style/types';
+//# sourceMappingURL=style.d.ts.map

package/build/ts/surfaces/checkout/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/surfaces/checkout/style.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,kBAAkB,EAClB,6BAA6B,GAC9B,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,+BAA+B,EAC/B,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,eAAe,CAAC"}

package/build/ts/utilities/registration.d.ts

@@ -0,0 +1,12 @@
+export interface ExtensionRegistrationFunction<ExtensionPoints> {
+    <Target extends keyof ExtensionPoints>(target: Target, implementation: ExtensionPoints[Target]): ExtensionPoints[Target];
+}
+/**
+ * This function takes an extension function that is expecting a `RemoteRoot` as its
+ * first argument, and returns a new function that accepts a `RemoteChannel` instead.
+ * This is a convenience that allows the raw UI extension API to only expose the simpler
+ * `RemoteChannel` type, while allowing the extension to use the more powerful `RemoteRoot`,
+ * provided by a version of `@remote-ui/core` that the extension controls.
+ */
+export declare function createExtensionRegistrationFunction<ExtensionPoints>(): ExtensionRegistrationFunction<ExtensionPoints>;
+//# sourceMappingURL=registration.d.ts.map

package/build/ts/utilities/registration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registration.d.ts","sourceRoot":"","sources":["../../../src/utilities/registration.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,6BAA6B,CAAC,eAAe;IAC5D,CAAC,MAAM,SAAS,MAAM,eAAe,EACnC,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,eAAe,CAAC,MAAM,CAAC,GACtC,eAAe,CAAC,MAAM,CAAC,CAAC;CAC5B;AAED;;;;;;GAMG;AACH,wBAAgB,mCAAmC,CACjD,eAAe,KACZ,6BAA6B,CAAC,eAAe,CAAC,CAUlD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopify/ui-extensions",
-  "version": "2022.10.0",
+  "version": "2022.10.2",
   "main": "index.js",
   "module": "index.mjs",
   "esnext": "index.esnext",
@@ -36,6 +36,13 @@
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org/"
   },
+  "files": [
+    "build",
+    "src",
+    "index.*",
+    "checkout.*",
+    "README.md"
+  ],
   "eslintConfig": {
     "rules": {
       "@shopify/strict-component-boundaries": "off"

package/src/surfaces/checkout/extension.ts

@@ -5,3 +5,4 @@ import type {ExtensionPoints} from './extension-points';
 export * from '../../extension';
 
 export const extension = createExtensionRegistrationFunction<ExtensionPoints>();
+export const extend = extension;

package/loom.config.ts

@@ -1,9 +0,0 @@
-import {createPackage} from '@shopify/loom';
-
-import {defaultProjectPlugin} from '../../config/loom';
-
-export default createPackage((pkg) => {
-  pkg.entry({root: './src/index.ts'});
-  pkg.entry({name: 'checkout', root: './src/surfaces/checkout/index.ts'});
-  pkg.use(defaultProjectPlugin());
-});

package/tsconfig.json

@@ -1,9 +0,0 @@
-{
-  "extends": "../../config/typescript/tsconfig.admin.json",
-  "compilerOptions": {
-    "rootDir": "src",
-    "outDir": "build/ts",
-    "jsx": "react-jsx"
-  },
-  "include": ["./src/**/*.ts", "./src/**/*.tsx"]
-}