@makeswift/runtime 0.13.1 → 0.14.1

package/dist/esm/state/makeswift-api-client.js

@@ -0,0 +1,88 @@
+import { applyMiddleware, createStore } from "redux";
+import thunk from "redux-thunk";
+import * as APIResources from "./modules/api-resources";
+import { apiResourceFulfilled } from "./actions";
+import {
+  APIResourceType
+} from "../api";
+const reducer = APIResources.reducer;
+function getSerializedState(state) {
+  return APIResources.getSerializedState(state);
+}
+function getHasAPIResource(state, resourceType, resourceId) {
+  return APIResources.getHasAPIResource(state, resourceType, resourceId);
+}
+function getAPIResource(state, resourceType, resourceId) {
+  return APIResources.getAPIResource(state, resourceType, resourceId);
+}
+async function fetchJson(url) {
+  const response = await fetch(url, {
+    headers: { "Content-Type": "application/json" }
+  });
+  if (response.status === 404)
+    return null;
+  if (!response.ok)
+    throw new Error(response.statusText);
+  if (response.headers.get("content-type")?.includes("application/json") !== true) {
+    throw new Error(
+      `Expected JSON response from "${url}" but got "${response.headers.get("content-type")}"`
+    );
+  }
+  return response.json();
+}
+function fetchAPIResource(resourceType, resourceId, locale) {
+  return async (dispatch, getState) => {
+    const state = getState();
+    if (getHasAPIResource(state, resourceType, resourceId)) {
+      return getAPIResource(state, resourceType, resourceId);
+    }
+    let resource;
+    switch (resourceType) {
+      case APIResourceType.Swatch:
+        resource = await fetchJson(`/api/makeswift/swatches/${resourceId}`);
+        break;
+      case APIResourceType.File:
+        resource = await fetchJson(`/api/makeswift/files/${resourceId}`);
+        break;
+      case APIResourceType.Typography:
+        resource = await fetchJson(`/api/makeswift/typographies/${resourceId}`);
+        break;
+      case APIResourceType.GlobalElement:
+        resource = await fetchJson(`/api/makeswift/global-elements/${resourceId}`);
+        break;
+      case APIResourceType.LocalizedGlobalElement: {
+        if (locale == null)
+          throw new Error("Locale is required to fetch LocalizedGlobalElement");
+        resource = await fetchJson(
+          `/api/makeswift/localized-global-elements/${resourceId}/${locale}`
+        );
+        break;
+      }
+      case APIResourceType.PagePathnameSlice: {
+        const url = new URL(`/api/makeswift/page-pathname-slices/${resourceId}`, "http://n");
+        if (locale != null)
+          url.searchParams.set("locale", locale.toString());
+        resource = await fetchJson(url.pathname + url.search);
+        break;
+      }
+      case APIResourceType.Table:
+        resource = await fetchJson(`/api/makeswift/tables/${resourceId}`);
+        break;
+      default:
+        resource = null;
+    }
+    dispatch(apiResourceFulfilled(resourceType, resourceId, resource));
+    return resource;
+  };
+}
+function configureStore({ serializedState }) {
+  return createStore(reducer, APIResources.getInitialState(serializedState), applyMiddleware(thunk));
+}
+export {
+  configureStore,
+  fetchAPIResource,
+  getAPIResource,
+  getHasAPIResource,
+  getSerializedState
+};
+//# sourceMappingURL=makeswift-api-client.js.map

package/dist/esm/state/makeswift-api-client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/state/makeswift-api-client.ts"],"sourcesContent":["import { applyMiddleware, createStore, Store as ReduxStore } from 'redux'\nimport thunk, { ThunkAction, ThunkDispatch } from 'redux-thunk'\n\nimport * as APIResources from './modules/api-resources'\nimport { Action, apiResourceFulfilled } from './actions'\nimport {\n  APIResource,\n  APIResourceType,\n  Swatch,\n  File,\n  Typography,\n  GlobalElement,\n  PagePathnameSlice,\n  Table,\n  LocalizedGlobalElement,\n} from '../api'\n\nconst reducer = APIResources.reducer\n\nexport type State = ReturnType<typeof reducer>\n\nexport type SerializedState = APIResources.SerializedState\n\nexport function getSerializedState(state: State): SerializedState {\n  return APIResources.getSerializedState(state)\n}\n\nexport function getHasAPIResource(\n  state: State,\n  resourceType: APIResourceType,\n  resourceId: string,\n): boolean {\n  return APIResources.getHasAPIResource(state, resourceType, resourceId)\n}\n\nexport function getAPIResource<T extends APIResourceType>(\n  state: State,\n  resourceType: T,\n  resourceId: string,\n): Extract<APIResource, { __typename: T }> | null {\n  return APIResources.getAPIResource(state, resourceType, resourceId)\n}\n\ntype Thunk<ReturnType> = ThunkAction<ReturnType, State, unknown, Action>\n\nasync function fetchJson<T>(url: string): Promise<T | null> {\n  const response = await fetch(url, {\n    headers: { 'Content-Type': 'application/json' },\n  })\n\n  if (response.status === 404) return null\n\n  if (!response.ok) throw new Error(response.statusText)\n\n  if (response.headers.get('content-type')?.includes('application/json') !== true) {\n    throw new Error(\n      `Expected JSON response from \"${url}\" but got \"${response.headers.get('content-type')}\"`,\n    )\n  }\n\n  return response.json()\n}\n\nexport function fetchAPIResource<T extends APIResourceType>(\n  resourceType: T,\n  resourceId: string,\n  locale?: Intl.Locale,\n): Thunk<Promise<Extract<APIResource, { __typename: T }> | null>> {\n  return async (dispatch, getState) => {\n    const state = getState()\n\n    if (getHasAPIResource(state, resourceType, resourceId)) {\n      return getAPIResource(state, resourceType, resourceId)\n    }\n\n    let resource: APIResource | null\n\n    switch (resourceType) {\n      case APIResourceType.Swatch:\n        resource = await fetchJson<Swatch>(`/api/makeswift/swatches/${resourceId}`)\n        break\n\n      case APIResourceType.File:\n        resource = await fetchJson<File>(`/api/makeswift/files/${resourceId}`)\n        break\n\n      case APIResourceType.Typography:\n        resource = await fetchJson<Typography>(`/api/makeswift/typographies/${resourceId}`)\n        break\n\n      case APIResourceType.GlobalElement:\n        resource = await fetchJson<GlobalElement>(`/api/makeswift/global-elements/${resourceId}`)\n        break\n\n      case APIResourceType.LocalizedGlobalElement: {\n        if (locale == null) throw new Error('Locale is required to fetch LocalizedGlobalElement')\n\n        resource = await fetchJson<LocalizedGlobalElement>(\n          `/api/makeswift/localized-global-elements/${resourceId}/${locale}`,\n        )\n        break\n      }\n\n      case APIResourceType.PagePathnameSlice: {\n        const url = new URL(`/api/makeswift/page-pathname-slices/${resourceId}`, 'http://n')\n\n        if (locale != null) url.searchParams.set('locale', locale.toString())\n\n        resource = await fetchJson<PagePathnameSlice>(url.pathname + url.search)\n        break\n      }\n\n      case APIResourceType.Table:\n        resource = await fetchJson<Table>(`/api/makeswift/tables/${resourceId}`)\n        break\n\n      default:\n        resource = null\n    }\n\n    dispatch(apiResourceFulfilled(resourceType, resourceId, resource))\n\n    return resource as Extract<APIResource, { __typename: T }> | null\n  }\n}\n\nexport type Dispatch = ThunkDispatch<State, unknown, Action>\n\nexport type Store = ReduxStore<State, Action> & { dispatch: Dispatch }\n\nexport function configureStore({ serializedState }: { serializedState?: SerializedState }): Store {\n  return createStore(reducer, APIResources.getInitialState(serializedState), applyMiddleware(thunk))\n}\n"],"mappings":"AAAA,SAAS,iBAAiB,mBAAwC;AAClE,OAAO,WAA2C;AAElD,YAAY,kBAAkB;AAC9B,SAAiB,4BAA4B;AAC7C;AAAA,EAEE;AAAA,OAQK;AAEP,MAAM,UAAU,aAAa;AAMtB,SAAS,mBAAmB,OAA+B;AAChE,SAAO,aAAa,mBAAmB,KAAK;AAC9C;AAEO,SAAS,kBACd,OACA,cACA,YACS;AACT,SAAO,aAAa,kBAAkB,OAAO,cAAc,UAAU;AACvE;AAEO,SAAS,eACd,OACA,cACA,YACgD;AAChD,SAAO,aAAa,eAAe,OAAO,cAAc,UAAU;AACpE;AAIA,eAAe,UAAa,KAAgC;AAC1D,QAAM,WAAW,MAAM,MAAM,KAAK;AAAA,IAChC,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,EAChD,CAAC;AAED,MAAI,SAAS,WAAW;AAAK,WAAO;AAEpC,MAAI,CAAC,SAAS;AAAI,UAAM,IAAI,MAAM,SAAS,UAAU;AAErD,MAAI,SAAS,QAAQ,IAAI,cAAc,GAAG,SAAS,kBAAkB,MAAM,MAAM;AAC/E,UAAM,IAAI;AAAA,MACR,gCAAgC,GAAG,cAAc,SAAS,QAAQ,IAAI,cAAc,CAAC;AAAA,IACvF;AAAA,EACF;AAEA,SAAO,SAAS,KAAK;AACvB;AAEO,SAAS,iBACd,cACA,YACA,QACgE;AAChE,SAAO,OAAO,UAAU,aAAa;AACnC,UAAM,QAAQ,SAAS;AAEvB,QAAI,kBAAkB,OAAO,cAAc,UAAU,GAAG;AACtD,aAAO,eAAe,OAAO,cAAc,UAAU;AAAA,IACvD;AAEA,QAAI;AAEJ,YAAQ,cAAc;AAAA,MACpB,KAAK,gBAAgB;AACnB,mBAAW,MAAM,UAAkB,2BAA2B,UAAU,EAAE;AAC1E;AAAA,MAEF,KAAK,gBAAgB;AACnB,mBAAW,MAAM,UAAgB,wBAAwB,UAAU,EAAE;AACrE;AAAA,MAEF,KAAK,gBAAgB;AACnB,mBAAW,MAAM,UAAsB,+BAA+B,UAAU,EAAE;AAClF;AAAA,MAEF,KAAK,gBAAgB;AACnB,mBAAW,MAAM,UAAyB,kCAAkC,UAAU,EAAE;AACxF;AAAA,MAEF,KAAK,gBAAgB,wBAAwB;AAC3C,YAAI,UAAU;AAAM,gBAAM,IAAI,MAAM,oDAAoD;AAExF,mBAAW,MAAM;AAAA,UACf,4CAA4C,UAAU,IAAI,MAAM;AAAA,QAClE;AACA;AAAA,MACF;AAAA,MAEA,KAAK,gBAAgB,mBAAmB;AACtC,cAAM,MAAM,IAAI,IAAI,uCAAuC,UAAU,IAAI,UAAU;AAEnF,YAAI,UAAU;AAAM,cAAI,aAAa,IAAI,UAAU,OAAO,SAAS,CAAC;AAEpE,mBAAW,MAAM,UAA6B,IAAI,WAAW,IAAI,MAAM;AACvE;AAAA,MACF;AAAA,MAEA,KAAK,gBAAgB;AACnB,mBAAW,MAAM,UAAiB,yBAAyB,UAAU,EAAE;AACvE;AAAA,MAEF;AACE,mBAAW;AAAA,IACf;AAEA,aAAS,qBAAqB,cAAc,YAAY,QAAQ,CAAC;AAEjE,WAAO;AAAA,EACT;AACF;AAMO,SAAS,eAAe,EAAE,gBAAgB,GAAiD;AAChG,SAAO,YAAY,SAAS,aAAa,gBAAgB,eAAe,GAAG,gBAAgB,KAAK,CAAC;AACnG;","names":[]}

package/dist/esm/state/modules/api-resources.js

@@ -0,0 +1,98 @@
+import { APIResourceType } from "../../api";
+import deepEqual from "../../utils/deepEqual";
+import { ActionTypes } from "../actions";
+function getInitialState(serializedState = {
+  Swatch: [],
+  File: [],
+  Typography: [],
+  PagePathnameSlice: [],
+  GlobalElement: [],
+  Table: [],
+  Snippet: [],
+  Page: [],
+  Site: [],
+  LocalizedGlobalElement: []
+}) {
+  return new Map(
+    Object.entries(serializedState).map(([apiResourceType, resources]) => [
+      apiResourceType,
+      new Map(resources.map(({ id, value }) => [id, value]))
+    ])
+  );
+}
+function getSerializedState(state) {
+  const resourceMap = {
+    Swatch: [],
+    File: [],
+    Typography: [],
+    PagePathnameSlice: [],
+    GlobalElement: [],
+    Table: [],
+    Snippet: [],
+    Page: [],
+    Site: [],
+    LocalizedGlobalElement: []
+  };
+  Array.from(state.entries()).forEach(([resourceType, resources]) => {
+    const particularResourceMap = [];
+    Array.from(resources.entries()).forEach(([id, value]) => {
+      if (value != null) {
+        particularResourceMap.push({ id, value });
+      }
+    });
+    resourceMap[resourceType] = particularResourceMap;
+  });
+  return resourceMap;
+}
+function getHasAPIResource(state, resourceType, resourceId) {
+  return state.get(resourceType)?.has(resourceId) ?? false;
+}
+function getAPIResource(state, resourceType, resourceId) {
+  const resource = state.get(resourceType)?.get(resourceId);
+  return resource?.__typename === resourceType ? resource : null;
+}
+function reducer(state = getInitialState(), action) {
+  switch (action.type) {
+    case ActionTypes.API_RESOURCE_FULFILLED: {
+      const { resourceType, resourceId, resource } = action.payload;
+      return new Map(state).set(
+        resourceType,
+        new Map(state.get(resourceType)).set(resourceId, resource)
+      );
+    }
+    case ActionTypes.CHANGE_API_RESOURCE: {
+      const existingApiResource = getAPIResource(
+        state,
+        action.payload.resource.__typename,
+        action.payload.resource.id
+      );
+      if (deepEqual(existingApiResource, action.payload.resource))
+        return state;
+      return new Map(state).set(
+        action.payload.resource.__typename,
+        new Map(state.get(action.payload.resource.__typename)).set(
+          action.payload.resource.id,
+          action.payload.resource
+        )
+      );
+    }
+    case ActionTypes.EVICT_API_RESOURCE: {
+      const [resourceType, resourceId] = action.payload.id.split(":");
+      if (!(resourceType in APIResourceType))
+        return state;
+      const resources = new Map(state.get(resourceType));
+      const deleted = resources.delete(resourceId);
+      return deleted ? new Map(state).set(resourceType, resources) : state;
+    }
+    default:
+      return state;
+  }
+}
+export {
+  getAPIResource,
+  getHasAPIResource,
+  getInitialState,
+  getSerializedState,
+  reducer
+};
+//# sourceMappingURL=api-resources.js.map

package/dist/esm/state/modules/api-resources.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/modules/api-resources.ts"],"sourcesContent":["import { APIResource, APIResourceType } from '../../api'\nimport deepEqual from '../../utils/deepEqual'\nimport { Action, ActionTypes } from '../actions'\n\ntype State = Map<APIResourceType, Map<string, APIResource | null>>\n\nexport type SerializedState = {\n  [key in APIResourceType]?: {\n    id: string\n    value: Extract<APIResource, { __typename: key }> | null\n  }[]\n}\n\nexport function getInitialState(\n  serializedState: SerializedState = {\n    Swatch: [],\n    File: [],\n    Typography: [],\n    PagePathnameSlice: [],\n    GlobalElement: [],\n    Table: [],\n    Snippet: [],\n    Page: [],\n    Site: [],\n    LocalizedGlobalElement: [],\n  },\n): State {\n  return new Map(\n    Object.entries(serializedState).map(([apiResourceType, resources]) => [\n      apiResourceType,\n      new Map(resources.map(({ id, value }) => [id, value])),\n    ]),\n  ) as State\n}\n\nexport function getSerializedState(state: State): SerializedState {\n  const resourceMap: SerializedState = {\n    Swatch: [],\n    File: [],\n    Typography: [],\n    PagePathnameSlice: [],\n    GlobalElement: [],\n    Table: [],\n    Snippet: [],\n    Page: [],\n    Site: [],\n    LocalizedGlobalElement: [],\n  }\n\n  Array.from(state.entries()).forEach(([resourceType, resources]) => {\n    const particularResourceMap: { id: string; value: any }[] = []\n\n    Array.from(resources.entries()).forEach(([id, value]) => {\n      if (value != null) {\n        particularResourceMap.push({ id, value })\n      }\n    })\n\n    resourceMap[resourceType] = particularResourceMap\n  })\n\n  return resourceMap\n}\n\nexport function getHasAPIResource(\n  state: State,\n  resourceType: APIResourceType,\n  resourceId: string,\n): boolean {\n  return state.get(resourceType)?.has(resourceId) ?? false\n}\n\nexport function getAPIResource<T extends APIResourceType>(\n  state: State,\n  resourceType: T,\n  resourceId: string,\n): Extract<APIResource, { __typename: T }> | null {\n  const resource = state.get(resourceType)?.get(resourceId)\n\n  return resource?.__typename === resourceType\n    ? (resource as Extract<typeof resource, { __typename: T }>)\n    : null\n}\n\nexport function reducer(state: State = getInitialState(), action: Action): State {\n  switch (action.type) {\n    case ActionTypes.API_RESOURCE_FULFILLED: {\n      const { resourceType, resourceId, resource } = action.payload\n\n      return new Map(state).set(\n        resourceType,\n        new Map(state.get(resourceType)!).set(resourceId, resource),\n      )\n    }\n\n    case ActionTypes.CHANGE_API_RESOURCE: {\n      const existingApiResource = getAPIResource(\n        state,\n        action.payload.resource.__typename,\n        action.payload.resource.id,\n      )\n\n      if (deepEqual(existingApiResource, action.payload.resource)) return state\n\n      return new Map(state).set(\n        action.payload.resource.__typename,\n        new Map(state.get(action.payload.resource.__typename)!).set(\n          action.payload.resource.id,\n          action.payload.resource,\n        ),\n      )\n    }\n\n    case ActionTypes.EVICT_API_RESOURCE: {\n      const [resourceType, resourceId] = action.payload.id.split(':')\n\n      if (!(resourceType in APIResourceType)) return state\n\n      const resources = new Map(state.get(resourceType as APIResourceType)!)\n\n      const deleted = resources.delete(resourceId)\n\n      return deleted ? new Map(state).set(resourceType as APIResourceType, resources) : state\n    }\n\n    default:\n      return state\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/esm/state/modules/box-models.js

@@ -0,0 +1,96 @@
+import {
+  createBox as createBoxWithoutScroll,
+  getBox as getBoxWithoutScroll,
+  withScroll
+} from "css-box-model";
+import { ActionTypes } from "../actions";
+function parse(rawString) {
+  const value = Number(rawString.replace(/px$/, ""));
+  return Number.isFinite(value) ? value : 0;
+}
+function createBox(boxArgs) {
+  return withScroll(createBoxWithoutScroll(boxArgs));
+}
+function getBox(element) {
+  return withScroll(getBoxWithoutScroll(element));
+}
+function isMeasurable(value) {
+  if (value instanceof Element)
+    return true;
+  if (typeof value === "object" && value !== null && "getBoxModel" in value && typeof value.getBoxModel === "function") {
+    return true;
+  }
+  return false;
+}
+function measure(measurable) {
+  if (measurable instanceof Element)
+    return getBox(measurable);
+  return measurable.getBoxModel();
+}
+function getInitialState() {
+  return { measurables: /* @__PURE__ */ new Map(), boxModels: /* @__PURE__ */ new Map() };
+}
+function getMeasurables(state) {
+  return state.measurables;
+}
+function getBoxModels(state) {
+  return state.boxModels;
+}
+function getBoxModel(state, documentKey, elementKey) {
+  return getBoxModels(state).get(documentKey)?.get(elementKey) ?? null;
+}
+function reducer(state = getInitialState(), action) {
+  switch (action.type) {
+    case ActionTypes.REGISTER_MEASURABLE: {
+      const { documentKey, elementKey, measurable } = action.payload;
+      return {
+        ...state,
+        measurables: new Map(state.measurables).set(
+          documentKey,
+          new Map(state.measurables.get(documentKey) ?? []).set(elementKey, measurable)
+        )
+      };
+    }
+    case ActionTypes.UNREGISTER_MEASURABLE: {
+      const { documentKey, elementKey } = action.payload;
+      const nextMeasurables = new Map(state.measurables.get(documentKey) ?? []);
+      const deleted = nextMeasurables.delete(elementKey);
+      return deleted ? { ...state, measurables: new Map(state.measurables).set(documentKey, nextMeasurables) } : state;
+    }
+    case ActionTypes.CHANGE_ELEMENT_BOX_MODELS: {
+      const { changedElementBoxModels } = action.payload;
+      if (changedElementBoxModels.size === 0)
+        return state;
+      const nextBoxModels = new Map(state.boxModels);
+      changedElementBoxModels.forEach((changedBoxModels, documentKey) => {
+        const nextDocumentBoxModels = new Map(nextBoxModels.get(documentKey) ?? []);
+        changedBoxModels.forEach((changedBoxModel, elementKey) => {
+          if (changedBoxModel == null)
+            nextDocumentBoxModels.delete(elementKey);
+          else
+            nextDocumentBoxModels.set(elementKey, changedBoxModel);
+        });
+        if (nextDocumentBoxModels.size > 0)
+          nextBoxModels.set(documentKey, nextDocumentBoxModels);
+        else
+          nextBoxModels.delete(documentKey);
+      });
+      return { ...state, boxModels: nextBoxModels };
+    }
+    default:
+      return state;
+  }
+}
+export {
+  createBox,
+  getBox,
+  getBoxModel,
+  getBoxModels,
+  getInitialState,
+  getMeasurables,
+  isMeasurable,
+  measure,
+  parse,
+  reducer
+};
+//# sourceMappingURL=box-models.js.map

package/dist/esm/state/modules/box-models.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/modules/box-models.ts"],"sourcesContent":["import {\n  BoxModel,\n  createBox as createBoxWithoutScroll,\n  CreateBoxArgs,\n  getBox as getBoxWithoutScroll,\n  withScroll,\n} from 'css-box-model'\n\nimport { Action, ActionTypes } from '../actions'\n\nexport type { BoxModel }\n\nexport function parse(rawString: string): number {\n  const value = Number(rawString.replace(/px$/, ''))\n\n  return Number.isFinite(value) ? value : 0\n}\n\nexport function createBox(boxArgs: CreateBoxArgs): BoxModel {\n  return withScroll(createBoxWithoutScroll(boxArgs))\n}\n\nexport function getBox(element: Element): BoxModel {\n  return withScroll(getBoxWithoutScroll(element))\n}\n\nexport interface BoxModelHandle {\n  getBoxModel(): BoxModel | null\n}\n\nexport type Measurable = Element | BoxModelHandle\n\nexport function isMeasurable(value: unknown): value is Measurable {\n  if (value instanceof Element) return true\n\n  if (\n    typeof value === 'object' &&\n    value !== null &&\n    'getBoxModel' in value &&\n    typeof (value as { getBoxModel: unknown }).getBoxModel === 'function'\n  ) {\n    return true\n  }\n\n  return false\n}\n\nexport function measure(measurable: Measurable): BoxModel | null {\n  if (measurable instanceof Element) return getBox(measurable)\n\n  return measurable.getBoxModel()\n}\n\nexport type State = {\n  measurables: Map<string, Map<string, Measurable>>\n  boxModels: Map<string, Map<string, BoxModel>>\n}\n\nexport function getInitialState(): State {\n  return { measurables: new Map(), boxModels: new Map() }\n}\n\nexport function getMeasurables(state: State): Map<string, Map<string, Measurable>> {\n  return state.measurables\n}\n\nexport function getBoxModels(state: State): Map<string, Map<string, BoxModel>> {\n  return state.boxModels\n}\n\nexport function getBoxModel(\n  state: State,\n  documentKey: string,\n  elementKey: string,\n): BoxModel | null {\n  return getBoxModels(state).get(documentKey)?.get(elementKey) ?? null\n}\n\nexport function reducer(state: State = getInitialState(), action: Action) {\n  switch (action.type) {\n    case ActionTypes.REGISTER_MEASURABLE: {\n      const { documentKey, elementKey, measurable } = action.payload\n\n      return {\n        ...state,\n        measurables: new Map(state.measurables).set(\n          documentKey,\n          new Map(state.measurables.get(documentKey) ?? []).set(elementKey, measurable),\n        ),\n      }\n    }\n\n    case ActionTypes.UNREGISTER_MEASURABLE: {\n      const { documentKey, elementKey } = action.payload\n      const nextMeasurables = new Map(state.measurables.get(documentKey) ?? [])\n\n      const deleted = nextMeasurables.delete(elementKey)\n\n      return deleted\n        ? { ...state, measurables: new Map(state.measurables).set(documentKey, nextMeasurables) }\n        : state\n    }\n\n    case ActionTypes.CHANGE_ELEMENT_BOX_MODELS: {\n      const { changedElementBoxModels } = action.payload\n\n      if (changedElementBoxModels.size === 0) return state\n\n      const nextBoxModels = new Map(state.boxModels)\n\n      changedElementBoxModels.forEach((changedBoxModels, documentKey) => {\n        const nextDocumentBoxModels = new Map(nextBoxModels.get(documentKey) ?? [])\n\n        changedBoxModels.forEach((changedBoxModel, elementKey) => {\n          if (changedBoxModel == null) nextDocumentBoxModels.delete(elementKey)\n          else nextDocumentBoxModels.set(elementKey, changedBoxModel)\n        })\n\n        if (nextDocumentBoxModels.size > 0) nextBoxModels.set(documentKey, nextDocumentBoxModels)\n        else nextBoxModels.delete(documentKey)\n      })\n\n      return { ...state, boxModels: nextBoxModels }\n    }\n\n    default:\n      return state\n  }\n}\n"],"mappings":"AAAA;AAAA,EAEE,aAAa;AAAA,EAEb,UAAU;AAAA,EACV;AAAA,OACK;AAEP,SAAiB,mBAAmB;AAI7B,SAAS,MAAM,WAA2B;AAC/C,QAAM,QAAQ,OAAO,UAAU,QAAQ,OAAO,EAAE,CAAC;AAEjD,SAAO,OAAO,SAAS,KAAK,IAAI,QAAQ;AAC1C;AAEO,SAAS,UAAU,SAAkC;AAC1D,SAAO,WAAW,uBAAuB,OAAO,CAAC;AACnD;AAEO,SAAS,OAAO,SAA4B;AACjD,SAAO,WAAW,oBAAoB,OAAO,CAAC;AAChD;AAQO,SAAS,aAAa,OAAqC;AAChE,MAAI,iBAAiB;AAAS,WAAO;AAErC,MACE,OAAO,UAAU,YACjB,UAAU,QACV,iBAAiB,SACjB,OAAQ,MAAmC,gBAAgB,YAC3D;AACA,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAEO,SAAS,QAAQ,YAAyC;AAC/D,MAAI,sBAAsB;AAAS,WAAO,OAAO,UAAU;AAE3D,SAAO,WAAW,YAAY;AAChC;AAOO,SAAS,kBAAyB;AACvC,SAAO,EAAE,aAAa,oBAAI,IAAI,GAAG,WAAW,oBAAI,IAAI,EAAE;AACxD;AAEO,SAAS,eAAe,OAAoD;AACjF,SAAO,MAAM;AACf;AAEO,SAAS,aAAa,OAAkD;AAC7E,SAAO,MAAM;AACf;AAEO,SAAS,YACd,OACA,aACA,YACiB;AACjB,SAAO,aAAa,KAAK,EAAE,IAAI,WAAW,GAAG,IAAI,UAAU,KAAK;AAClE;AAEO,SAAS,QAAQ,QAAe,gBAAgB,GAAG,QAAgB;AACxE,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,YAAY,qBAAqB;AACpC,YAAM,EAAE,aAAa,YAAY,WAAW,IAAI,OAAO;AAEvD,aAAO;AAAA,QACL,GAAG;AAAA,QACH,aAAa,IAAI,IAAI,MAAM,WAAW,EAAE;AAAA,UACtC;AAAA,UACA,IAAI,IAAI,MAAM,YAAY,IAAI,WAAW,KAAK,CAAC,CAAC,EAAE,IAAI,YAAY,UAAU;AAAA,QAC9E;AAAA,MACF;AAAA,IACF;AAAA,IAEA,KAAK,YAAY,uBAAuB;AACtC,YAAM,EAAE,aAAa,WAAW,IAAI,OAAO;AAC3C,YAAM,kBAAkB,IAAI,IAAI,MAAM,YAAY,IAAI,WAAW,KAAK,CAAC,CAAC;AAExE,YAAM,UAAU,gBAAgB,OAAO,UAAU;AAEjD,aAAO,UACH,EAAE,GAAG,OAAO,aAAa,IAAI,IAAI,MAAM,WAAW,EAAE,IAAI,aAAa,eAAe,EAAE,IACtF;AAAA,IACN;AAAA,IAEA,KAAK,YAAY,2BAA2B;AAC1C,YAAM,EAAE,wBAAwB,IAAI,OAAO;AAE3C,UAAI,wBAAwB,SAAS;AAAG,eAAO;AAE/C,YAAM,gBAAgB,IAAI,IAAI,MAAM,SAAS;AAE7C,8BAAwB,QAAQ,CAAC,kBAAkB,gBAAgB;AACjE,cAAM,wBAAwB,IAAI,IAAI,cAAc,IAAI,WAAW,KAAK,CAAC,CAAC;AAE1E,yBAAiB,QAAQ,CAAC,iBAAiB,eAAe;AACxD,cAAI,mBAAmB;AAAM,kCAAsB,OAAO,UAAU;AAAA;AAC/D,kCAAsB,IAAI,YAAY,eAAe;AAAA,QAC5D,CAAC;AAED,YAAI,sBAAsB,OAAO;AAAG,wBAAc,IAAI,aAAa,qBAAqB;AAAA;AACnF,wBAAc,OAAO,WAAW;AAAA,MACvC,CAAC;AAED,aAAO,EAAE,GAAG,OAAO,WAAW,cAAc;AAAA,IAC9C;AAAA,IAEA;AACE,aAAO;AAAA,EACX;AACF;","names":[]}

package/dist/esm/state/modules/breakpoints.js

@@ -0,0 +1,208 @@
+import shallowMerge from "../../utils/shallowMerge";
+import { ActionTypes } from "../actions";
+import coalesce from "../../utils/coalesce";
+const DefaultBreakpointID = {
+  Desktop: "desktop",
+  Tablet: "tablet",
+  Mobile: "mobile"
+};
+const DEFAULT_BREAKPOINTS = [
+  {
+    id: DefaultBreakpointID.Desktop,
+    label: "Desktop",
+    minWidth: 769
+  },
+  {
+    id: DefaultBreakpointID.Tablet,
+    label: "Tablet",
+    minWidth: 576,
+    maxWidth: 768,
+    viewportWidth: 760
+  },
+  {
+    id: DefaultBreakpointID.Mobile,
+    label: "Mobile",
+    maxWidth: 575,
+    viewportWidth: 390
+  }
+];
+function getInitialState(breakpoints = DEFAULT_BREAKPOINTS) {
+  return breakpoints;
+}
+function reducer(state = getInitialState(), action) {
+  switch (action.type) {
+    case ActionTypes.SET_BREAKPOINTS: {
+      const breakpoints = action.payload.breakpoints;
+      if (breakpoints.length === 0)
+        throw new Error("Breakpoints cannot be empty.");
+      return breakpoints;
+    }
+    default:
+      return state;
+  }
+}
+function parseBreakpointsInput(input) {
+  validateBreakpointsInput(input);
+  const sorted = Object.entries(input).map(([id, value]) => ({ ...value, id })).sort((a, b) => b.width - a.width);
+  const transformed = sorted.reduce(
+    (prev, curr, index, array) => {
+      const { width, viewport, id, label } = curr;
+      const next = array[index + 1];
+      const breakpoint = {
+        id,
+        ...label && { label },
+        ...next && { minWidth: next.width + 1 },
+        maxWidth: width,
+        viewportWidth: viewport ?? width
+      };
+      return [...prev, breakpoint];
+    },
+    [
+      { id: DefaultBreakpointID.Desktop, label: "Desktop", minWidth: sorted[0].width + 1 }
+    ]
+  );
+  return transformed;
+}
+function validateBreakpointsInput(input) {
+  if (DefaultBreakpointID.Desktop in input) {
+    throw new Error(
+      `Cannot change the base breakpoint. "${DefaultBreakpointID.Desktop}" is reserved as the base breakpoint.`
+    );
+  }
+  if (Object.keys(input).length === 0) {
+    throw new Error(`Breakpoints cannot be empty. You must provide at least one breakpoint.`);
+  }
+  const sorted = Object.entries(input).map(([id, value]) => ({ ...value, id })).sort((a, b) => b.width - a.width);
+  sorted.forEach(({ id, width, viewport }, index, array) => {
+    if (viewport && viewport > width) {
+      throw new Error(
+        `Error on breakpoint "${id}". Viewport cannot be greater than its width.
+        "${id}" has a viewport of ${viewport}px and a width of ${width}px.`
+      );
+    }
+    const next = array[index + 1];
+    if (viewport && next && viewport < next.width) {
+      throw new Error(
+        `Error on breakpoint "${id}". Viewport cannot be smaller than the next breakpoint's width. 
+        "${id}" has a viewport of ${viewport}px and the next breakpoint "${next.id}" has a width of ${next.width}px.`
+      );
+    }
+    if (next && width === next.width) {
+      throw new Error(
+        `Breakpoints cannot have the same width. "${id}" and "${next.id}" have the same width`
+      );
+    }
+  });
+}
+function sortBreakpoints(breakpoints) {
+  return breakpoints.sort((a, b) => (b?.minWidth ?? 0) - (a?.minWidth ?? 0));
+}
+const getBreakpoint = (state, breakpointId) => {
+  const breakpoint = state.find(({ id }) => id === breakpointId);
+  if (breakpoint == null)
+    throw new Error(`Unrecognized breakpoint ID: "${breakpointId}".`);
+  return breakpoint;
+};
+const getBaseBreakpoint = (breakpoints) => {
+  const breakpoint = sortBreakpoints(breakpoints)[0];
+  if (breakpoint == null)
+    throw new Error(`Cannot get base breakpoint.`);
+  return breakpoint;
+};
+function findBreakpointOverride(breakpoints, values = [], deviceId, strategy = defaultStrategy) {
+  const value = values.find(({ deviceId: d }) => d === deviceId);
+  const fallbacks = breakpoints.slice(0, breakpoints.findIndex((d) => d.id === deviceId) + 1).reverse().map((d) => values.find((v) => v.deviceId === d.id)).filter((override) => Boolean(override));
+  return value != null || fallbacks.length > 0 ? strategy(value, fallbacks) : void 0;
+}
+function defaultStrategy(value, fallbacks) {
+  return value || fallbacks[0];
+}
+function shallowMergeFallbacks(value, fallbacks) {
+  return [value, ...fallbacks].filter((override) => Boolean(override)).reduce((a, b) => ({
+    deviceId: a.deviceId || b.deviceId,
+    value: shallowMerge(a.value, b.value)
+  }));
+}
+function mergeOrCoalesce(a, b) {
+  if (typeof a === "object" && a !== null && !Array.isArray(a) && typeof b === "object" && b !== null && !Array.isArray(b)) {
+    return shallowMerge(a, b);
+  }
+  return coalesce(a, b);
+}
+function mergeOrCoalesceFallbacks(value, fallbacks) {
+  return [value, ...fallbacks].filter((override) => Boolean(override)).reduce((a, b) => ({
+    deviceId: a.deviceId || b.deviceId,
+    value: mergeOrCoalesce(a.value, b.value)
+  }));
+}
+function join(breakpoints, responsiveValues, joinFn, strategy) {
+  return breakpoints.map(({ id }) => id).map((deviceId) => {
+    const value = joinFn(
+      responsiveValues.map((responsiveValue) => {
+        const deviceValue = responsiveValue && findBreakpointOverride(breakpoints, responsiveValue, deviceId, strategy);
+        return deviceValue == null ? void 0 : deviceValue.value;
+      })
+    );
+    if (value == null)
+      return null;
+    return { deviceId, value };
+  }).filter((override) => Boolean(override));
+}
+const getBreakpointMediaQuery = (breakpoint) => {
+  const parts = ["@media only screen"];
+  if (breakpoint.minWidth != null) {
+    parts.push(`(min-width: ${breakpoint.minWidth}px)`);
+  }
+  if (breakpoint.maxWidth != null) {
+    parts.push(`(max-width: ${breakpoint.maxWidth}px)`);
+  }
+  return parts.join(" and ");
+};
+const getViewportStyle = (state, deviceId) => {
+  const device = getBreakpoint(state, deviceId);
+  return device && {
+    width: device.viewportWidth != null ? device.viewportWidth : "100%",
+    minWidth: device.minWidth
+  };
+};
+function findNextFallback(breakpoints, value, deviceId, activeDeviceId, fallbackStrategy) {
+  const deviceOverride = findBreakpointOverride(
+    breakpoints,
+    value.filter((v) => v.deviceId !== activeDeviceId),
+    deviceId,
+    fallbackStrategy
+  );
+  return (deviceOverride && getBreakpoint(breakpoints, deviceOverride.deviceId)) ?? null;
+}
+const mergeResponsiveValues = (breakpoints, source, override) => {
+  const devices = [
+    ...new Set(
+      source.map(({ deviceId }) => deviceId).concat(override.map(({ deviceId }) => deviceId))
+    )
+  ];
+  return devices.map((deviceId) => ({
+    deviceId,
+    value: {
+      ...(findBreakpointOverride(breakpoints, source, deviceId) || { value: {} }).value,
+      ...(findBreakpointOverride(breakpoints, override, deviceId, (v) => v) || { value: {} }).value
+    }
+  }));
+};
+export {
+  DEFAULT_BREAKPOINTS,
+  DefaultBreakpointID,
+  findBreakpointOverride,
+  findNextFallback,
+  getBaseBreakpoint,
+  getBreakpoint,
+  getBreakpointMediaQuery,
+  getInitialState,
+  getViewportStyle,
+  join,
+  mergeOrCoalesceFallbacks,
+  mergeResponsiveValues,
+  parseBreakpointsInput,
+  reducer,
+  shallowMergeFallbacks
+};
+//# sourceMappingURL=breakpoints.js.map

package/dist/esm/state/modules/breakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/modules/breakpoints.ts"],"sourcesContent":["import { Viewport } from 'csstype'\n\nimport {\n  ResponsiveValue as PropControllerResponsiveValue,\n  DeviceOverride as PropControllerDeviceOverride,\n  Device as DeviceId,\n} from '../../prop-controllers'\nimport shallowMerge from '../../utils/shallowMerge'\nimport { Action, ActionTypes } from '../actions'\nimport coalesce from '../../utils/coalesce'\nimport { Data } from '../../controls/types'\n\nexport type DeviceOverride<T> = PropControllerDeviceOverride<T>\nexport type ResponsiveValue<T> = PropControllerResponsiveValue<T>\nexport type BreakpointId = DeviceId\n\nexport type Breakpoint = {\n  id: BreakpointId\n  label?: string\n  viewportWidth?: number\n  minWidth?: number\n  maxWidth?: number\n}\n\nexport type Breakpoints = Breakpoint[]\n\nexport type State = Breakpoints\n\nexport const DefaultBreakpointID = {\n  Desktop: 'desktop',\n  Tablet: 'tablet',\n  Mobile: 'mobile',\n} as const\n\ntype DefaultBreakpointID = typeof DefaultBreakpointID[keyof typeof DefaultBreakpointID]\n\nexport const DEFAULT_BREAKPOINTS: Breakpoints = [\n  {\n    id: DefaultBreakpointID.Desktop,\n    label: 'Desktop',\n    minWidth: 769,\n  },\n  {\n    id: DefaultBreakpointID.Tablet,\n    label: 'Tablet',\n    minWidth: 576,\n    maxWidth: 768,\n    viewportWidth: 760,\n  },\n  {\n    id: DefaultBreakpointID.Mobile,\n    label: 'Mobile',\n    maxWidth: 575,\n    viewportWidth: 390,\n  },\n]\n\nexport function getInitialState(breakpoints = DEFAULT_BREAKPOINTS): State {\n  return breakpoints\n}\n\nexport function reducer(state: State = getInitialState(), action: Action): State {\n  switch (action.type) {\n    case ActionTypes.SET_BREAKPOINTS: {\n      const breakpoints = action.payload.breakpoints\n\n      if (breakpoints.length === 0) throw new Error('Breakpoints cannot be empty.')\n\n      return breakpoints\n    }\n\n    default:\n      return state\n  }\n}\n\nexport type BreakpointsInput = Record<string, { width: number; label?: string; viewport?: number }>\n\nexport function parseBreakpointsInput(input: BreakpointsInput): Breakpoints {\n  validateBreakpointsInput(input)\n\n  const sorted = Object.entries(input)\n    .map(([id, value]) => ({ ...value, id }))\n    .sort((a, b) => b.width - a.width) // Sort by width in descending order\n\n  const transformed = sorted.reduce(\n    (prev, curr, index, array) => {\n      const { width, viewport, id, label } = curr\n      const next = array[index + 1]\n\n      const breakpoint: Breakpoint = {\n        id,\n        ...(label && { label }),\n        ...(next && { minWidth: next.width + 1 }),\n        maxWidth: width,\n        viewportWidth: viewport ?? width,\n      }\n\n      return [...prev, breakpoint]\n    },\n    [\n      { id: DefaultBreakpointID.Desktop, label: 'Desktop', minWidth: sorted[0].width + 1 },\n    ] as Breakpoints,\n  )\n\n  return transformed\n}\n\nfunction validateBreakpointsInput(input: BreakpointsInput) {\n  if (DefaultBreakpointID.Desktop in input) {\n    throw new Error(\n      `Cannot change the base breakpoint. \"${DefaultBreakpointID.Desktop}\" is reserved as the base breakpoint.`,\n    )\n  }\n\n  if (Object.keys(input).length === 0) {\n    throw new Error(`Breakpoints cannot be empty. You must provide at least one breakpoint.`)\n  }\n\n  const sorted = Object.entries(input)\n    .map(([id, value]) => ({ ...value, id }))\n    .sort((a, b) => b.width - a.width) // Sort by width in descending order\n\n  sorted.forEach(({ id, width, viewport }, index, array) => {\n    // This is only valid for desktop-first. We need to check the inverse for mobile-first.\n    if (viewport && viewport > width) {\n      throw new Error(\n        `Error on breakpoint \"${id}\". Viewport cannot be greater than its width.\n        \"${id}\" has a viewport of ${viewport}px and a width of ${width}px.`,\n      )\n    }\n\n    const next = array[index + 1]\n\n    if (viewport && next && viewport < next.width) {\n      throw new Error(\n        `Error on breakpoint \"${id}\". Viewport cannot be smaller than the next breakpoint's width. \n        \"${id}\" has a viewport of ${viewport}px and the next breakpoint \"${next.id}\" has a width of ${next.width}px.`,\n      )\n    }\n\n    if (next && width === next.width) {\n      throw new Error(\n        `Breakpoints cannot have the same width. \"${id}\" and \"${next.id}\" have the same width`,\n      )\n    }\n  })\n}\n\n// Sort breakpoints by minWidth in descending order\nfunction sortBreakpoints(breakpoints: Breakpoints): Breakpoints {\n  return breakpoints.sort((a, b) => (b?.minWidth ?? 0) - (a?.minWidth ?? 0))\n}\n\nexport const getBreakpoint = (state: State, breakpointId: Breakpoint['id']): Breakpoint => {\n  const breakpoint = state.find(({ id }) => id === breakpointId)\n\n  if (breakpoint == null) throw new Error(`Unrecognized breakpoint ID: \"${breakpointId}\".`)\n\n  return breakpoint\n}\n\nexport const getBaseBreakpoint = (breakpoints: Breakpoints): Breakpoint => {\n  const breakpoint = sortBreakpoints(breakpoints)[0]\n\n  if (breakpoint == null) throw new Error(`Cannot get base breakpoint.`)\n\n  return breakpoint\n}\n\nexport function findBreakpointOverride<S>(\n  breakpoints: Breakpoints,\n  values: ResponsiveValue<S> = [],\n  deviceId: string,\n  strategy: FallbackStrategy<S> = defaultStrategy,\n): DeviceOverride<S> | undefined {\n  const value = values.find(({ deviceId: d }) => d === deviceId)\n  const fallbacks = breakpoints\n    .slice(0, breakpoints.findIndex(d => d.id === deviceId) + 1)\n    .reverse()\n    .map(d => values.find(v => v.deviceId === d.id))\n    .filter((override): override is DeviceOverride<S> => Boolean(override))\n\n  return value != null || fallbacks.length > 0 ? strategy(value, fallbacks) : undefined\n}\n\nexport type FallbackStrategy<V> = (\n  arg0: DeviceOverride<V> | undefined,\n  arg1: ResponsiveValue<V>,\n) => DeviceOverride<V> | undefined\n\nfunction defaultStrategy<V>(\n  value: DeviceOverride<V> | undefined,\n  fallbacks: ResponsiveValue<V>,\n): DeviceOverride<V> | undefined {\n  return value || fallbacks[0]\n}\n\nexport function shallowMergeFallbacks<V extends Record<string, unknown>>(\n  value: DeviceOverride<V> | undefined,\n  fallbacks: ResponsiveValue<V>,\n): DeviceOverride<V> | undefined {\n  return [value, ...fallbacks]\n    .filter((override): override is DeviceOverride<V> => Boolean(override))\n    .reduce((a, b) => ({\n      deviceId: a.deviceId || b.deviceId,\n      value: shallowMerge(a.value, b.value),\n    }))\n}\n\nfunction mergeOrCoalesce<A extends Data>(a: A, b: A): A {\n  if (\n    typeof a === 'object' &&\n    a !== null &&\n    !Array.isArray(a) &&\n    typeof b === 'object' &&\n    b !== null &&\n    !Array.isArray(b)\n  ) {\n    return shallowMerge(a, b) as A\n  }\n  return coalesce(a, b)\n}\n\nexport function mergeOrCoalesceFallbacks<V extends Data>(\n  value: DeviceOverride<V> | undefined,\n  fallbacks: ResponsiveValue<V>,\n): DeviceOverride<V> | undefined {\n  return [value, ...fallbacks]\n    .filter((override): override is DeviceOverride<V> => Boolean(override))\n    .reduce((a, b) => ({\n      deviceId: a.deviceId || b.deviceId,\n      value: mergeOrCoalesce(a.value, b.value),\n    }))\n}\n\nexport type ExtractResponsiveValue<T> = T extends ResponsiveValue<infer V> ? V : never\n\nexport function join<V, A extends ReadonlyArray<ResponsiveValue<V> | null | undefined>, R>(\n  breakpoints: Breakpoints,\n  responsiveValues: A,\n  joinFn: (values: { [I in keyof A]: ExtractResponsiveValue<A[I]> | undefined }) => R,\n  strategy?: FallbackStrategy<V>,\n): ResponsiveValue<R> {\n  return breakpoints\n    .map(({ id }) => id)\n    .map(deviceId => {\n      const value = joinFn(\n        responsiveValues.map(responsiveValue => {\n          const deviceValue =\n            responsiveValue &&\n            findBreakpointOverride(breakpoints, responsiveValue, deviceId, strategy)\n\n          return deviceValue == null ? undefined : deviceValue.value\n        }) as unknown as { [I in keyof A]: ExtractResponsiveValue<A[I] | undefined> },\n      )\n\n      if (value == null) return null\n\n      return { deviceId, value }\n    })\n    .filter((override): override is NonNullable<typeof override> => Boolean(override))\n}\n\nexport const getBreakpointMediaQuery = (breakpoint: Breakpoint): string => {\n  const parts = ['@media only screen']\n\n  if (breakpoint.minWidth != null) {\n    parts.push(`(min-width: ${breakpoint.minWidth}px)`)\n  }\n\n  if (breakpoint.maxWidth != null) {\n    parts.push(`(max-width: ${breakpoint.maxWidth}px)`)\n  }\n\n  return parts.join(' and ')\n}\n\nexport const getViewportStyle = (\n  state: State,\n  deviceId: string,\n): Viewport<string | number> | null | undefined => {\n  const device = getBreakpoint(state, deviceId)\n\n  return (\n    device && {\n      width: device.viewportWidth != null ? device.viewportWidth : '100%',\n      minWidth: device.minWidth,\n    }\n  )\n}\n\nexport function findNextFallback<V>(\n  breakpoints: Breakpoints,\n  value: ResponsiveValue<V>,\n  deviceId: BreakpointId,\n  activeDeviceId: BreakpointId,\n  fallbackStrategy?: FallbackStrategy<V>,\n): Breakpoint | null {\n  const deviceOverride = findBreakpointOverride(\n    breakpoints,\n    value.filter(v => v.deviceId !== activeDeviceId),\n    deviceId,\n    fallbackStrategy,\n  )\n\n  return (deviceOverride && getBreakpoint(breakpoints, deviceOverride.deviceId)) ?? null\n}\n\nexport const mergeResponsiveValues = <A>(\n  breakpoints: Breakpoints,\n  source: DeviceOverride<A>[],\n  override: DeviceOverride<A>[],\n): DeviceOverride<A>[] => {\n  const devices = [\n    ...new Set(\n      source.map(({ deviceId }) => deviceId).concat(override.map(({ deviceId }) => deviceId)),\n    ),\n  ]\n\n  return devices.map(deviceId => ({\n    deviceId,\n    value: {\n      ...(findBreakpointOverride(breakpoints, source, deviceId) || { value: {} }).value,\n      ...(findBreakpointOverride(breakpoints, override, deviceId, v => v) || { value: {} }).value,\n    },\n  })) as DeviceOverride<A>[]\n}\n"],"mappings":"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","names":[]}

package/dist/esm/state/modules/builder-edit-mode.js

@@ -0,0 +1,23 @@
+import { ActionTypes } from "../actions";
+const BuilderEditMode = {
+  BUILD: "build",
+  CONTENT: "content",
+  INTERACT: "interact"
+};
+function getInitialState() {
+  return null;
+}
+function reducer(state = getInitialState(), action) {
+  switch (action.type) {
+    case ActionTypes.SET_BUILDER_EDIT_MODE:
+      return action.payload.editMode;
+    default:
+      return state;
+  }
+}
+export {
+  BuilderEditMode,
+  getInitialState,
+  reducer
+};
+//# sourceMappingURL=builder-edit-mode.js.map

package/dist/esm/state/modules/builder-edit-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/modules/builder-edit-mode.ts"],"sourcesContent":["import { Action, ActionTypes } from '../actions'\n\nexport const BuilderEditMode = {\n  BUILD: 'build',\n  CONTENT: 'content',\n  INTERACT: 'interact',\n} as const\n\nexport type BuilderEditMode = typeof BuilderEditMode[keyof typeof BuilderEditMode]\n\nexport type State = BuilderEditMode | null\n\nexport function getInitialState(): State {\n  return null\n}\n\nexport function reducer(state: State = getInitialState(), action: Action): State {\n  switch (action.type) {\n    case ActionTypes.SET_BUILDER_EDIT_MODE:\n      return action.payload.editMode\n\n    default:\n      return state\n  }\n}\n"],"mappings":"AAAA,SAAiB,mBAAmB;AAE7B,MAAM,kBAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,UAAU;AACZ;AAMO,SAAS,kBAAyB;AACvC,SAAO;AACT;AAEO,SAAS,QAAQ,QAAe,gBAAgB,GAAG,QAAuB;AAC/E,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,YAAY;AACf,aAAO,OAAO,QAAQ;AAAA,IAExB;AACE,aAAO;AAAA,EACX;AACF;","names":[]}

package/dist/esm/state/modules/components-meta.js

@@ -0,0 +1,53 @@
+import { ActionTypes } from "../actions";
+const ComponentIcon = {
+  Billing: "billing",
+  Bolt: "bolt",
+  Button: "button",
+  Carousel: "carousel",
+  Chats: "chats",
+  Code: "code",
+  Countdown: "countdown",
+  Cube: "cube",
+  Database: "database",
+  Divider: "divider",
+  Form: "form",
+  Gallery: "gallery",
+  Help: "help",
+  Image: "image",
+  Layout: "layout",
+  Lock: "lock",
+  Navigation: "navigation",
+  SocialLinks: "social-links",
+  Star: "star",
+  Text: "text",
+  Users: "users",
+  Video: "video"
+};
+function getInitialState({
+  componentsMeta = /* @__PURE__ */ new Map()
+} = {}) {
+  return componentsMeta;
+}
+function getComponentsMeta(state) {
+  return state;
+}
+function reducer(state = getInitialState(), action) {
+  switch (action.type) {
+    case ActionTypes.REGISTER_COMPONENT:
+      return new Map(state).set(action.payload.type, action.payload.meta);
+    case ActionTypes.UNREGISTER_COMPONENT: {
+      const nextState = new Map(state);
+      const deleted = nextState.delete(action.payload.type);
+      return deleted ? nextState : state;
+    }
+    default:
+      return state;
+  }
+}
+export {
+  ComponentIcon,
+  getComponentsMeta,
+  getInitialState,
+  reducer
+};
+//# sourceMappingURL=components-meta.js.map

package/dist/esm/state/modules/components-meta.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/modules/components-meta.ts"],"sourcesContent":["import { Action, ActionTypes } from '../actions'\n\nexport const ComponentIcon = {\n  Billing: 'billing',\n  Bolt: 'bolt',\n  Button: 'button',\n  Carousel: 'carousel',\n  Chats: 'chats',\n  Code: 'code',\n  Countdown: 'countdown',\n  Cube: 'cube',\n  Database: 'database',\n  Divider: 'divider',\n  Form: 'form',\n  Gallery: 'gallery',\n  Help: 'help',\n  Image: 'image',\n  Layout: 'layout',\n  Lock: 'lock',\n  Navigation: 'navigation',\n  SocialLinks: 'social-links',\n  Star: 'star',\n  Text: 'text',\n  Users: 'users',\n  Video: 'video',\n} as const\n\nexport type ComponentIcon = typeof ComponentIcon[keyof typeof ComponentIcon]\n\nexport type ComponentMeta = { label: string; icon: ComponentIcon; hidden: boolean }\n\nexport type State = Map<string, ComponentMeta>\n\nexport function getInitialState({\n  componentsMeta = new Map(),\n}: { componentsMeta?: Map<string, ComponentMeta> } = {}): State {\n  return componentsMeta\n}\n\nexport function getComponentsMeta(state: State): Map<string, ComponentMeta> {\n  return state\n}\n\nexport function reducer(state: State = getInitialState(), action: Action): State {\n  switch (action.type) {\n    case ActionTypes.REGISTER_COMPONENT:\n      return new Map(state).set(action.payload.type, action.payload.meta)\n\n    case ActionTypes.UNREGISTER_COMPONENT: {\n      const nextState = new Map(state)\n\n      const deleted = nextState.delete(action.payload.type)\n\n      return deleted ? nextState : state\n    }\n\n    default:\n      return state\n  }\n}\n"],"mappings":"AAAA,SAAiB,mBAAmB;AAE7B,MAAM,gBAAgB;AAAA,EAC3B,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,EACN,WAAW;AAAA,EACX,MAAM;AAAA,EACN,UAAU;AAAA,EACV,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AACT;AAQO,SAAS,gBAAgB;AAAA,EAC9B,iBAAiB,oBAAI,IAAI;AAC3B,IAAqD,CAAC,GAAU;AAC9D,SAAO;AACT;AAEO,SAAS,kBAAkB,OAA0C;AAC1E,SAAO;AACT;AAEO,SAAS,QAAQ,QAAe,gBAAgB,GAAG,QAAuB;AAC/E,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,YAAY;AACf,aAAO,IAAI,IAAI,KAAK,EAAE,IAAI,OAAO,QAAQ,MAAM,OAAO,QAAQ,IAAI;AAAA,IAEpE,KAAK,YAAY,sBAAsB;AACrC,YAAM,YAAY,IAAI,IAAI,KAAK;AAE/B,YAAM,UAAU,UAAU,OAAO,OAAO,QAAQ,IAAI;AAEpD,aAAO,UAAU,YAAY;AAAA,IAC/B;AAAA,IAEA;AACE,aAAO;AAAA,EACX;AACF;","names":[]}