@makeswift/runtime 0.1.0-next.0 → 0.1.2

package/dist/useBackgrounds.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBackgrounds.cjs.js","sources":["../src/components/hooks/useBackgrounds.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { ColorValue as Color } from '../utils/types'\nimport { ResponsiveValue } from '../../prop-controllers'\nimport { FILES_BY_ID, SWATCHES_BY_ID } from '../utils/queries'\nimport { isNonNullable } from '../utils/isNonNullable'\nimport { BackgroundsValue as ResponsiveBackgroundsValue } from '../../prop-controllers/descriptors'\nimport { useQuery } from '../../api/react'\n\ntype BackgroundColorData = Color\n\ntype BackgroundGradientStopData = {\n  id: string\n  location: number\n  color: Color | null | undefined\n}\n\ntype BackgroundGradientData = {\n  angle: number\n  isRadial: boolean\n  stops: Array<BackgroundGradientStopData>\n}\n\ntype BackgroundImageData = {\n  publicUrl?: string\n  dimensions: { width: number; height: number } | null\n  position: {\n    x: number\n    y: number\n  }\n  size: 'cover' | 'contain' | 'auto'\n  repeat: 'no-repeat' | 'repeat-x' | 'repeat-y' | 'repeat'\n  opacity?: number\n  parallax?: number\n}\n\ntype BackgroundVideoData = {\n  url: string\n  maskColor: Color | null | undefined\n  aspectRatio: 'wide' | 'standard'\n  opacity: number\n  zoom: number\n  parallax: number\n}\n\ntype BackgroundData =\n  | { id: string; type: 'color'; payload: BackgroundColorData | null | undefined }\n  | { id: string; type: 'image'; payload: BackgroundImageData | null | undefined }\n  | { id: string; type: 'gradient'; payload: BackgroundGradientData | null | undefined }\n  | { id: string; type: 'video'; payload: BackgroundVideoData | null | undefined }\n\ntype BackgroundsData = Array<BackgroundData>\n\nexport type BackgroundsPropControllerData = ResponsiveValue<BackgroundsData>\n\nexport function useBackgrounds(\n  value: ResponsiveBackgroundsValue | null | undefined,\n): BackgroundsPropControllerData | null | undefined {\n  const fileIds =\n    value == null\n      ? []\n      : value\n          .map(({ value: backgrounds }) =>\n            backgrounds\n              .map(background =>\n                background.type === 'image' && background.payload != null\n                  ? background.payload.imageId\n                  : null,\n              )\n              .filter(isNonNullable)\n              .reduce((a, b) => a.concat(b), [] as string[]),\n          )\n          .reduce((a, b) => a.concat(b), [])\n  const swatchIds =\n    value == null\n      ? []\n      : value\n          .map(({ value: backgrounds }) =>\n            backgrounds\n              .map(background => {\n                if (background.type === 'color' && background.payload != null) {\n                  return [background.payload.swatchId]\n                }\n\n                if (background.type === 'gradient' && background.payload != null) {\n                  return background.payload.stops\n                    .map(stop => stop.color && stop.color.swatchId)\n                    .filter(isNonNullable)\n                }\n\n                if (background.type === 'video' && background.payload != null) {\n                  return [background.payload.maskColor && background.payload.maskColor.swatchId]\n                }\n\n                return null\n              })\n              .filter(isNonNullable)\n              .reduce((a, b) => a.concat(b), []),\n          )\n          .reduce((a, b) => a.concat(b), [])\n          .filter(isNonNullable)\n  const skip = value == null\n  const filesResult = useQuery(FILES_BY_ID, {\n    skip: skip || fileIds.length === 0,\n    variables: { ids: fileIds },\n  })\n  const swatchesResult = useQuery(SWATCHES_BY_ID, {\n    skip: skip || swatchIds.length === 0,\n    variables: { ids: swatchIds },\n  })\n\n  return useMemo(() => {\n    const { data: filesData = {} } = filesResult\n    const { data: swatchesData = {} } = swatchesResult\n\n    if (value == null || filesResult.error != null || swatchesResult.error != null) {\n      return null\n    }\n\n    const { files = [] } = filesData\n    const { swatches = [] } = swatchesData\n\n    return value.map(({ value: backgrounds, ...restOfValue }) => ({\n      ...restOfValue,\n      value: backgrounds\n        .map(bg => {\n          if (bg.type === 'image' && bg.payload != null && bg.payload.imageId != null) {\n            const { imageId, ...restOfPayload } = bg.payload\n            const file = files.find((f: any) => f && f.id === imageId)\n\n            return (\n              file && {\n                id: bg.id,\n                type: 'image',\n                payload: {\n                  ...restOfPayload,\n                  publicUrl: file.publicUrl,\n                  dimensions: file.dimensions,\n                },\n              }\n            )\n          }\n\n          if (bg.type === 'color' && bg.payload != null) {\n            const { swatchId, alpha } = bg.payload\n            const swatch = swatches.find((s: any) => s && s.id === swatchId)\n\n            return { id: bg.id, type: 'color', payload: { swatch, alpha } }\n          }\n\n          if (bg.type === 'gradient' && bg.payload != null && bg.payload.stops.length > 0) {\n            return {\n              id: bg.id,\n              type: 'gradient',\n              payload: {\n                angle: bg.payload.angle,\n                isRadial: bg.payload.isRadial,\n                stops: bg.payload.stops.map(({ color, ...restOfStop }) => ({\n                  ...restOfStop,\n                  color: color && {\n                    swatch: swatches.find((s: any) => s && s.id === color.swatchId),\n                    alpha: color.alpha,\n                  },\n                })),\n              },\n            }\n          }\n\n          if (bg.type === 'video' && bg.payload != null) {\n            const { maskColor, ...restOfPayload } = bg.payload\n            const swatch = maskColor && swatches.find((s: any) => s && s.id === maskColor.swatchId)\n\n            return {\n              id: bg.id,\n              type: 'video',\n              payload: {\n                ...restOfPayload,\n                maskColor: swatch && maskColor && { swatch, alpha: maskColor.alpha },\n              },\n            }\n          }\n\n          return null\n        })\n        .filter(Boolean),\n    }))\n  }, [filesResult, swatchesResult, value])\n}\n"],"names":["isNonNullable","useQuery","FILES_BY_ID","SWATCHES_BY_ID","useMemo"],"mappings":"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"}

package/dist/useBackgrounds.es.js

@@ -1,123 +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));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import { useMemo } from "react";
-import { i as isNonNullable, c as useQuery, F as FILES_BY_ID, S as SWATCHES_BY_ID } from "./index.es.js";
-function useBackgrounds(value) {
-  const fileIds = value == null ? [] : value.map(({ value: backgrounds }) => backgrounds.map((background) => background.type === "image" && background.payload != null ? background.payload.imageId : null).filter(isNonNullable).reduce((a, b) => a.concat(b), [])).reduce((a, b) => a.concat(b), []);
-  const swatchIds = value == null ? [] : value.map(({ value: backgrounds }) => backgrounds.map((background) => {
-    if (background.type === "color" && background.payload != null) {
-      return [background.payload.swatchId];
-    }
-    if (background.type === "gradient" && background.payload != null) {
-      return background.payload.stops.map((stop) => stop.color && stop.color.swatchId).filter(isNonNullable);
-    }
-    if (background.type === "video" && background.payload != null) {
-      return [background.payload.maskColor && background.payload.maskColor.swatchId];
-    }
-    return null;
-  }).filter(isNonNullable).reduce((a, b) => a.concat(b), [])).reduce((a, b) => a.concat(b), []).filter(isNonNullable);
-  const skip = value == null;
-  const filesResult = useQuery(FILES_BY_ID, {
-    skip: skip || fileIds.length === 0,
-    variables: { ids: fileIds }
-  });
-  const swatchesResult = useQuery(SWATCHES_BY_ID, {
-    skip: skip || swatchIds.length === 0,
-    variables: { ids: swatchIds }
-  });
-  return useMemo(() => {
-    const { data: filesData = {} } = filesResult;
-    const { data: swatchesData = {} } = swatchesResult;
-    if (value == null || filesResult.error != null || swatchesResult.error != null) {
-      return null;
-    }
-    const { files = [] } = filesData;
-    const { swatches = [] } = swatchesData;
-    return value.map((_a) => {
-      var _b = _a, { value: backgrounds } = _b, restOfValue = __objRest(_b, ["value"]);
-      return __spreadProps(__spreadValues({}, restOfValue), {
-        value: backgrounds.map((bg) => {
-          if (bg.type === "image" && bg.payload != null && bg.payload.imageId != null) {
-            const _a2 = bg.payload, { imageId } = _a2, restOfPayload = __objRest(_a2, ["imageId"]);
-            const file = files.find((f) => f && f.id === imageId);
-            return file && {
-              id: bg.id,
-              type: "image",
-              payload: __spreadProps(__spreadValues({}, restOfPayload), {
-                publicUrl: file.publicUrl,
-                dimensions: file.dimensions
-              })
-            };
-          }
-          if (bg.type === "color" && bg.payload != null) {
-            const { swatchId, alpha } = bg.payload;
-            const swatch = swatches.find((s) => s && s.id === swatchId);
-            return { id: bg.id, type: "color", payload: { swatch, alpha } };
-          }
-          if (bg.type === "gradient" && bg.payload != null && bg.payload.stops.length > 0) {
-            return {
-              id: bg.id,
-              type: "gradient",
-              payload: {
-                angle: bg.payload.angle,
-                isRadial: bg.payload.isRadial,
-                stops: bg.payload.stops.map((_b2) => {
-                  var _c = _b2, { color } = _c, restOfStop = __objRest(_c, ["color"]);
-                  return __spreadProps(__spreadValues({}, restOfStop), {
-                    color: color && {
-                      swatch: swatches.find((s) => s && s.id === color.swatchId),
-                      alpha: color.alpha
-                    }
-                  });
-                })
-              }
-            };
-          }
-          if (bg.type === "video" && bg.payload != null) {
-            const _d = bg.payload, { maskColor } = _d, restOfPayload = __objRest(_d, ["maskColor"]);
-            const swatch = maskColor && swatches.find((s) => s && s.id === maskColor.swatchId);
-            return {
-              id: bg.id,
-              type: "video",
-              payload: __spreadProps(__spreadValues({}, restOfPayload), {
-                maskColor: swatch && maskColor && { swatch, alpha: maskColor.alpha }
-              })
-            };
-          }
-          return null;
-        }).filter(Boolean)
-      });
-    });
-  }, [filesResult, swatchesResult, value]);
-}
-export { useBackgrounds as u };
-//# sourceMappingURL=useBackgrounds.es.js.map

package/dist/useBackgrounds.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBackgrounds.es.js","sources":["../src/components/hooks/useBackgrounds.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { ColorValue as Color } from '../utils/types'\nimport { ResponsiveValue } from '../../prop-controllers'\nimport { FILES_BY_ID, SWATCHES_BY_ID } from '../utils/queries'\nimport { isNonNullable } from '../utils/isNonNullable'\nimport { BackgroundsValue as ResponsiveBackgroundsValue } from '../../prop-controllers/descriptors'\nimport { useQuery } from '../../api/react'\n\ntype BackgroundColorData = Color\n\ntype BackgroundGradientStopData = {\n  id: string\n  location: number\n  color: Color | null | undefined\n}\n\ntype BackgroundGradientData = {\n  angle: number\n  isRadial: boolean\n  stops: Array<BackgroundGradientStopData>\n}\n\ntype BackgroundImageData = {\n  publicUrl?: string\n  dimensions: { width: number; height: number } | null\n  position: {\n    x: number\n    y: number\n  }\n  size: 'cover' | 'contain' | 'auto'\n  repeat: 'no-repeat' | 'repeat-x' | 'repeat-y' | 'repeat'\n  opacity?: number\n  parallax?: number\n}\n\ntype BackgroundVideoData = {\n  url: string\n  maskColor: Color | null | undefined\n  aspectRatio: 'wide' | 'standard'\n  opacity: number\n  zoom: number\n  parallax: number\n}\n\ntype BackgroundData =\n  | { id: string; type: 'color'; payload: BackgroundColorData | null | undefined }\n  | { id: string; type: 'image'; payload: BackgroundImageData | null | undefined }\n  | { id: string; type: 'gradient'; payload: BackgroundGradientData | null | undefined }\n  | { id: string; type: 'video'; payload: BackgroundVideoData | null | undefined }\n\ntype BackgroundsData = Array<BackgroundData>\n\nexport type BackgroundsPropControllerData = ResponsiveValue<BackgroundsData>\n\nexport function useBackgrounds(\n  value: ResponsiveBackgroundsValue | null | undefined,\n): BackgroundsPropControllerData | null | undefined {\n  const fileIds =\n    value == null\n      ? []\n      : value\n          .map(({ value: backgrounds }) =>\n            backgrounds\n              .map(background =>\n                background.type === 'image' && background.payload != null\n                  ? background.payload.imageId\n                  : null,\n              )\n              .filter(isNonNullable)\n              .reduce((a, b) => a.concat(b), [] as string[]),\n          )\n          .reduce((a, b) => a.concat(b), [])\n  const swatchIds =\n    value == null\n      ? []\n      : value\n          .map(({ value: backgrounds }) =>\n            backgrounds\n              .map(background => {\n                if (background.type === 'color' && background.payload != null) {\n                  return [background.payload.swatchId]\n                }\n\n                if (background.type === 'gradient' && background.payload != null) {\n                  return background.payload.stops\n                    .map(stop => stop.color && stop.color.swatchId)\n                    .filter(isNonNullable)\n                }\n\n                if (background.type === 'video' && background.payload != null) {\n                  return [background.payload.maskColor && background.payload.maskColor.swatchId]\n                }\n\n                return null\n              })\n              .filter(isNonNullable)\n              .reduce((a, b) => a.concat(b), []),\n          )\n          .reduce((a, b) => a.concat(b), [])\n          .filter(isNonNullable)\n  const skip = value == null\n  const filesResult = useQuery(FILES_BY_ID, {\n    skip: skip || fileIds.length === 0,\n    variables: { ids: fileIds },\n  })\n  const swatchesResult = useQuery(SWATCHES_BY_ID, {\n    skip: skip || swatchIds.length === 0,\n    variables: { ids: swatchIds },\n  })\n\n  return useMemo(() => {\n    const { data: filesData = {} } = filesResult\n    const { data: swatchesData = {} } = swatchesResult\n\n    if (value == null || filesResult.error != null || swatchesResult.error != null) {\n      return null\n    }\n\n    const { files = [] } = filesData\n    const { swatches = [] } = swatchesData\n\n    return value.map(({ value: backgrounds, ...restOfValue }) => ({\n      ...restOfValue,\n      value: backgrounds\n        .map(bg => {\n          if (bg.type === 'image' && bg.payload != null && bg.payload.imageId != null) {\n            const { imageId, ...restOfPayload } = bg.payload\n            const file = files.find((f: any) => f && f.id === imageId)\n\n            return (\n              file && {\n                id: bg.id,\n                type: 'image',\n                payload: {\n                  ...restOfPayload,\n                  publicUrl: file.publicUrl,\n                  dimensions: file.dimensions,\n                },\n              }\n            )\n          }\n\n          if (bg.type === 'color' && bg.payload != null) {\n            const { swatchId, alpha } = bg.payload\n            const swatch = swatches.find((s: any) => s && s.id === swatchId)\n\n            return { id: bg.id, type: 'color', payload: { swatch, alpha } }\n          }\n\n          if (bg.type === 'gradient' && bg.payload != null && bg.payload.stops.length > 0) {\n            return {\n              id: bg.id,\n              type: 'gradient',\n              payload: {\n                angle: bg.payload.angle,\n                isRadial: bg.payload.isRadial,\n                stops: bg.payload.stops.map(({ color, ...restOfStop }) => ({\n                  ...restOfStop,\n                  color: color && {\n                    swatch: swatches.find((s: any) => s && s.id === color.swatchId),\n                    alpha: color.alpha,\n                  },\n                })),\n              },\n            }\n          }\n\n          if (bg.type === 'video' && bg.payload != null) {\n            const { maskColor, ...restOfPayload } = bg.payload\n            const swatch = maskColor && swatches.find((s: any) => s && s.id === maskColor.swatchId)\n\n            return {\n              id: bg.id,\n              type: 'video',\n              payload: {\n                ...restOfPayload,\n                maskColor: swatch && maskColor && { swatch, alpha: maskColor.alpha },\n              },\n            }\n          }\n\n          return null\n        })\n        .filter(Boolean),\n    }))\n  }, [filesResult, swatchesResult, value])\n}\n"],"names":[],"mappings":"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"}

package/dist/usePage.cjs.js

@@ -1,14 +0,0 @@
-"use strict";
-var index = require("./index.cjs.js");
-function usePage(pageId) {
-  const { error, data = {} } = index.useQuery(index.PAGE_PATHNAMES_BY_ID, {
-    skip: pageId == null,
-    variables: { ids: [pageId] }
-  });
-  if (pageId == null || error != null)
-    return null;
-  const { pagePathnamesById: [page] = [] } = data;
-  return page;
-}
-exports.usePage = usePage;
-//# sourceMappingURL=usePage.cjs.js.map

package/dist/usePage.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePage.cjs.js","sources":["../src/components/hooks/usePage.ts"],"sourcesContent":["import { useQuery } from '../../api/react'\nimport { PAGE_PATHNAMES_BY_ID } from '../utils/queries'\n\ntype Page = {\n  id: string\n  pathname: string\n}\n\nexport function usePage(pageId: string | null | undefined): Page | null | undefined {\n  const { error, data = {} } = useQuery(PAGE_PATHNAMES_BY_ID, {\n    skip: pageId == null,\n    variables: { ids: [pageId] },\n  })\n\n  if (pageId == null || error != null) return null\n\n  const { pagePathnamesById: [page] = [] } = data\n\n  return page\n}\n"],"names":["useQuery","PAGE_PATHNAMES_BY_ID"],"mappings":";;AAQO,iBAAiB,QAA4D;AAClF,QAAM,EAAE,OAAO,OAAO,CAAC,MAAMA,MAAAA,SAASC,MAAAA,sBAAsB;AAAA,IAC1D,MAAM,UAAU;AAAA,IAChB,WAAW,EAAE,KAAK,CAAC,MAAM,EAAE;AAAA,EAAA,CAC5B;AAEG,MAAA,UAAU,QAAQ,SAAS;AAAa,WAAA;AAE5C,QAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAO,MAAA;AAEpC,SAAA;AACT;;"}

package/dist/usePage.es.js

@@ -1,13 +0,0 @@
-import { m as useQuery, s as PAGE_PATHNAMES_BY_ID } from "./index.es.js";
-function usePage(pageId) {
-  const { error, data = {} } = useQuery(PAGE_PATHNAMES_BY_ID, {
-    skip: pageId == null,
-    variables: { ids: [pageId] }
-  });
-  if (pageId == null || error != null)
-    return null;
-  const { pagePathnamesById: [page] = [] } = data;
-  return page;
-}
-export { usePage as u };
-//# sourceMappingURL=usePage.es.js.map

package/dist/usePage.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePage.es.js","sources":["../src/components/hooks/usePage.ts"],"sourcesContent":["import { useQuery } from '../../api/react'\nimport { PAGE_PATHNAMES_BY_ID } from '../utils/queries'\n\ntype Page = {\n  id: string\n  pathname: string\n}\n\nexport function usePage(pageId: string | null | undefined): Page | null | undefined {\n  const { error, data = {} } = useQuery(PAGE_PATHNAMES_BY_ID, {\n    skip: pageId == null,\n    variables: { ids: [pageId] },\n  })\n\n  if (pageId == null || error != null) return null\n\n  const { pagePathnamesById: [page] = [] } = data\n\n  return page\n}\n"],"names":[],"mappings":";AAQO,iBAAiB,QAA4D;AAClF,QAAM,EAAE,OAAO,OAAO,CAAC,MAAM,SAAS,sBAAsB;AAAA,IAC1D,MAAM,UAAU;AAAA,IAChB,WAAW,EAAE,KAAK,CAAC,MAAM,EAAE;AAAA,EAAA,CAC5B;AAEG,MAAA,UAAU,QAAQ,SAAS;AAAa,WAAA;AAE5C,QAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAO,MAAA;AAEpC,SAAA;AACT;;"}

package/dist/useTable.cjs.js

@@ -1,10 +0,0 @@
-"use strict";
-var index = require("./index.cjs.js");
-function useTable(tableId) {
-  return index.useQuery(index.TABLE_BY_ID, {
-    skip: tableId == null,
-    variables: { id: tableId }
-  });
-}
-exports.useTable = useTable;
-//# sourceMappingURL=useTable.cjs.js.map

package/dist/useTable.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTable.cjs.js","sources":["../src/components/hooks/useTable.ts"],"sourcesContent":["import { useQuery } from '../../api/react'\nimport { TABLE_BY_ID } from '../utils/queries'\n\nexport type SingleLineTextTableColumn = {\n  id: string\n  name: string\n  __typename: 'SingleLineTextTableColumn'\n}\n\nexport type LongTextTableColumn = {\n  id: string\n  name: string\n  __typename: 'LongTextTableColumn'\n}\n\nexport type CheckboxTableColumn = {\n  id: string\n  name: string\n  __typename: 'CheckboxTableColumn'\n}\n\nexport type MultipleSelectTableColumnOption = {\n  id: string\n  name: string\n}\n\nexport type MultipleSelectTableColumn = {\n  id: string\n  name: string\n  options: Array<MultipleSelectTableColumnOption>\n  __typename: 'MultipleSelectTableColumn'\n}\n\nexport type SingleSelectTableColumnOption = {\n  id: string\n  name: string\n}\n\nexport type SingleSelectTableColumn = {\n  id: string\n  name: string\n  options: Array<SingleSelectTableColumnOption>\n  __typename: 'SingleSelectTableColumn'\n}\n\nexport type PhoneNumberTableColumn = {\n  id: string\n  name: string\n  __typename: 'PhoneNumberTableColumn'\n}\n\nexport type EmailTableColumn = {\n  id: string\n  name: string\n  __typename: 'EmailTableColumn'\n}\n\nexport type URLTableColumn = {\n  id: string\n  name: string\n  __typename: 'URLTableColumn'\n}\n\nexport type NumberTableColumn = {\n  id: string\n  name: string\n  __typename: 'NumberTableColumn'\n}\n\nexport type TableColumn =\n  | SingleLineTextTableColumn\n  | LongTextTableColumn\n  | CheckboxTableColumn\n  | MultipleSelectTableColumn\n  | SingleSelectTableColumn\n  | PhoneNumberTableColumn\n  | EmailTableColumn\n  | URLTableColumn\n  | NumberTableColumn\n\ntype Table = {\n  id: string\n  name: string\n  columns: Array<TableColumn>\n}\n\nexport function useTable(tableId: string | null | undefined) {\n  return useQuery<{ table: Table | null }>(TABLE_BY_ID, {\n    skip: tableId == null,\n    variables: { id: tableId },\n  })\n}\n"],"names":["useQuery","TABLE_BY_ID"],"mappings":";;AAsFO,kBAAkB,SAAoC;AAC3D,SAAOA,MAAAA,SAAkCC,MAAAA,aAAa;AAAA,IACpD,MAAM,WAAW;AAAA,IACjB,WAAW,EAAE,IAAI,QAAQ;AAAA,EAAA,CAC1B;AACH;;"}

package/dist/useTable.es.js

@@ -1,9 +0,0 @@
-import { m as useQuery, T as TABLE_BY_ID } from "./index.es.js";
-function useTable(tableId) {
-  return useQuery(TABLE_BY_ID, {
-    skip: tableId == null,
-    variables: { id: tableId }
-  });
-}
-export { useTable as u };
-//# sourceMappingURL=useTable.es.js.map

package/dist/useTable.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTable.es.js","sources":["../src/components/hooks/useTable.ts"],"sourcesContent":["import { useQuery } from '../../api/react'\nimport { TABLE_BY_ID } from '../utils/queries'\n\nexport type SingleLineTextTableColumn = {\n  id: string\n  name: string\n  __typename: 'SingleLineTextTableColumn'\n}\n\nexport type LongTextTableColumn = {\n  id: string\n  name: string\n  __typename: 'LongTextTableColumn'\n}\n\nexport type CheckboxTableColumn = {\n  id: string\n  name: string\n  __typename: 'CheckboxTableColumn'\n}\n\nexport type MultipleSelectTableColumnOption = {\n  id: string\n  name: string\n}\n\nexport type MultipleSelectTableColumn = {\n  id: string\n  name: string\n  options: Array<MultipleSelectTableColumnOption>\n  __typename: 'MultipleSelectTableColumn'\n}\n\nexport type SingleSelectTableColumnOption = {\n  id: string\n  name: string\n}\n\nexport type SingleSelectTableColumn = {\n  id: string\n  name: string\n  options: Array<SingleSelectTableColumnOption>\n  __typename: 'SingleSelectTableColumn'\n}\n\nexport type PhoneNumberTableColumn = {\n  id: string\n  name: string\n  __typename: 'PhoneNumberTableColumn'\n}\n\nexport type EmailTableColumn = {\n  id: string\n  name: string\n  __typename: 'EmailTableColumn'\n}\n\nexport type URLTableColumn = {\n  id: string\n  name: string\n  __typename: 'URLTableColumn'\n}\n\nexport type NumberTableColumn = {\n  id: string\n  name: string\n  __typename: 'NumberTableColumn'\n}\n\nexport type TableColumn =\n  | SingleLineTextTableColumn\n  | LongTextTableColumn\n  | CheckboxTableColumn\n  | MultipleSelectTableColumn\n  | SingleSelectTableColumn\n  | PhoneNumberTableColumn\n  | EmailTableColumn\n  | URLTableColumn\n  | NumberTableColumn\n\ntype Table = {\n  id: string\n  name: string\n  columns: Array<TableColumn>\n}\n\nexport function useTable(tableId: string | null | undefined) {\n  return useQuery<{ table: Table | null }>(TABLE_BY_ID, {\n    skip: tableId == null,\n    variables: { id: tableId },\n  })\n}\n"],"names":[],"mappings":";AAsFO,kBAAkB,SAAoC;AAC3D,SAAO,SAAkC,aAAa;AAAA,IACpD,MAAM,WAAW;AAAA,IACjB,WAAW,EAAE,IAAI,QAAQ;AAAA,EAAA,CAC1B;AACH;;"}