@makeswift/runtime 0.13.0 → 0.14.0

package/dist/box-models.es.js

@@ -1,99 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { withScroll, createBox as createBox$1, getBox as getBox$1 } from "css-box-model";
-import { A as ActionTypes } from "./actions.es.js";
-function parse(rawString) {
-  const value = Number(rawString.replace(/px$/, ""));
-  return Number.isFinite(value) ? value : 0;
-}
-function createBox(boxArgs) {
-  return withScroll(createBox$1(boxArgs));
-}
-function getBox(element) {
-  return withScroll(getBox$1(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) {
-  var _a, _b;
-  return (_b = (_a = getBoxModels(state).get(documentKey)) == null ? void 0 : _a.get(elementKey)) != null ? _b : null;
-}
-function reducer(state = getInitialState(), action) {
-  var _a, _b;
-  switch (action.type) {
-    case ActionTypes.REGISTER_MEASURABLE: {
-      const { documentKey, elementKey, measurable } = action.payload;
-      return __spreadProps(__spreadValues({}, state), {
-        measurables: new Map(state.measurables).set(documentKey, new Map((_a = state.measurables.get(documentKey)) != null ? _a : []).set(elementKey, measurable))
-      });
-    }
-    case ActionTypes.UNREGISTER_MEASURABLE: {
-      const { documentKey, elementKey } = action.payload;
-      const nextMeasurables = new Map((_b = state.measurables.get(documentKey)) != null ? _b : []);
-      const deleted = nextMeasurables.delete(elementKey);
-      return deleted ? __spreadProps(__spreadValues({}, 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) => {
-        var _a2;
-        const nextDocumentBoxModels = new Map((_a2 = nextBoxModels.get(documentKey)) != null ? _a2 : []);
-        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 __spreadProps(__spreadValues({}, state), { boxModels: nextBoxModels });
-    }
-    default:
-      return state;
-  }
-}
-export { getMeasurables as a, getBoxModels as b, createBox as c, getBoxModel as d, getBox as g, isMeasurable as i, measure as m, parse as p, reducer as r };
-//# sourceMappingURL=box-models.es.js.map

package/dist/box-models.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"box-models.es.js","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"],"names":["createBoxWithoutScroll","getBoxWithoutScroll"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAYO,eAAe,WAA2B;AAC/C,QAAM,QAAQ,OAAO,UAAU,QAAQ,OAAO,EAAE,CAAC;AAEjD,SAAO,OAAO,SAAS,KAAK,IAAI,QAAQ;AAC1C;AAEO,mBAAmB,SAAkC;AACnD,SAAA,WAAWA,YAAuB,OAAO,CAAC;AACnD;AAEO,gBAAgB,SAA4B;AAC1C,SAAA,WAAWC,SAAoB,OAAO,CAAC;AAChD;AAQO,sBAAsB,OAAqC;AAChE,MAAI,iBAAiB;AAAgB,WAAA;AAGnC,MAAA,OAAO,UAAU,YACjB,UAAU,QACV,iBAAiB,SACjB,OAAQ,MAAmC,gBAAgB,YAC3D;AACO,WAAA;AAAA,EACT;AAEO,SAAA;AACT;AAEO,iBAAiB,YAAyC;AAC/D,MAAI,sBAAsB;AAAS,WAAO,OAAO,UAAU;AAE3D,SAAO,WAAW;AACpB;AAOyC,2BAAA;AAChC,SAAA,EAAE,aAAiB,oBAAA,IAAA,GAAO,WAAW,oBAAI;AAClD;AAEO,wBAAwB,OAAoD;AACjF,SAAO,MAAM;AACf;AAEO,sBAAsB,OAAkD;AAC7E,SAAO,MAAM;AACf;AAGE,qBAAA,OACA,aACA,YACiB;;AACV,SAAA,yBAAa,KAAK,EAAE,IAAI,WAAW,MAAnC,mBAAsC,IAAI,gBAA1C,YAAyD;AAClE;AAEwB,iBAAA,QAAe,gBAAgB,GAAG,QAAgB;;AACxE,UAAQ,OAAO;AAAA,SACR,YAAY,qBAAqB;AACpC,YAAM,EAAE,aAAa,YAAY,eAAe,OAAO;AAEhD,aAAA,iCACF,QADE;AAAA,QAEL,aAAa,IAAI,IAAI,MAAM,WAAW,EAAE,IACtC,aACA,IAAI,IAAI,YAAM,YAAY,IAAI,WAAW,MAAjC,YAAsC,CAAA,CAAE,EAAE,IAAI,YAAY,UAAU,CAC9E;AAAA,MAAA;AAAA,IAEJ;AAAA,SAEK,YAAY,uBAAuB;AAChC,YAAA,EAAE,aAAa,eAAe,OAAO;AACrC,YAAA,kBAAkB,IAAI,IAAI,YAAM,YAAY,IAAI,WAAW,MAAjC,YAAsC,CAAA,CAAE;AAElE,YAAA,UAAU,gBAAgB,OAAO,UAAU;AAEjD,aAAO,UACH,iCAAK,QAAL,EAAY,aAAa,IAAI,IAAI,MAAM,WAAW,EAAE,IAAI,aAAa,eAAe,OACpF;AAAA,IACN;AAAA,SAEK,YAAY,2BAA2B;AACpC,YAAA,EAAE,4BAA4B,OAAO;AAE3C,UAAI,wBAAwB,SAAS;AAAU,eAAA;AAE/C,YAAM,gBAAgB,IAAI,IAAI,MAAM,SAAS;AAErB,8BAAA,QAAQ,CAAC,kBAAkB,gBAAgB;;AAC3D,cAAA,wBAAwB,IAAI,IAAI,qBAAc,IAAI,WAAW,MAA7B,aAAkC,CAAA,CAAE;AAEzD,yBAAA,QAAQ,CAAC,iBAAiB,eAAe;AACxD,cAAI,mBAAmB;AAAM,kCAAsB,OAAO,UAAU;AAAA;AACzC,kCAAA,IAAI,YAAY,eAAe;AAAA,QAAA,CAC3D;AAED,YAAI,sBAAsB,OAAO;AAAiB,wBAAA,IAAI,aAAa,qBAAqB;AAAA;AACnF,wBAAc,OAAO,WAAW;AAAA,MAAA,CACtC;AAEM,aAAA,iCAAK,QAAL,EAAY,WAAW,cAAc;AAAA,IAC9C;AAAA;AAGS,aAAA;AAAA;AAEb;;"}

package/dist/breakpoints.cjs.js

@@ -1,223 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var actions = require("./actions.cjs.js");
-const keys = (o) => Object.keys(o);
-const coalesce = (...args) => {
-  let i;
-  for (i = 0; i < args.length - 1; i += 1) {
-    if (args[i] != null)
-      return args[i];
-  }
-  return args[i];
-};
-function shallowMerge(a, b) {
-  const bKeys = keys(b);
-  const merged = __spreadValues({}, a);
-  bKeys.forEach((key) => {
-    merged[key] = coalesce(merged[key], b[key]);
-  });
-  return merged;
-}
-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 actions.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]) => __spreadProps(__spreadValues({}, 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 = __spreadProps(__spreadValues(__spreadValues({
-      id
-    }, label && { label }), next && { minWidth: next.width + 1 }), {
-      maxWidth: width,
-      viewportWidth: viewport != null ? 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]) => __spreadProps(__spreadValues({}, 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) => {
-    var _a, _b;
-    return ((_a = b == null ? void 0 : b.minWidth) != null ? _a : 0) - ((_b = a == null ? void 0 : a.minWidth) != null ? _b : 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) {
-  var _a;
-  const deviceOverride = findBreakpointOverride(breakpoints, value.filter((v) => v.deviceId !== activeDeviceId), deviceId, fallbackStrategy);
-  return (_a = deviceOverride && getBreakpoint(breakpoints, deviceOverride.deviceId)) != null ? _a : 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: __spreadValues(__spreadValues({}, (findBreakpointOverride(breakpoints, source, deviceId) || { value: {} }).value), (findBreakpointOverride(breakpoints, override, deviceId, (v) => v) || { value: {} }).value)
-  }));
-};
-exports.DEFAULT_BREAKPOINTS = DEFAULT_BREAKPOINTS;
-exports.DefaultBreakpointID = DefaultBreakpointID;
-exports.findBreakpointOverride = findBreakpointOverride;
-exports.findNextFallback = findNextFallback;
-exports.getBaseBreakpoint = getBaseBreakpoint;
-exports.getBreakpoint = getBreakpoint;
-exports.getBreakpointMediaQuery = getBreakpointMediaQuery;
-exports.getInitialState = getInitialState;
-exports.getViewportStyle = getViewportStyle;
-exports.join = join;
-exports.keys = keys;
-exports.mergeOrCoalesceFallbacks = mergeOrCoalesceFallbacks;
-exports.mergeResponsiveValues = mergeResponsiveValues;
-exports.parseBreakpointsInput = parseBreakpointsInput;
-exports.reducer = reducer;
-exports.shallowMerge = shallowMerge;
-exports.shallowMergeFallbacks = shallowMergeFallbacks;
-//# sourceMappingURL=breakpoints.cjs.js.map

package/dist/breakpoints.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"breakpoints.cjs.js","sources":["../src/utils/keys.ts","../src/utils/coalesce.ts","../src/utils/shallowMerge.ts","../src/state/modules/breakpoints.ts"],"sourcesContent":["const keys = <O extends { [key: string]: unknown }>(o: O): (keyof O)[] => Object.keys(o)\n\nexport default keys\n","const coalesce = <T>(...args: Array<T>): T => {\n  let i: number\n\n  for (i = 0; i < args.length - 1; i += 1) {\n    if (args[i] != null) return args[i]\n  }\n\n  return args[i]\n}\n\nexport default coalesce\n","import keys from './keys'\nimport coalesce from './coalesce'\n\nexport default function shallowMerge<\n  A extends Record<string, unknown>,\n  B extends Record<string, unknown>,\n>(a: A, b: B): A & B {\n  const bKeys = keys(b)\n  const merged = { ...a } as A & B\n\n  bKeys.forEach(key => {\n    // @ts-expect-error: `coalesce` returns `null | undefined` regardless of input guarantees.\n    merged[key] = coalesce(merged[key], b[key])\n  })\n\n  return merged\n}\n","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"],"names":["ActionTypes"],"mappings":"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"}

package/dist/breakpoints.es.js

@@ -1,206 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { A as ActionTypes } from "./actions.es.js";
-const keys = (o) => Object.keys(o);
-const coalesce = (...args) => {
-  let i;
-  for (i = 0; i < args.length - 1; i += 1) {
-    if (args[i] != null)
-      return args[i];
-  }
-  return args[i];
-};
-function shallowMerge(a, b) {
-  const bKeys = keys(b);
-  const merged = __spreadValues({}, a);
-  bKeys.forEach((key) => {
-    merged[key] = coalesce(merged[key], b[key]);
-  });
-  return merged;
-}
-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]) => __spreadProps(__spreadValues({}, 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 = __spreadProps(__spreadValues(__spreadValues({
-      id
-    }, label && { label }), next && { minWidth: next.width + 1 }), {
-      maxWidth: width,
-      viewportWidth: viewport != null ? 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]) => __spreadProps(__spreadValues({}, 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) => {
-    var _a, _b;
-    return ((_a = b == null ? void 0 : b.minWidth) != null ? _a : 0) - ((_b = a == null ? void 0 : a.minWidth) != null ? _b : 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) {
-  var _a;
-  const deviceOverride = findBreakpointOverride(breakpoints, value.filter((v) => v.deviceId !== activeDeviceId), deviceId, fallbackStrategy);
-  return (_a = deviceOverride && getBreakpoint(breakpoints, deviceOverride.deviceId)) != null ? _a : 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: __spreadValues(__spreadValues({}, (findBreakpointOverride(breakpoints, source, deviceId) || { value: {} }).value), (findBreakpointOverride(breakpoints, override, deviceId, (v) => v) || { value: {} }).value)
-  }));
-};
-export { DefaultBreakpointID as D, getBaseBreakpoint as a, getBreakpoint as b, getBreakpointMediaQuery as c, shallowMergeFallbacks as d, DEFAULT_BREAKPOINTS as e, findBreakpointOverride as f, getInitialState as g, getViewportStyle as h, findNextFallback as i, join as j, keys as k, mergeResponsiveValues as l, mergeOrCoalesceFallbacks as m, parseBreakpointsInput as p, reducer as r, shallowMerge as s };
-//# sourceMappingURL=breakpoints.es.js.map

package/dist/breakpoints.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"breakpoints.es.js","sources":["../src/utils/keys.ts","../src/utils/coalesce.ts","../src/utils/shallowMerge.ts","../src/state/modules/breakpoints.ts"],"sourcesContent":["const keys = <O extends { [key: string]: unknown }>(o: O): (keyof O)[] => Object.keys(o)\n\nexport default keys\n","const coalesce = <T>(...args: Array<T>): T => {\n  let i: number\n\n  for (i = 0; i < args.length - 1; i += 1) {\n    if (args[i] != null) return args[i]\n  }\n\n  return args[i]\n}\n\nexport default coalesce\n","import keys from './keys'\nimport coalesce from './coalesce'\n\nexport default function shallowMerge<\n  A extends Record<string, unknown>,\n  B extends Record<string, unknown>,\n>(a: A, b: B): A & B {\n  const bKeys = keys(b)\n  const merged = { ...a } as A & B\n\n  bKeys.forEach(key => {\n    // @ts-expect-error: `coalesce` returns `null | undefined` regardless of input guarantees.\n    merged[key] = coalesce(merged[key], b[key])\n  })\n\n  return merged\n}\n","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"],"names":[],"mappings":"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"}

package/dist/builder.cjs.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-var controlSerialization = require("./control-serialization.cjs.js");
-require("ts-pattern");
-require("./combobox.cjs.js");
-require("./react-page.cjs.js");
-require("redux");
-require("redux-thunk");
-require("./actions.cjs.js");
-require("zod");
-require("./breakpoints.cjs.js");
-require("corporate-ipsum");
-require("slate");
-require("uuid");
-require("escape-html");
-require("slate-hyperscript");
-require("parse5");
-require("is-hotkey");
-require("react/jsx-runtime");
-require("react");
-require("@emotion/css");
-require("@emotion/serialize");
-require("@emotion/utils");
-exports.deserializeControl = controlSerialization.deserializeControl;
-exports.deserializeControls = controlSerialization.deserializeControls;
-exports.deserializeFunction = controlSerialization.deserializeFunction;
-exports.isSerializedFunction = controlSerialization.isSerializedFunction;
-exports.serializeControl = controlSerialization.serializeControl;
-exports.serializeControls = controlSerialization.serializeControls;
-exports.serializeFunction = controlSerialization.serializeFunction;
-//# sourceMappingURL=builder.cjs.js.map

package/dist/builder.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"builder.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}