From e9eb39bc6613f5fdf9d1a80b3b23efd2286d4473 Mon Sep 17 00:00:00 2001 From: Nicola Turcato Date: Tue, 12 Aug 2025 11:45:00 +0200 Subject: [PATCH] feat: update deps, clean up unused dep --- biome.json | 2 +- dist/ContentTree.d.ts | 33 +- dist/ContentTree.js | 372 ++++++++++++----- dist/ContentTree.styled.d.ts | 84 +++- dist/ContentTree.styled.js | 174 ++++++-- dist/ContentTreeNode.d.ts | 38 +- dist/ContentTreeNode.js | 438 ++++++++++++++------ dist/ContentTreeRoot.d.ts | 35 +- dist/ContentTreeRoot.js | 781 +++++++++++++++++++++++------------ dist/ContentTreeUtils.d.ts | 16 +- dist/ContentTreeUtils.js | 153 ++++--- dist/Icons.d.ts | 22 +- dist/Icons.js | 356 ++++++++++++---- dist/index.d.ts | 6 +- dist/index.js | 54 ++- package.json | 11 +- pnpm-lock.yaml | 98 ++--- tsconfig.json | 18 +- 18 files changed, 1858 insertions(+), 833 deletions(-) diff --git a/biome.json b/biome.json index f59bfaf..5a401f8 100644 --- a/biome.json +++ b/biome.json @@ -1,5 +1,5 @@ { - "$schema": "https://biomejs.dev/schemas/2.0.6/schema.json", + "$schema": "https://biomejs.dev/schemas/2.1.4/schema.json", "vcs": { "enabled": false, "clientKind": "git", "useIgnoreFile": false }, "files": { "ignoreUnknown": false, "includes": ["**"] }, "formatter": { diff --git a/dist/ContentTree.d.ts b/dist/ContentTree.d.ts index d274dce..aa67c7c 100644 --- a/dist/ContentTree.d.ts +++ b/dist/ContentTree.d.ts @@ -1,14 +1,23 @@ -import type { PlainClientAPI } from 'contentful-management'; -import type { PageAppSDK } from 'contentful-ui-extensions-sdk'; -import { type ReactElement } from 'react'; +import type { PlainClientAPI } from 'contentful-management' +import type { PageAppSDK } from 'contentful-ui-extensions-sdk' +import { type ReactElement } from 'react' export interface ContentTreeProps { - sdkInstance: PageAppSDK; - cma: PlainClientAPI; - rootType: string; - nodeContentTypes: string[]; - titleFields: string[]; - locales: string[]; - indentation?: number; - iconRegistry?: Record; + sdkInstance: PageAppSDK + cma: PlainClientAPI + rootType: string + nodeContentTypes: string[] + titleFields: string[] + locales: string[] + indentation?: number + iconRegistry?: Record } -export declare const ContentTree: ({ sdkInstance, cma, rootType, nodeContentTypes, titleFields, locales, indentation, iconRegistry, }: ContentTreeProps) => ReactElement; +export declare const ContentTree: ({ + sdkInstance, + cma, + rootType, + nodeContentTypes, + titleFields, + locales, + indentation, + iconRegistry, +}: ContentTreeProps) => ReactElement diff --git a/dist/ContentTree.js b/dist/ContentTree.js index 02dc71a..373dde7 100644 --- a/dist/ContentTree.js +++ b/dist/ContentTree.js @@ -1,104 +1,270 @@ -"use strict"; -var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - var desc = Object.getOwnPropertyDescriptor(m, k); - if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { - desc = { enumerable: true, get: function() { return m[k]; } }; - } - Object.defineProperty(o, k2, desc); -}) : (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - o[k2] = m[k]; -})); -var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { - Object.defineProperty(o, "default", { enumerable: true, value: v }); -}) : function(o, v) { - o["default"] = v; -}); -var __importStar = (this && this.__importStar) || (function () { - var ownKeys = function(o) { - ownKeys = Object.getOwnPropertyNames || function (o) { - var ar = []; - for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k; - return ar; - }; - return ownKeys(o); - }; - return function (mod) { - if (mod && mod.__esModule) return mod; - var result = {}; - if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]); - __setModuleDefault(result, mod); - return result; - }; -})(); -var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { - function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } - return new (P || (P = Promise))(function (resolve, reject) { - function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } - function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } - function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } - step((generator = generator.apply(thisArg, _arguments || [])).next()); - }); -}; -var __generator = (this && this.__generator) || function (thisArg, body) { - var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype); - return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g; - function verb(n) { return function (v) { return step([n, v]); }; } - function step(op) { - if (f) throw new TypeError("Generator is already executing."); - while (g && (g = 0, op[0] && (_ = 0)), _) try { - if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t; - if (y = 0, t) op = [op[0] & 2, t.value]; - switch (op[0]) { - case 0: case 1: t = op; break; - case 4: _.label++; return { value: op[1], done: false }; - case 5: _.label++; y = op[1]; op = [0]; continue; - case 7: op = _.ops.pop(); _.trys.pop(); continue; - default: - if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } - if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; } - if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } - if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } - if (t[2]) _.ops.pop(); - _.trys.pop(); continue; - } - op = body.call(thisArg, _); - } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } - if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; - } -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.ContentTree = void 0; -var react_1 = __importStar(require("react")); -var ContentTreeRoot_1 = require("./ContentTreeRoot"); -var ContentTreeUtils_1 = require("./ContentTreeUtils"); +'use strict' +var __createBinding = + (this && this.__createBinding) || + (Object.create + ? function (o, m, k, k2) { + if (k2 === undefined) k2 = k + var desc = Object.getOwnPropertyDescriptor(m, k) + if ( + !desc || + ('get' in desc ? !m.__esModule : desc.writable || desc.configurable) + ) { + desc = { + enumerable: true, + get: function () { + return m[k] + }, + } + } + Object.defineProperty(o, k2, desc) + } + : function (o, m, k, k2) { + if (k2 === undefined) k2 = k + o[k2] = m[k] + }) +var __setModuleDefault = + (this && this.__setModuleDefault) || + (Object.create + ? function (o, v) { + Object.defineProperty(o, 'default', { enumerable: true, value: v }) + } + : function (o, v) { + o['default'] = v + }) +var __importStar = + (this && this.__importStar) || + (function () { + var ownKeys = function (o) { + ownKeys = + Object.getOwnPropertyNames || + function (o) { + var ar = [] + for (var k in o) + if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k + return ar + } + return ownKeys(o) + } + return function (mod) { + if (mod && mod.__esModule) return mod + var result = {} + if (mod != null) + for (var k = ownKeys(mod), i = 0; i < k.length; i++) + if (k[i] !== 'default') __createBinding(result, mod, k[i]) + __setModuleDefault(result, mod) + return result + } + })() +var __awaiter = + (this && this.__awaiter) || + function (thisArg, _arguments, P, generator) { + function adopt(value) { + return value instanceof P + ? value + : new P(function (resolve) { + resolve(value) + }) + } + return new (P || (P = Promise))(function (resolve, reject) { + function fulfilled(value) { + try { + step(generator.next(value)) + } catch (e) { + reject(e) + } + } + function rejected(value) { + try { + step(generator['throw'](value)) + } catch (e) { + reject(e) + } + } + function step(result) { + result.done + ? resolve(result.value) + : adopt(result.value).then(fulfilled, rejected) + } + step((generator = generator.apply(thisArg, _arguments || [])).next()) + }) + } +var __generator = + (this && this.__generator) || + function (thisArg, body) { + var _ = { + label: 0, + sent: function () { + if (t[0] & 1) throw t[1] + return t[1] + }, + trys: [], + ops: [], + }, + f, + y, + t, + g = Object.create( + (typeof Iterator === 'function' ? Iterator : Object).prototype, + ) + return ( + (g.next = verb(0)), + (g['throw'] = verb(1)), + (g['return'] = verb(2)), + typeof Symbol === 'function' && + (g[Symbol.iterator] = function () { + return this + }), + g + ) + function verb(n) { + return function (v) { + return step([n, v]) + } + } + function step(op) { + if (f) throw new TypeError('Generator is already executing.') + while ((g && ((g = 0), op[0] && (_ = 0)), _)) + try { + if ( + ((f = 1), + y && + (t = + op[0] & 2 + ? y['return'] + : op[0] + ? y['throw'] || ((t = y['return']) && t.call(y), 0) + : y.next) && + !(t = t.call(y, op[1])).done) + ) + return t + if (((y = 0), t)) op = [op[0] & 2, t.value] + switch (op[0]) { + case 0: + case 1: + t = op + break + case 4: + _.label++ + return { value: op[1], done: false } + case 5: + _.label++ + y = op[1] + op = [0] + continue + case 7: + op = _.ops.pop() + _.trys.pop() + continue + default: + if ( + !((t = _.trys), (t = t.length > 0 && t[t.length - 1])) && + (op[0] === 6 || op[0] === 2) + ) { + _ = 0 + continue + } + if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { + _.label = op[1] + break + } + if (op[0] === 6 && _.label < t[1]) { + _.label = t[1] + t = op + break + } + if (t && _.label < t[2]) { + _.label = t[2] + _.ops.push(op) + break + } + if (t[2]) _.ops.pop() + _.trys.pop() + continue + } + op = body.call(thisArg, _) + } catch (e) { + op = [6, e] + y = 0 + } finally { + f = t = 0 + } + if (op[0] & 5) throw op[1] + return { value: op[0] ? op[1] : void 0, done: true } + } + } +Object.defineProperty(exports, '__esModule', { value: true }) +exports.ContentTree = void 0 +var react_1 = __importStar(require('react')) +var ContentTreeRoot_1 = require('./ContentTreeRoot') +var ContentTreeUtils_1 = require('./ContentTreeUtils') var ContentTree = function (_a) { - var sdkInstance = _a.sdkInstance, cma = _a.cma, rootType = _a.rootType, nodeContentTypes = _a.nodeContentTypes, titleFields = _a.titleFields, locales = _a.locales, _b = _a.indentation, indentation = _b === void 0 ? 1 : _b, iconRegistry = _a.iconRegistry; - var stLocale = (0, react_1.useState)(locales[0])[0]; - var _c = (0, react_1.useState)([(0, ContentTreeUtils_1.emptyNodeProps)()]), rootNodes = _c[0], setRootNodes = _c[1]; - (0, react_1.useEffect)(function () { - if (sdkInstance) { - loadData().catch(function (err) { - throw new Error('loadRootData', err); - }); - } - }, [sdkInstance]); - var loadData = function () { return __awaiter(void 0, void 0, void 0, function () { - var CfRootData, nodes; - return __generator(this, function (_a) { - switch (_a.label) { - case 0: return [4, cma.entry.getMany({ - query: { content_type: rootType }, - })]; - case 1: - CfRootData = _a.sent(); - nodes = (0, ContentTreeUtils_1.cfEntriesToNodes)(CfRootData.items, titleFields, stLocale, locales, nodeContentTypes, iconRegistry); - setRootNodes(nodes); - return [2]; - } - }); - }); }; - return (react_1.default.createElement(react_1.default.Fragment, null, rootNodes.map(function (node, i) { return (react_1.default.createElement(ContentTreeRoot_1.ContentTreeRoot, { key: i.toString(), node: node, locales: locales, nodeContentTypes: nodeContentTypes, iconRegistry: iconRegistry, cma: cma, titleFields: titleFields, sdkInstance: sdkInstance, depth: indentation })); }))); -}; -exports.ContentTree = ContentTree; + var sdkInstance = _a.sdkInstance, + cma = _a.cma, + rootType = _a.rootType, + nodeContentTypes = _a.nodeContentTypes, + titleFields = _a.titleFields, + locales = _a.locales, + _b = _a.indentation, + indentation = _b === void 0 ? 1 : _b, + iconRegistry = _a.iconRegistry + var stLocale = (0, react_1.useState)(locales[0])[0] + var _c = (0, react_1.useState)([(0, ContentTreeUtils_1.emptyNodeProps)()]), + rootNodes = _c[0], + setRootNodes = _c[1] + ;(0, react_1.useEffect)( + function () { + if (sdkInstance) { + loadData().catch(function (err) { + throw new Error('loadRootData', err) + }) + } + }, + [sdkInstance], + ) + var loadData = function () { + return __awaiter(void 0, void 0, void 0, function () { + var CfRootData, nodes + return __generator(this, function (_a) { + switch (_a.label) { + case 0: + return [ + 4, + cma.entry.getMany({ + query: { content_type: rootType }, + }), + ] + case 1: + CfRootData = _a.sent() + nodes = (0, ContentTreeUtils_1.cfEntriesToNodes)( + CfRootData.items, + titleFields, + stLocale, + locales, + nodeContentTypes, + iconRegistry, + ) + setRootNodes(nodes) + return [2] + } + }) + }) + } + return react_1.default.createElement( + react_1.default.Fragment, + null, + rootNodes.map(function (node, i) { + return react_1.default.createElement(ContentTreeRoot_1.ContentTreeRoot, { + key: i.toString(), + node: node, + locales: locales, + nodeContentTypes: nodeContentTypes, + iconRegistry: iconRegistry, + cma: cma, + titleFields: titleFields, + sdkInstance: sdkInstance, + depth: indentation, + }) + }), + ) +} +exports.ContentTree = ContentTree diff --git a/dist/ContentTree.styled.d.ts b/dist/ContentTree.styled.d.ts index 4f619f0..10cd372 100644 --- a/dist/ContentTree.styled.d.ts +++ b/dist/ContentTree.styled.d.ts @@ -1,14 +1,74 @@ export interface UiPalette { - publishingStatusBg?: string; - publishingStatusFg?: string; + publishingStatusBg?: string + publishingStatusFg?: string } -export declare const StyledContentTreeTable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit, HTMLTableElement>, never>> & string; -export declare const StyledContentTreeTableNodeCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute, HTMLTableDataCellElement>, { - $depth?: number; -}>> & string; -export declare const StyledContentTreeNodeWedge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit, HTMLDivElement>, never>> & string; -export declare const StyledContentTreeNodeName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit, HTMLDivElement>, never>> & string; -export declare const StyledContentTreeNodePublishingStatus: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute, HTMLDivElement>, { - $status: string; -}>> & string; -export declare const StyledSpinner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit, HTMLDivElement>, never>> & string; +export declare const StyledContentTreeTable: import('styled-components/dist/types').IStyledComponentBase< + 'web', + import('styled-components').FastOmit< + import('react').DetailedHTMLProps< + import('react').TableHTMLAttributes, + HTMLTableElement + >, + never + > +> & + string +export declare const StyledContentTreeTableNodeCell: import('styled-components/dist/types').IStyledComponentBase< + 'web', + import('styled-components/dist/types').Substitute< + import('react').DetailedHTMLProps< + import('react').TdHTMLAttributes, + HTMLTableDataCellElement + >, + { + $depth?: number + } + > +> & + string +export declare const StyledContentTreeNodeWedge: import('styled-components/dist/types').IStyledComponentBase< + 'web', + import('styled-components').FastOmit< + import('react').DetailedHTMLProps< + import('react').HTMLAttributes, + HTMLDivElement + >, + never + > +> & + string +export declare const StyledContentTreeNodeName: import('styled-components/dist/types').IStyledComponentBase< + 'web', + import('styled-components').FastOmit< + import('react').DetailedHTMLProps< + import('react').HTMLAttributes, + HTMLDivElement + >, + never + > +> & + string +export declare const StyledContentTreeNodePublishingStatus: import('styled-components/dist/types').IStyledComponentBase< + 'web', + import('styled-components/dist/types').Substitute< + import('react').DetailedHTMLProps< + import('react').HTMLAttributes, + HTMLDivElement + >, + { + $status: string + } + > +> & + string +export declare const StyledSpinner: import('styled-components/dist/types').IStyledComponentBase< + 'web', + import('styled-components').FastOmit< + import('react').DetailedHTMLProps< + import('react').HTMLAttributes, + HTMLDivElement + >, + never + > +> & + string diff --git a/dist/ContentTree.styled.js b/dist/ContentTree.styled.js index 44279a3..f5a41b8 100644 --- a/dist/ContentTree.styled.js +++ b/dist/ContentTree.styled.js @@ -1,37 +1,139 @@ -"use strict"; -var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) { - if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; } - return cooked; -}; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.StyledSpinner = exports.StyledContentTreeNodePublishingStatus = exports.StyledContentTreeNodeName = exports.StyledContentTreeNodeWedge = exports.StyledContentTreeTableNodeCell = exports.StyledContentTreeTable = void 0; -var styled_components_1 = __importDefault(require("styled-components")); -exports.StyledContentTreeTable = styled_components_1.default.table(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\twidth: 100%;\n\tcolor: black;\n\tborder: 0;\n\tpadding: 0 60px;\n\tmargin: 0 auto;\n\ttd {\n\t\tpadding: 0.2em 1em 0.2em 0.2em;\n\t\tcolor: #999999;\n\t\tborder-bottom: 1px solid #efefef;\n\t}\n\tth {\n\t\ttext-align: left;\n\t\tfont-weight: normal;\n\t\tfont-size: 85%;\n\t\tcolor: #666666;\n\t\tbackground: #efefef;\n\t\tpadding: 0.2em;\n\t}\n\tth.first {\n\t\tfont-weight: bold !important;\n\t\tcolor: black !important;\n\t}\n"], ["\n\twidth: 100%;\n\tcolor: black;\n\tborder: 0;\n\tpadding: 0 60px;\n\tmargin: 0 auto;\n\ttd {\n\t\tpadding: 0.2em 1em 0.2em 0.2em;\n\t\tcolor: #999999;\n\t\tborder-bottom: 1px solid #efefef;\n\t}\n\tth {\n\t\ttext-align: left;\n\t\tfont-weight: normal;\n\t\tfont-size: 85%;\n\t\tcolor: #666666;\n\t\tbackground: #efefef;\n\t\tpadding: 0.2em;\n\t}\n\tth.first {\n\t\tfont-weight: bold !important;\n\t\tcolor: black !important;\n\t}\n"]))); -exports.StyledContentTreeTableNodeCell = styled_components_1.default.td(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\tpadding-left: ", "em !important;\n\tpadding-right: 2em !important;\n\tcolor: black !important;\n\tmin-width: 450px !important;\n"], ["\n\tpadding-left: ", "em !important;\n\tpadding-right: 2em !important;\n\tcolor: black !important;\n\tmin-width: 450px !important;\n"])), function (props) { return props.$depth; }); -exports.StyledContentTreeNodeWedge = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\tdisplay: inline-block;\n\twidth: 1em;\n\ttext-align: left;\n\ta {\n\t\tcursor: pointer;\n\t\tfont-size: 130%;\n\t\tline-height: 100%;\n\t}\n"], ["\n\tdisplay: inline-block;\n\twidth: 1em;\n\ttext-align: left;\n\ta {\n\t\tcursor: pointer;\n\t\tfont-size: 130%;\n\t\tline-height: 100%;\n\t}\n"]))); -exports.StyledContentTreeNodeName = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\tdisplay: inline-block;\n\ta {\n\t\tcursor: pointer;\n\t}\n\ta:hover {\n\t\ttext-decoration: underline;\n\t}\n"], ["\n\tdisplay: inline-block;\n\ta {\n\t\tcursor: pointer;\n\t}\n\ta:hover {\n\t\ttext-decoration: underline;\n\t}\n"]))); +'use strict' +var __makeTemplateObject = + (this && this.__makeTemplateObject) || + function (cooked, raw) { + if (Object.defineProperty) { + Object.defineProperty(cooked, 'raw', { value: raw }) + } else { + cooked.raw = raw + } + return cooked + } +var __importDefault = + (this && this.__importDefault) || + function (mod) { + return mod && mod.__esModule ? mod : { default: mod } + } +Object.defineProperty(exports, '__esModule', { value: true }) +exports.StyledSpinner = + exports.StyledContentTreeNodePublishingStatus = + exports.StyledContentTreeNodeName = + exports.StyledContentTreeNodeWedge = + exports.StyledContentTreeTableNodeCell = + exports.StyledContentTreeTable = + void 0 +var styled_components_1 = __importDefault(require('styled-components')) +exports.StyledContentTreeTable = styled_components_1.default.table( + templateObject_1 || + (templateObject_1 = __makeTemplateObject( + [ + '\n\twidth: 100%;\n\tcolor: black;\n\tborder: 0;\n\tpadding: 0 60px;\n\tmargin: 0 auto;\n\ttd {\n\t\tpadding: 0.2em 1em 0.2em 0.2em;\n\t\tcolor: #999999;\n\t\tborder-bottom: 1px solid #efefef;\n\t}\n\tth {\n\t\ttext-align: left;\n\t\tfont-weight: normal;\n\t\tfont-size: 85%;\n\t\tcolor: #666666;\n\t\tbackground: #efefef;\n\t\tpadding: 0.2em;\n\t}\n\tth.first {\n\t\tfont-weight: bold !important;\n\t\tcolor: black !important;\n\t}\n', + ], + [ + '\n\twidth: 100%;\n\tcolor: black;\n\tborder: 0;\n\tpadding: 0 60px;\n\tmargin: 0 auto;\n\ttd {\n\t\tpadding: 0.2em 1em 0.2em 0.2em;\n\t\tcolor: #999999;\n\t\tborder-bottom: 1px solid #efefef;\n\t}\n\tth {\n\t\ttext-align: left;\n\t\tfont-weight: normal;\n\t\tfont-size: 85%;\n\t\tcolor: #666666;\n\t\tbackground: #efefef;\n\t\tpadding: 0.2em;\n\t}\n\tth.first {\n\t\tfont-weight: bold !important;\n\t\tcolor: black !important;\n\t}\n', + ], + )), +) +exports.StyledContentTreeTableNodeCell = styled_components_1.default.td( + templateObject_2 || + (templateObject_2 = __makeTemplateObject( + [ + '\n\tpadding-left: ', + 'em !important;\n\tpadding-right: 2em !important;\n\tcolor: black !important;\n\tmin-width: 450px !important;\n', + ], + [ + '\n\tpadding-left: ', + 'em !important;\n\tpadding-right: 2em !important;\n\tcolor: black !important;\n\tmin-width: 450px !important;\n', + ], + )), + function (props) { + return props.$depth + }, +) +exports.StyledContentTreeNodeWedge = styled_components_1.default.div( + templateObject_3 || + (templateObject_3 = __makeTemplateObject( + [ + '\n\tdisplay: inline-block;\n\twidth: 1em;\n\ttext-align: left;\n\ta {\n\t\tcursor: pointer;\n\t\tfont-size: 130%;\n\t\tline-height: 100%;\n\t}\n', + ], + [ + '\n\tdisplay: inline-block;\n\twidth: 1em;\n\ttext-align: left;\n\ta {\n\t\tcursor: pointer;\n\t\tfont-size: 130%;\n\t\tline-height: 100%;\n\t}\n', + ], + )), +) +exports.StyledContentTreeNodeName = styled_components_1.default.div( + templateObject_4 || + (templateObject_4 = __makeTemplateObject( + [ + '\n\tdisplay: inline-block;\n\ta {\n\t\tcursor: pointer;\n\t}\n\ta:hover {\n\t\ttext-decoration: underline;\n\t}\n', + ], + [ + '\n\tdisplay: inline-block;\n\ta {\n\t\tcursor: pointer;\n\t}\n\ta:hover {\n\t\ttext-decoration: underline;\n\t}\n', + ], + )), +) var getPublishingStatusColors = function (status) { - switch (status) { - case 'draft': - return { - publishingStatusBg: 'rgb(253, 229, 192)', - publishingStatusFg: 'rgb(177, 45, 0)', - }; - case 'changed': - return { - publishingStatusBg: 'rgb(206, 236, 255)', - publishingStatusFg: 'rgb(0, 89, 200)', - }; - case 'published': - return { - publishingStatusBg: 'rgb(205, 243, 198)', - publishingStatusFg: 'rgb(0, 109, 35)', - }; - } -}; -exports.StyledContentTreeNodePublishingStatus = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n\tdisplay: inline-block;\n\tfont-family:\n\t\t-apple-system,\n\t\tBlinkMacSystemFont,\n\t\tSegoe UI,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\tApple Color Emoji,\n\t\tSegoe UI Emoji,\n\t\tSegoe UI Symbol;\n\tfont-weight: 600;\n\tfont-size: 80%;\n\ttext-transform: uppercase;\n\tletter-spacing: 0.06rem;\n\tborder-radius: 4px;\n\tpadding: 0 0.2rem;\n\tcolor: ", " !important;\n\tbackground-color: ", " !important;\n"], ["\n\tdisplay: inline-block;\n\tfont-family:\n\t\t-apple-system,\n\t\tBlinkMacSystemFont,\n\t\tSegoe UI,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\tApple Color Emoji,\n\t\tSegoe UI Emoji,\n\t\tSegoe UI Symbol;\n\tfont-weight: 600;\n\tfont-size: 80%;\n\ttext-transform: uppercase;\n\tletter-spacing: 0.06rem;\n\tborder-radius: 4px;\n\tpadding: 0 0.2rem;\n\tcolor: ", " !important;\n\tbackground-color: ", " !important;\n"])), function (props) { var _a; return (_a = getPublishingStatusColors(props.$status)) === null || _a === void 0 ? void 0 : _a.publishingStatusFg; }, function (props) { var _a; return (_a = getPublishingStatusColors(props.$status)) === null || _a === void 0 ? void 0 : _a.publishingStatusBg; }); -exports.StyledSpinner = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n\tdisplay: inline-block;\n\twidth: 1em;\n\tanimation: rotate 1s infinite;\n\t@keyframes rotate {\n\t\tfrom {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\tto {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n"], ["\n\tdisplay: inline-block;\n\twidth: 1em;\n\tanimation: rotate 1s infinite;\n\t@keyframes rotate {\n\t\tfrom {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\tto {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n"]))); -var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6; + switch (status) { + case 'draft': + return { + publishingStatusBg: 'rgb(253, 229, 192)', + publishingStatusFg: 'rgb(177, 45, 0)', + } + case 'changed': + return { + publishingStatusBg: 'rgb(206, 236, 255)', + publishingStatusFg: 'rgb(0, 89, 200)', + } + case 'published': + return { + publishingStatusBg: 'rgb(205, 243, 198)', + publishingStatusFg: 'rgb(0, 109, 35)', + } + } +} +exports.StyledContentTreeNodePublishingStatus = styled_components_1.default.div( + templateObject_5 || + (templateObject_5 = __makeTemplateObject( + [ + '\n\tdisplay: inline-block;\n\tfont-family:\n\t\t-apple-system,\n\t\tBlinkMacSystemFont,\n\t\tSegoe UI,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\tApple Color Emoji,\n\t\tSegoe UI Emoji,\n\t\tSegoe UI Symbol;\n\tfont-weight: 600;\n\tfont-size: 80%;\n\ttext-transform: uppercase;\n\tletter-spacing: 0.06rem;\n\tborder-radius: 4px;\n\tpadding: 0 0.2rem;\n\tcolor: ', + ' !important;\n\tbackground-color: ', + ' !important;\n', + ], + [ + '\n\tdisplay: inline-block;\n\tfont-family:\n\t\t-apple-system,\n\t\tBlinkMacSystemFont,\n\t\tSegoe UI,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\tApple Color Emoji,\n\t\tSegoe UI Emoji,\n\t\tSegoe UI Symbol;\n\tfont-weight: 600;\n\tfont-size: 80%;\n\ttext-transform: uppercase;\n\tletter-spacing: 0.06rem;\n\tborder-radius: 4px;\n\tpadding: 0 0.2rem;\n\tcolor: ', + ' !important;\n\tbackground-color: ', + ' !important;\n', + ], + )), + function (props) { + var _a + return (_a = getPublishingStatusColors(props.$status)) === null || + _a === void 0 + ? void 0 + : _a.publishingStatusFg + }, + function (props) { + var _a + return (_a = getPublishingStatusColors(props.$status)) === null || + _a === void 0 + ? void 0 + : _a.publishingStatusBg + }, +) +exports.StyledSpinner = styled_components_1.default.div( + templateObject_6 || + (templateObject_6 = __makeTemplateObject( + [ + '\n\tdisplay: inline-block;\n\twidth: 1em;\n\tanimation: rotate 1s infinite;\n\t@keyframes rotate {\n\t\tfrom {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\tto {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n', + ], + [ + '\n\tdisplay: inline-block;\n\twidth: 1em;\n\tanimation: rotate 1s infinite;\n\t@keyframes rotate {\n\t\tfrom {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\tto {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n', + ], + )), +) +var templateObject_1, + templateObject_2, + templateObject_3, + templateObject_4, + templateObject_5, + templateObject_6 diff --git a/dist/ContentTreeNode.d.ts b/dist/ContentTreeNode.d.ts index 33ae4e4..90d7bda 100644 --- a/dist/ContentTreeNode.d.ts +++ b/dist/ContentTreeNode.d.ts @@ -1,22 +1,22 @@ -import { type ReactElement } from 'react'; +import { type ReactElement } from 'react' export interface ContentTreeNodeProps { - id: string; - name: string; - contentType?: string; - icon?: string; - expand: boolean; - parentId?: string; - childNodes?: ContentTreeNodeProps[]; - hasChildNodes?: boolean; - publishingStatus?: string; - updatedAt?: string; - publishedAt?: string; + id: string + name: string + contentType?: string + icon?: string + expand: boolean + parentId?: string + childNodes?: ContentTreeNodeProps[] + hasChildNodes?: boolean + publishingStatus?: string + updatedAt?: string + publishedAt?: string } declare const ContentTreeNode: (props: { - node: ContentTreeNodeProps; - depth?: number; - addChildNodes: (node: ContentTreeNodeProps) => Promise; - removeChildNodes: (node: ContentTreeNodeProps) => void; - editEntry: (nodeId: string) => Promise; -}) => ReactElement; -export default ContentTreeNode; + node: ContentTreeNodeProps + depth?: number + addChildNodes: (node: ContentTreeNodeProps) => Promise + removeChildNodes: (node: ContentTreeNodeProps) => void + editEntry: (nodeId: string) => Promise +}) => ReactElement +export default ContentTreeNode diff --git a/dist/ContentTreeNode.js b/dist/ContentTreeNode.js index 7bf4503..6a5d085 100644 --- a/dist/ContentTreeNode.js +++ b/dist/ContentTreeNode.js @@ -1,123 +1,317 @@ -"use strict"; -var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - var desc = Object.getOwnPropertyDescriptor(m, k); - if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { - desc = { enumerable: true, get: function() { return m[k]; } }; - } - Object.defineProperty(o, k2, desc); -}) : (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - o[k2] = m[k]; -})); -var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { - Object.defineProperty(o, "default", { enumerable: true, value: v }); -}) : function(o, v) { - o["default"] = v; -}); -var __importStar = (this && this.__importStar) || (function () { - var ownKeys = function(o) { - ownKeys = Object.getOwnPropertyNames || function (o) { - var ar = []; - for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k; - return ar; - }; - return ownKeys(o); - }; - return function (mod) { - if (mod && mod.__esModule) return mod; - var result = {}; - if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]); - __setModuleDefault(result, mod); - return result; - }; -})(); -var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { - function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } - return new (P || (P = Promise))(function (resolve, reject) { - function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } - function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } - function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } - step((generator = generator.apply(thisArg, _arguments || [])).next()); - }); -}; -var __generator = (this && this.__generator) || function (thisArg, body) { - var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype); - return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g; - function verb(n) { return function (v) { return step([n, v]); }; } - function step(op) { - if (f) throw new TypeError("Generator is already executing."); - while (g && (g = 0, op[0] && (_ = 0)), _) try { - if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t; - if (y = 0, t) op = [op[0] & 2, t.value]; - switch (op[0]) { - case 0: case 1: t = op; break; - case 4: _.label++; return { value: op[1], done: false }; - case 5: _.label++; y = op[1]; op = [0]; continue; - case 7: op = _.ops.pop(); _.trys.pop(); continue; - default: - if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } - if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; } - if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } - if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } - if (t[2]) _.ops.pop(); - _.trys.pop(); continue; - } - op = body.call(thisArg, _); - } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } - if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; - } -}; -Object.defineProperty(exports, "__esModule", { value: true }); -var react_1 = __importStar(require("react")); -var ContentTree_styled_1 = require("./ContentTree.styled"); -var Icons_1 = require("./Icons"); +'use strict' +var __createBinding = + (this && this.__createBinding) || + (Object.create + ? function (o, m, k, k2) { + if (k2 === undefined) k2 = k + var desc = Object.getOwnPropertyDescriptor(m, k) + if ( + !desc || + ('get' in desc ? !m.__esModule : desc.writable || desc.configurable) + ) { + desc = { + enumerable: true, + get: function () { + return m[k] + }, + } + } + Object.defineProperty(o, k2, desc) + } + : function (o, m, k, k2) { + if (k2 === undefined) k2 = k + o[k2] = m[k] + }) +var __setModuleDefault = + (this && this.__setModuleDefault) || + (Object.create + ? function (o, v) { + Object.defineProperty(o, 'default', { enumerable: true, value: v }) + } + : function (o, v) { + o['default'] = v + }) +var __importStar = + (this && this.__importStar) || + (function () { + var ownKeys = function (o) { + ownKeys = + Object.getOwnPropertyNames || + function (o) { + var ar = [] + for (var k in o) + if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k + return ar + } + return ownKeys(o) + } + return function (mod) { + if (mod && mod.__esModule) return mod + var result = {} + if (mod != null) + for (var k = ownKeys(mod), i = 0; i < k.length; i++) + if (k[i] !== 'default') __createBinding(result, mod, k[i]) + __setModuleDefault(result, mod) + return result + } + })() +var __awaiter = + (this && this.__awaiter) || + function (thisArg, _arguments, P, generator) { + function adopt(value) { + return value instanceof P + ? value + : new P(function (resolve) { + resolve(value) + }) + } + return new (P || (P = Promise))(function (resolve, reject) { + function fulfilled(value) { + try { + step(generator.next(value)) + } catch (e) { + reject(e) + } + } + function rejected(value) { + try { + step(generator['throw'](value)) + } catch (e) { + reject(e) + } + } + function step(result) { + result.done + ? resolve(result.value) + : adopt(result.value).then(fulfilled, rejected) + } + step((generator = generator.apply(thisArg, _arguments || [])).next()) + }) + } +var __generator = + (this && this.__generator) || + function (thisArg, body) { + var _ = { + label: 0, + sent: function () { + if (t[0] & 1) throw t[1] + return t[1] + }, + trys: [], + ops: [], + }, + f, + y, + t, + g = Object.create( + (typeof Iterator === 'function' ? Iterator : Object).prototype, + ) + return ( + (g.next = verb(0)), + (g['throw'] = verb(1)), + (g['return'] = verb(2)), + typeof Symbol === 'function' && + (g[Symbol.iterator] = function () { + return this + }), + g + ) + function verb(n) { + return function (v) { + return step([n, v]) + } + } + function step(op) { + if (f) throw new TypeError('Generator is already executing.') + while ((g && ((g = 0), op[0] && (_ = 0)), _)) + try { + if ( + ((f = 1), + y && + (t = + op[0] & 2 + ? y['return'] + : op[0] + ? y['throw'] || ((t = y['return']) && t.call(y), 0) + : y.next) && + !(t = t.call(y, op[1])).done) + ) + return t + if (((y = 0), t)) op = [op[0] & 2, t.value] + switch (op[0]) { + case 0: + case 1: + t = op + break + case 4: + _.label++ + return { value: op[1], done: false } + case 5: + _.label++ + y = op[1] + op = [0] + continue + case 7: + op = _.ops.pop() + _.trys.pop() + continue + default: + if ( + !((t = _.trys), (t = t.length > 0 && t[t.length - 1])) && + (op[0] === 6 || op[0] === 2) + ) { + _ = 0 + continue + } + if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { + _.label = op[1] + break + } + if (op[0] === 6 && _.label < t[1]) { + _.label = t[1] + t = op + break + } + if (t && _.label < t[2]) { + _.label = t[2] + _.ops.push(op) + break + } + if (t[2]) _.ops.pop() + _.trys.pop() + continue + } + op = body.call(thisArg, _) + } catch (e) { + op = [6, e] + y = 0 + } finally { + f = t = 0 + } + if (op[0] & 5) throw op[1] + return { value: op[0] ? op[1] : void 0, done: true } + } + } +Object.defineProperty(exports, '__esModule', { value: true }) +var react_1 = __importStar(require('react')) +var ContentTree_styled_1 = require('./ContentTree.styled') +var Icons_1 = require('./Icons') var ContentTreeNode = function (props) { - var _a, _b; - var _c = (0, react_1.useState)(false), loading = _c[0], setLoading = _c[1]; - var addChildren = function (node) { return __awaiter(void 0, void 0, void 0, function () { - return __generator(this, function (_a) { - switch (_a.label) { - case 0: - setLoading(true); - return [4, props.addChildNodes(node)]; - case 1: - _a.sent(); - setLoading(false); - return [2]; - } - }); - }); }; - var handleEditEntry = function () { - props.editEntry(props.node.id).catch(function (err) { - throw new Error('handleEditEntry', err); - }); - }; - var handleAddChildren = function (node) { - addChildren(node).catch(function (err) { - throw new Error('handleAddChildren', err); - }); - }; - return (react_1.default.createElement(react_1.default.Fragment, null, - react_1.default.createElement("tr", null, - react_1.default.createElement(ContentTree_styled_1.StyledContentTreeTableNodeCell, { "$depth": props.depth }, - react_1.default.createElement(ContentTree_styled_1.StyledContentTreeNodeWedge, null, loading ? (react_1.default.createElement(ContentTree_styled_1.StyledSpinner, null, "-")) : props.node.hasChildNodes ? (props.node.expand ? (react_1.default.createElement("a", { onClick: function () { - handleAddChildren(props.node); - } }, "+")) : (react_1.default.createElement("a", { onClick: function () { - props.removeChildNodes(props.node); - } }, "-"))) : null), - react_1.default.createElement(Icons_1.Icon, { id: props.node.icon }), - react_1.default.createElement(ContentTree_styled_1.StyledContentTreeNodeName, null, - react_1.default.createElement("a", { onClick: function () { - handleEditEntry(); - }, title: props.node.id }, props.node.name))), - react_1.default.createElement("td", null, props.node.contentType), - react_1.default.createElement("td", null, - react_1.default.createElement(ContentTree_styled_1.StyledContentTreeNodePublishingStatus, { "$status": (_a = props.node.publishingStatus) !== null && _a !== void 0 ? _a : '' }, props.node.publishingStatus)), - react_1.default.createElement("td", null, props.node.updatedAt), - react_1.default.createElement("td", null, props.node.publishedAt)), (_b = props.node.childNodes) === null || _b === void 0 ? void 0 : - _b.map(function (node, i) { - return (react_1.default.createElement(ContentTreeNode, { key: i.toString(), node: node, depth: props.depth && props.depth + 1, addChildNodes: props.addChildNodes, removeChildNodes: props.removeChildNodes, editEntry: props.editEntry })); - }))); -}; -exports.default = ContentTreeNode; + var _a, _b + var _c = (0, react_1.useState)(false), + loading = _c[0], + setLoading = _c[1] + var addChildren = function (node) { + return __awaiter(void 0, void 0, void 0, function () { + return __generator(this, function (_a) { + switch (_a.label) { + case 0: + setLoading(true) + return [4, props.addChildNodes(node)] + case 1: + _a.sent() + setLoading(false) + return [2] + } + }) + }) + } + var handleEditEntry = function () { + props.editEntry(props.node.id).catch(function (err) { + throw new Error('handleEditEntry', err) + }) + } + var handleAddChildren = function (node) { + addChildren(node).catch(function (err) { + throw new Error('handleAddChildren', err) + }) + } + return react_1.default.createElement( + react_1.default.Fragment, + null, + react_1.default.createElement( + 'tr', + null, + react_1.default.createElement( + ContentTree_styled_1.StyledContentTreeTableNodeCell, + { $depth: props.depth }, + react_1.default.createElement( + ContentTree_styled_1.StyledContentTreeNodeWedge, + null, + loading + ? react_1.default.createElement( + ContentTree_styled_1.StyledSpinner, + null, + '-', + ) + : props.node.hasChildNodes + ? props.node.expand + ? react_1.default.createElement( + 'a', + { + onClick: function () { + handleAddChildren(props.node) + }, + }, + '+', + ) + : react_1.default.createElement( + 'a', + { + onClick: function () { + props.removeChildNodes(props.node) + }, + }, + '-', + ) + : null, + ), + react_1.default.createElement(Icons_1.Icon, { id: props.node.icon }), + react_1.default.createElement( + ContentTree_styled_1.StyledContentTreeNodeName, + null, + react_1.default.createElement( + 'a', + { + onClick: function () { + handleEditEntry() + }, + title: props.node.id, + }, + props.node.name, + ), + ), + ), + react_1.default.createElement('td', null, props.node.contentType), + react_1.default.createElement( + 'td', + null, + react_1.default.createElement( + ContentTree_styled_1.StyledContentTreeNodePublishingStatus, + { + $status: + (_a = props.node.publishingStatus) !== null && _a !== void 0 + ? _a + : '', + }, + props.node.publishingStatus, + ), + ), + react_1.default.createElement('td', null, props.node.updatedAt), + react_1.default.createElement('td', null, props.node.publishedAt), + ), + (_b = props.node.childNodes) === null || _b === void 0 + ? void 0 + : _b.map(function (node, i) { + return react_1.default.createElement(ContentTreeNode, { + key: i.toString(), + node: node, + depth: props.depth && props.depth + 1, + addChildNodes: props.addChildNodes, + removeChildNodes: props.removeChildNodes, + editEntry: props.editEntry, + }) + }), + ) +} +exports.default = ContentTreeNode diff --git a/dist/ContentTreeRoot.d.ts b/dist/ContentTreeRoot.d.ts index de82b2b..4446133 100644 --- a/dist/ContentTreeRoot.d.ts +++ b/dist/ContentTreeRoot.d.ts @@ -1,15 +1,24 @@ -import type { PlainClientAPI } from 'contentful-management'; -import type { PageAppSDK } from 'contentful-ui-extensions-sdk'; -import { type ReactElement } from 'react'; -import { type ContentTreeNodeProps } from './ContentTreeNode'; +import type { PlainClientAPI } from 'contentful-management' +import type { PageAppSDK } from 'contentful-ui-extensions-sdk' +import { type ReactElement } from 'react' +import { type ContentTreeNodeProps } from './ContentTreeNode' export interface ContentTreeRootProps { - node: ContentTreeNodeProps; - sdkInstance: PageAppSDK; - cma: PlainClientAPI; - nodeContentTypes: string[]; - titleFields: string[]; - locales: string[]; - depth: number; - iconRegistry?: Record; + node: ContentTreeNodeProps + sdkInstance: PageAppSDK + cma: PlainClientAPI + nodeContentTypes: string[] + titleFields: string[] + locales: string[] + depth: number + iconRegistry?: Record } -export declare const ContentTreeRoot: ({ node, sdkInstance, cma, nodeContentTypes, titleFields, locales, depth, iconRegistry, }: ContentTreeRootProps) => ReactElement; +export declare const ContentTreeRoot: ({ + node, + sdkInstance, + cma, + nodeContentTypes, + titleFields, + locales, + depth, + iconRegistry, +}: ContentTreeRootProps) => ReactElement diff --git a/dist/ContentTreeRoot.js b/dist/ContentTreeRoot.js index 502040f..0594430 100644 --- a/dist/ContentTreeRoot.js +++ b/dist/ContentTreeRoot.js @@ -1,271 +1,512 @@ -"use strict"; -var __assign = (this && this.__assign) || function () { - __assign = Object.assign || function(t) { - for (var s, i = 1, n = arguments.length; i < n; i++) { - s = arguments[i]; - for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) - t[p] = s[p]; - } - return t; - }; - return __assign.apply(this, arguments); -}; -var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - var desc = Object.getOwnPropertyDescriptor(m, k); - if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { - desc = { enumerable: true, get: function() { return m[k]; } }; - } - Object.defineProperty(o, k2, desc); -}) : (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - o[k2] = m[k]; -})); -var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { - Object.defineProperty(o, "default", { enumerable: true, value: v }); -}) : function(o, v) { - o["default"] = v; -}); -var __importStar = (this && this.__importStar) || (function () { - var ownKeys = function(o) { - ownKeys = Object.getOwnPropertyNames || function (o) { - var ar = []; - for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k; - return ar; - }; - return ownKeys(o); - }; - return function (mod) { - if (mod && mod.__esModule) return mod; - var result = {}; - if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]); - __setModuleDefault(result, mod); - return result; - }; -})(); -var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { - function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } - return new (P || (P = Promise))(function (resolve, reject) { - function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } - function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } - function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } - step((generator = generator.apply(thisArg, _arguments || [])).next()); - }); -}; -var __generator = (this && this.__generator) || function (thisArg, body) { - var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype); - return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g; - function verb(n) { return function (v) { return step([n, v]); }; } - function step(op) { - if (f) throw new TypeError("Generator is already executing."); - while (g && (g = 0, op[0] && (_ = 0)), _) try { - if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t; - if (y = 0, t) op = [op[0] & 2, t.value]; - switch (op[0]) { - case 0: case 1: t = op; break; - case 4: _.label++; return { value: op[1], done: false }; - case 5: _.label++; y = op[1]; op = [0]; continue; - case 7: op = _.ops.pop(); _.trys.pop(); continue; - default: - if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } - if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; } - if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } - if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } - if (t[2]) _.ops.pop(); - _.trys.pop(); continue; - } - op = body.call(thisArg, _); - } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } - if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; - } -}; -var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) { - if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) { - if (ar || !(i in from)) { - if (!ar) ar = Array.prototype.slice.call(from, 0, i); - ar[i] = from[i]; - } - } - return to.concat(ar || Array.prototype.slice.call(from)); -}; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.ContentTreeRoot = void 0; -var react_1 = __importStar(require("react")); -var ContentTree_styled_1 = require("./ContentTree.styled"); -var ContentTreeNode_1 = __importDefault(require("./ContentTreeNode")); -var ContentTreeUtils_1 = require("./ContentTreeUtils"); +'use strict' +var __assign = + (this && this.__assign) || + function () { + __assign = + Object.assign || + function (t) { + for (var s, i = 1, n = arguments.length; i < n; i++) { + s = arguments[i] + for (var p in s) + if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p] + } + return t + } + return __assign.apply(this, arguments) + } +var __createBinding = + (this && this.__createBinding) || + (Object.create + ? function (o, m, k, k2) { + if (k2 === undefined) k2 = k + var desc = Object.getOwnPropertyDescriptor(m, k) + if ( + !desc || + ('get' in desc ? !m.__esModule : desc.writable || desc.configurable) + ) { + desc = { + enumerable: true, + get: function () { + return m[k] + }, + } + } + Object.defineProperty(o, k2, desc) + } + : function (o, m, k, k2) { + if (k2 === undefined) k2 = k + o[k2] = m[k] + }) +var __setModuleDefault = + (this && this.__setModuleDefault) || + (Object.create + ? function (o, v) { + Object.defineProperty(o, 'default', { enumerable: true, value: v }) + } + : function (o, v) { + o['default'] = v + }) +var __importStar = + (this && this.__importStar) || + (function () { + var ownKeys = function (o) { + ownKeys = + Object.getOwnPropertyNames || + function (o) { + var ar = [] + for (var k in o) + if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k + return ar + } + return ownKeys(o) + } + return function (mod) { + if (mod && mod.__esModule) return mod + var result = {} + if (mod != null) + for (var k = ownKeys(mod), i = 0; i < k.length; i++) + if (k[i] !== 'default') __createBinding(result, mod, k[i]) + __setModuleDefault(result, mod) + return result + } + })() +var __awaiter = + (this && this.__awaiter) || + function (thisArg, _arguments, P, generator) { + function adopt(value) { + return value instanceof P + ? value + : new P(function (resolve) { + resolve(value) + }) + } + return new (P || (P = Promise))(function (resolve, reject) { + function fulfilled(value) { + try { + step(generator.next(value)) + } catch (e) { + reject(e) + } + } + function rejected(value) { + try { + step(generator['throw'](value)) + } catch (e) { + reject(e) + } + } + function step(result) { + result.done + ? resolve(result.value) + : adopt(result.value).then(fulfilled, rejected) + } + step((generator = generator.apply(thisArg, _arguments || [])).next()) + }) + } +var __generator = + (this && this.__generator) || + function (thisArg, body) { + var _ = { + label: 0, + sent: function () { + if (t[0] & 1) throw t[1] + return t[1] + }, + trys: [], + ops: [], + }, + f, + y, + t, + g = Object.create( + (typeof Iterator === 'function' ? Iterator : Object).prototype, + ) + return ( + (g.next = verb(0)), + (g['throw'] = verb(1)), + (g['return'] = verb(2)), + typeof Symbol === 'function' && + (g[Symbol.iterator] = function () { + return this + }), + g + ) + function verb(n) { + return function (v) { + return step([n, v]) + } + } + function step(op) { + if (f) throw new TypeError('Generator is already executing.') + while ((g && ((g = 0), op[0] && (_ = 0)), _)) + try { + if ( + ((f = 1), + y && + (t = + op[0] & 2 + ? y['return'] + : op[0] + ? y['throw'] || ((t = y['return']) && t.call(y), 0) + : y.next) && + !(t = t.call(y, op[1])).done) + ) + return t + if (((y = 0), t)) op = [op[0] & 2, t.value] + switch (op[0]) { + case 0: + case 1: + t = op + break + case 4: + _.label++ + return { value: op[1], done: false } + case 5: + _.label++ + y = op[1] + op = [0] + continue + case 7: + op = _.ops.pop() + _.trys.pop() + continue + default: + if ( + !((t = _.trys), (t = t.length > 0 && t[t.length - 1])) && + (op[0] === 6 || op[0] === 2) + ) { + _ = 0 + continue + } + if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { + _.label = op[1] + break + } + if (op[0] === 6 && _.label < t[1]) { + _.label = t[1] + t = op + break + } + if (t && _.label < t[2]) { + _.label = t[2] + _.ops.push(op) + break + } + if (t[2]) _.ops.pop() + _.trys.pop() + continue + } + op = body.call(thisArg, _) + } catch (e) { + op = [6, e] + y = 0 + } finally { + f = t = 0 + } + if (op[0] & 5) throw op[1] + return { value: op[0] ? op[1] : void 0, done: true } + } + } +var __spreadArray = + (this && this.__spreadArray) || + function (to, from, pack) { + if (pack || arguments.length === 2) + for (var i = 0, l = from.length, ar; i < l; i++) { + if (ar || !(i in from)) { + if (!ar) ar = Array.prototype.slice.call(from, 0, i) + ar[i] = from[i] + } + } + return to.concat(ar || Array.prototype.slice.call(from)) + } +var __importDefault = + (this && this.__importDefault) || + function (mod) { + return mod && mod.__esModule ? mod : { default: mod } + } +Object.defineProperty(exports, '__esModule', { value: true }) +exports.ContentTreeRoot = void 0 +var react_1 = __importStar(require('react')) +var ContentTree_styled_1 = require('./ContentTree.styled') +var ContentTreeNode_1 = __importDefault(require('./ContentTreeNode')) +var ContentTreeUtils_1 = require('./ContentTreeUtils') var ContentTreeRoot = function (_a) { - var node = _a.node, sdkInstance = _a.sdkInstance, cma = _a.cma, nodeContentTypes = _a.nodeContentTypes, titleFields = _a.titleFields, locales = _a.locales, depth = _a.depth, iconRegistry = _a.iconRegistry; - var stLocale = (0, react_1.useState)(locales[0])[0]; - var _b = (0, react_1.useState)((0, ContentTreeUtils_1.emptyNodeProps)()), stRoot = _b[0], setStRoot = _b[1]; - (0, react_1.useEffect)(function () { - if (node.id) { - loadRootData(node).catch(function (err) { - throw new Error('loadRootData', err); - }); - } - }, [node]); - var loadRootData = function (rootNode) { return __awaiter(void 0, void 0, void 0, function () { - var childEntries, childNodes, nodes, newIdPositionMap_1, tree_1; - return __generator(this, function (_a) { - switch (_a.label) { - case 0: return [4, getContentfulChildEntries(rootNode.id)]; - case 1: - childEntries = _a.sent(); - childNodes = (0, ContentTreeUtils_1.cfEntriesToNodes)(childEntries, titleFields, stLocale, locales, nodeContentTypes, iconRegistry, rootNode.id); - nodes = __spreadArray([rootNode], childNodes, true); - if (nodes.length > 0) { - newIdPositionMap_1 = nodes.reduce(function (acc, el, i) { - acc[el.id] = i; - return acc; - }, {}); - tree_1 = (0, ContentTreeUtils_1.emptyNodeProps)(); - nodes.forEach(function (node) { - var _a; - node.childNodes = []; - if (!node.parentId) { - tree_1 = node; - return; - } - var parentEl = nodes[newIdPositionMap_1[node.parentId]]; - if (parentEl) { - parentEl.childNodes = __spreadArray(__spreadArray([], ((_a = parentEl.childNodes) !== null && _a !== void 0 ? _a : []), true), [node], false); - parentEl.expand = false; - } - }); - console.log('🌴 tree', tree_1); - setStRoot(tree_1); - } - return [2]; - } - }); - }); }; - var addChildNodes = function (node) { return __awaiter(void 0, void 0, void 0, function () { - var childNodes, cfChildren; - return __generator(this, function (_a) { - switch (_a.label) { - case 0: - childNodes = []; - return [4, getContentfulChildEntries(node.id)]; - case 1: - cfChildren = _a.sent(); - childNodes = (0, ContentTreeUtils_1.cfEntriesToNodes)(cfChildren, titleFields, stLocale, locales, nodeContentTypes, iconRegistry, node.id); - setStRoot(function (prevState) { - var newState = __assign({}, prevState); - recursiveProcessNodes(node.id, function (targetNode) { - targetNode.childNodes = childNodes; - targetNode.expand = false; - }, newState); - return newState; - }); - return [2]; - } - }); - }); }; - var recursiveProcessNodes = function (targetNodeId, processNode, node) { - if (node.id === targetNodeId) { - processNode(node); - } - if (node.childNodes != null) { - for (var _i = 0, _a = node.childNodes; _i < _a.length; _i++) { - var targetNode = _a[_i]; - recursiveProcessNodes(targetNodeId, processNode, targetNode); - } - } - }; - var editEntry = function (entryId) { return __awaiter(void 0, void 0, void 0, function () { - return __generator(this, function (_a) { - switch (_a.label) { - case 0: return [4, sdkInstance.navigator.openEntry(entryId, { slideIn: true })]; - case 1: - _a.sent(); - return [2]; - } - }); - }); }; - var getContentfulChildEntries = function (parentId) { return __awaiter(void 0, void 0, void 0, function () { - var parentItem, allChildIds, _i, _a, key, childNodeRefs, _b, childNodeRefs_1, childNodeRef, allItems, done, skip, col, cfChildren, idPositionMap, _c, allChildIds_1, childId; - return __generator(this, function (_d) { - switch (_d.label) { - case 0: return [4, cma.entry.get({ entryId: parentId })]; - case 1: - parentItem = _d.sent(); - allChildIds = []; - for (_i = 0, _a = Object.keys(parentItem.fields); _i < _a.length; _i++) { - key = _a[_i]; - if (nodeContentTypes.includes(key)) { - childNodeRefs = parentItem.fields[key][stLocale]; - if (Array.isArray(childNodeRefs)) { - for (_b = 0, childNodeRefs_1 = childNodeRefs; _b < childNodeRefs_1.length; _b++) { - childNodeRef = childNodeRefs_1[_b]; - allChildIds.push(childNodeRef.sys.id); - } - } - else { - allChildIds.push(childNodeRefs.sys.id); - } - } - } - allItems = []; - done = false; - skip = 0; - _d.label = 2; - case 2: - if (!!done) return [3, 4]; - return [4, cma.entry.getMany({ - query: { - 'sys.id[in]': allChildIds.join(','), - skip: skip, - }, - })]; - case 3: - col = _d.sent(); - allItems.push.apply(allItems, col.items); - if (allItems.length < col.total) { - skip += 100; - } - else { - done = true; - } - return [3, 2]; - case 4: - cfChildren = []; - idPositionMap = allItems.reduce(function (acc, el, i) { - acc[el.sys.id] = i; - return acc; - }, {}); - for (_c = 0, allChildIds_1 = allChildIds; _c < allChildIds_1.length; _c++) { - childId = allChildIds_1[_c]; - if (allItems[idPositionMap[childId]]) { - cfChildren.push(allItems[idPositionMap[childId]]); - } - } - return [2, cfChildren]; - } - }); - }); }; - var removeChildNodes = function (node) { - setStRoot(function (prevState) { - var newState = __assign({}, prevState); - recursiveProcessNodes(node.id, function (targetNode) { - targetNode.childNodes = []; - targetNode.expand = true; - }, newState); - return newState; - }); - }; - return (react_1.default.createElement(react_1.default.Fragment, null, - react_1.default.createElement(ContentTree_styled_1.StyledContentTreeTable, null, - react_1.default.createElement("tbody", null, - react_1.default.createElement("tr", null, - react_1.default.createElement("th", null, "Nodes"), - react_1.default.createElement("th", null, "Content Type"), - react_1.default.createElement("th", null, "Status"), - react_1.default.createElement("th", null, "Last Modified"), - react_1.default.createElement("th", null, "Last Published")), - react_1.default.createElement(ContentTreeNode_1.default, { node: stRoot, depth: depth, addChildNodes: addChildNodes, removeChildNodes: removeChildNodes, editEntry: editEntry }))))); -}; -exports.ContentTreeRoot = ContentTreeRoot; + var node = _a.node, + sdkInstance = _a.sdkInstance, + cma = _a.cma, + nodeContentTypes = _a.nodeContentTypes, + titleFields = _a.titleFields, + locales = _a.locales, + depth = _a.depth, + iconRegistry = _a.iconRegistry + var stLocale = (0, react_1.useState)(locales[0])[0] + var _b = (0, react_1.useState)((0, ContentTreeUtils_1.emptyNodeProps)()), + stRoot = _b[0], + setStRoot = _b[1] + ;(0, react_1.useEffect)( + function () { + if (node.id) { + loadRootData(node).catch(function (err) { + throw new Error('loadRootData', err) + }) + } + }, + [node], + ) + var loadRootData = function (rootNode) { + return __awaiter(void 0, void 0, void 0, function () { + var childEntries, childNodes, nodes, newIdPositionMap_1, tree_1 + return __generator(this, function (_a) { + switch (_a.label) { + case 0: + return [4, getContentfulChildEntries(rootNode.id)] + case 1: + childEntries = _a.sent() + childNodes = (0, ContentTreeUtils_1.cfEntriesToNodes)( + childEntries, + titleFields, + stLocale, + locales, + nodeContentTypes, + iconRegistry, + rootNode.id, + ) + nodes = __spreadArray([rootNode], childNodes, true) + if (nodes.length > 0) { + newIdPositionMap_1 = nodes.reduce(function (acc, el, i) { + acc[el.id] = i + return acc + }, {}) + tree_1 = (0, ContentTreeUtils_1.emptyNodeProps)() + nodes.forEach(function (node) { + var _a + node.childNodes = [] + if (!node.parentId) { + tree_1 = node + return + } + var parentEl = nodes[newIdPositionMap_1[node.parentId]] + if (parentEl) { + parentEl.childNodes = __spreadArray( + __spreadArray( + [], + (_a = parentEl.childNodes) !== null && _a !== void 0 + ? _a + : [], + true, + ), + [node], + false, + ) + parentEl.expand = false + } + }) + console.log('🌴 tree', tree_1) + setStRoot(tree_1) + } + return [2] + } + }) + }) + } + var addChildNodes = function (node) { + return __awaiter(void 0, void 0, void 0, function () { + var childNodes, cfChildren + return __generator(this, function (_a) { + switch (_a.label) { + case 0: + childNodes = [] + return [4, getContentfulChildEntries(node.id)] + case 1: + cfChildren = _a.sent() + childNodes = (0, ContentTreeUtils_1.cfEntriesToNodes)( + cfChildren, + titleFields, + stLocale, + locales, + nodeContentTypes, + iconRegistry, + node.id, + ) + setStRoot(function (prevState) { + var newState = __assign({}, prevState) + recursiveProcessNodes( + node.id, + function (targetNode) { + targetNode.childNodes = childNodes + targetNode.expand = false + }, + newState, + ) + return newState + }) + return [2] + } + }) + }) + } + var recursiveProcessNodes = function (targetNodeId, processNode, node) { + if (node.id === targetNodeId) { + processNode(node) + } + if (node.childNodes != null) { + for (var _i = 0, _a = node.childNodes; _i < _a.length; _i++) { + var targetNode = _a[_i] + recursiveProcessNodes(targetNodeId, processNode, targetNode) + } + } + } + var editEntry = function (entryId) { + return __awaiter(void 0, void 0, void 0, function () { + return __generator(this, function (_a) { + switch (_a.label) { + case 0: + return [ + 4, + sdkInstance.navigator.openEntry(entryId, { slideIn: true }), + ] + case 1: + _a.sent() + return [2] + } + }) + }) + } + var getContentfulChildEntries = function (parentId) { + return __awaiter(void 0, void 0, void 0, function () { + var parentItem, + allChildIds, + _i, + _a, + key, + childNodeRefs, + _b, + childNodeRefs_1, + childNodeRef, + allItems, + done, + skip, + col, + cfChildren, + idPositionMap, + _c, + allChildIds_1, + childId + return __generator(this, function (_d) { + switch (_d.label) { + case 0: + return [4, cma.entry.get({ entryId: parentId })] + case 1: + parentItem = _d.sent() + allChildIds = [] + for ( + _i = 0, _a = Object.keys(parentItem.fields); + _i < _a.length; + _i++ + ) { + key = _a[_i] + if (nodeContentTypes.includes(key)) { + childNodeRefs = parentItem.fields[key][stLocale] + if (Array.isArray(childNodeRefs)) { + for ( + _b = 0, childNodeRefs_1 = childNodeRefs; + _b < childNodeRefs_1.length; + _b++ + ) { + childNodeRef = childNodeRefs_1[_b] + allChildIds.push(childNodeRef.sys.id) + } + } else { + allChildIds.push(childNodeRefs.sys.id) + } + } + } + allItems = [] + done = false + skip = 0 + _d.label = 2 + case 2: + if (!!done) return [3, 4] + return [ + 4, + cma.entry.getMany({ + query: { + 'sys.id[in]': allChildIds.join(','), + skip: skip, + }, + }), + ] + case 3: + col = _d.sent() + allItems.push.apply(allItems, col.items) + if (allItems.length < col.total) { + skip += 100 + } else { + done = true + } + return [3, 2] + case 4: + cfChildren = [] + idPositionMap = allItems.reduce(function (acc, el, i) { + acc[el.sys.id] = i + return acc + }, {}) + for ( + _c = 0, allChildIds_1 = allChildIds; + _c < allChildIds_1.length; + _c++ + ) { + childId = allChildIds_1[_c] + if (allItems[idPositionMap[childId]]) { + cfChildren.push(allItems[idPositionMap[childId]]) + } + } + return [2, cfChildren] + } + }) + }) + } + var removeChildNodes = function (node) { + setStRoot(function (prevState) { + var newState = __assign({}, prevState) + recursiveProcessNodes( + node.id, + function (targetNode) { + targetNode.childNodes = [] + targetNode.expand = true + }, + newState, + ) + return newState + }) + } + return react_1.default.createElement( + react_1.default.Fragment, + null, + react_1.default.createElement( + ContentTree_styled_1.StyledContentTreeTable, + null, + react_1.default.createElement( + 'tbody', + null, + react_1.default.createElement( + 'tr', + null, + react_1.default.createElement('th', null, 'Nodes'), + react_1.default.createElement('th', null, 'Content Type'), + react_1.default.createElement('th', null, 'Status'), + react_1.default.createElement('th', null, 'Last Modified'), + react_1.default.createElement('th', null, 'Last Published'), + ), + react_1.default.createElement(ContentTreeNode_1.default, { + node: stRoot, + depth: depth, + addChildNodes: addChildNodes, + removeChildNodes: removeChildNodes, + editEntry: editEntry, + }), + ), + ), + ) +} +exports.ContentTreeRoot = ContentTreeRoot diff --git a/dist/ContentTreeUtils.d.ts b/dist/ContentTreeUtils.d.ts index 191b79c..94a7d3b 100644 --- a/dist/ContentTreeUtils.d.ts +++ b/dist/ContentTreeUtils.d.ts @@ -1,4 +1,12 @@ -import type { EntryProps, KeyValueMap } from 'contentful-management'; -import type { ContentTreeNodeProps } from './ContentTreeNode'; -export declare const emptyNodeProps: () => ContentTreeNodeProps; -export declare const cfEntriesToNodes: (entries: EntryProps[], titleFields: string[], stLocale: string, locales: string[], nodeContentTypes: string[], iconRegistry?: Record, parentId?: string) => ContentTreeNodeProps[]; +import type { EntryProps, KeyValueMap } from 'contentful-management' +import type { ContentTreeNodeProps } from './ContentTreeNode' +export declare const emptyNodeProps: () => ContentTreeNodeProps +export declare const cfEntriesToNodes: ( + entries: EntryProps[], + titleFields: string[], + stLocale: string, + locales: string[], + nodeContentTypes: string[], + iconRegistry?: Record, + parentId?: string, +) => ContentTreeNodeProps[] diff --git a/dist/ContentTreeUtils.js b/dist/ContentTreeUtils.js index 7a34041..2efc441 100644 --- a/dist/ContentTreeUtils.js +++ b/dist/ContentTreeUtils.js @@ -1,67 +1,92 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.cfEntriesToNodes = exports.emptyNodeProps = void 0; +'use strict' +Object.defineProperty(exports, '__esModule', { value: true }) +exports.cfEntriesToNodes = exports.emptyNodeProps = void 0 var emptyNodeProps = function () { - return { id: '', name: '', expand: false, parentId: '' }; -}; -exports.emptyNodeProps = emptyNodeProps; + return { id: '', name: '', expand: false, parentId: '' } +} +exports.emptyNodeProps = emptyNodeProps var cfEntryHasChildren = function (entry, nodeContentTypes, locales) { - var _a; - for (var _i = 0, nodeContentTypes_1 = nodeContentTypes; _i < nodeContentTypes_1.length; _i++) { - var nodeContentType = nodeContentTypes_1[_i]; - for (var _b = 0, locales_1 = locales; _b < locales_1.length; _b++) { - var locale = locales_1[_b]; - if ((_a = entry.fields[nodeContentType]) === null || _a === void 0 ? void 0 : _a[locale]) { - return true; - } - } - } - return false; -}; + var _a + for ( + var _i = 0, nodeContentTypes_1 = nodeContentTypes; + _i < nodeContentTypes_1.length; + _i++ + ) { + var nodeContentType = nodeContentTypes_1[_i] + for (var _b = 0, locales_1 = locales; _b < locales_1.length; _b++) { + var locale = locales_1[_b] + if ( + (_a = entry.fields[nodeContentType]) === null || _a === void 0 + ? void 0 + : _a[locale] + ) { + return true + } + } + } + return false +} var cfEntryPublishingStatus = function (entry) { - if (!entry.sys.publishedVersion) { - return 'draft'; - } - if (entry.sys.version - entry.sys.publishedVersion === 1) { - return 'published'; - } - return 'changed'; -}; -var cfEntriesToNodes = function (entries, titleFields, stLocale, locales, nodeContentTypes, iconRegistry, parentId) { - if (entries.length === 0) { - return []; - } - var nodeArray = []; - entries.forEach(function (entry) { - var _a; - if (!entry) { - return; - } - var name = ''; - for (var _i = 0, titleFields_1 = titleFields; _i < titleFields_1.length; _i++) { - var titleField = titleFields_1[_i]; - if ((_a = entry.fields[titleField]) === null || _a === void 0 ? void 0 : _a[stLocale]) { - name = entry.fields[titleField][stLocale]; - break; - } - } - if (name === '') { - name = entry.sys.id; - } - var node = { - id: entry.sys.id, - name: name, - contentType: entry.sys.contentType.sys.id, - icon: iconRegistry != null ? iconRegistry[entry.sys.contentType.sys.id] : '', - expand: !!parentId, - parentId: parentId, - hasChildNodes: cfEntryHasChildren(entry, nodeContentTypes, locales), - publishingStatus: cfEntryPublishingStatus(entry), - updatedAt: entry.sys.updatedAt, - publishedAt: entry.sys.publishedAt, - }; - nodeArray.push(node); - }); - return nodeArray; -}; -exports.cfEntriesToNodes = cfEntriesToNodes; + if (!entry.sys.publishedVersion) { + return 'draft' + } + if (entry.sys.version - entry.sys.publishedVersion === 1) { + return 'published' + } + return 'changed' +} +var cfEntriesToNodes = function ( + entries, + titleFields, + stLocale, + locales, + nodeContentTypes, + iconRegistry, + parentId, +) { + if (entries.length === 0) { + return [] + } + var nodeArray = [] + entries.forEach(function (entry) { + var _a + if (!entry) { + return + } + var name = '' + for ( + var _i = 0, titleFields_1 = titleFields; + _i < titleFields_1.length; + _i++ + ) { + var titleField = titleFields_1[_i] + if ( + (_a = entry.fields[titleField]) === null || _a === void 0 + ? void 0 + : _a[stLocale] + ) { + name = entry.fields[titleField][stLocale] + break + } + } + if (name === '') { + name = entry.sys.id + } + var node = { + id: entry.sys.id, + name: name, + contentType: entry.sys.contentType.sys.id, + icon: + iconRegistry != null ? iconRegistry[entry.sys.contentType.sys.id] : '', + expand: !!parentId, + parentId: parentId, + hasChildNodes: cfEntryHasChildren(entry, nodeContentTypes, locales), + publishingStatus: cfEntryPublishingStatus(entry), + updatedAt: entry.sys.updatedAt, + publishedAt: entry.sys.publishedAt, + } + nodeArray.push(node) + }) + return nodeArray +} +exports.cfEntriesToNodes = cfEntriesToNodes diff --git a/dist/Icons.d.ts b/dist/Icons.d.ts index f82448b..d8aab9f 100644 --- a/dist/Icons.d.ts +++ b/dist/Icons.d.ts @@ -1,9 +1,17 @@ -import React, { type FC, type ReactElement, type SVGProps } from 'react'; -export type SVGIcon = FC>; +import React, { type FC, type ReactElement, type SVGProps } from 'react' +export type SVGIcon = FC> export interface IconProps { - icon?: SVGIcon; + icon?: SVGIcon } -export declare const Icon: (props: { - id?: string; -}) => ReactElement; -export declare const StyledIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit, HTMLSpanElement>, never>> & string; +export declare const Icon: (props: { id?: string }) => ReactElement +export declare const StyledIcon: import('styled-components/dist/types').IStyledComponentBase< + 'web', + import('styled-components').FastOmit< + React.DetailedHTMLProps< + React.HTMLAttributes, + HTMLSpanElement + >, + never + > +> & + string diff --git a/dist/Icons.js b/dist/Icons.js index 5804ea8..485e634 100644 --- a/dist/Icons.js +++ b/dist/Icons.js @@ -1,80 +1,278 @@ -"use strict"; -var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) { - if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; } - return cooked; -}; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.StyledIcon = exports.Icon = void 0; -var react_1 = __importDefault(require("react")); -var styled_components_1 = __importDefault(require("styled-components")); +'use strict' +var __makeTemplateObject = + (this && this.__makeTemplateObject) || + function (cooked, raw) { + if (Object.defineProperty) { + Object.defineProperty(cooked, 'raw', { value: raw }) + } else { + cooked.raw = raw + } + return cooked + } +var __importDefault = + (this && this.__importDefault) || + function (mod) { + return mod && mod.__esModule ? mod : { default: mod } + } +Object.defineProperty(exports, '__esModule', { value: true }) +exports.StyledIcon = exports.Icon = void 0 +var react_1 = __importDefault(require('react')) +var styled_components_1 = __importDefault(require('styled-components')) var Icon = function (props) { - switch (props.id) { - case 'WORLD': - return (react_1.default.createElement(exports.StyledIcon, null, - react_1.default.createElement("svg", { id: "Layer_1", "data-name": "Layer 1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128" }, - react_1.default.createElement("title", null, "WORLD"), - react_1.default.createElement("path", { d: "M113.66,23.69q-.345-.435-.72-.87A63.786,63.786,0,0,0,64.92.02C64.61.01,64.31,0,64,0s-.61.01-.92.02A63.789,63.789,0,0,0,14.93,22.98a6.164,6.164,0,0,0-.47.57.138.138,0,0,1-.03.04,63.8,63.8,0,0,0,0,80.82.138.138,0,0,1,.03.04,6.171,6.171,0,0,0,.47.57l.01.01a63.776,63.776,0,0,0,48.14,22.95c.614.02,1.226.02,1.84,0a63.786,63.786,0,0,0,48.02-22.8q.375-.435.72-.87a63.826,63.826,0,0,0,0-80.62ZM99.49,62.25a106.208,106.208,0,0,0-4.07-28.03,69.57,69.57,0,0,0,16.19-7.51,60.158,60.158,0,0,1,12.86,35.54ZM65.75,3.59c10.69,1.1,19.99,12.14,25.36,28.3a100.612,100.612,0,0,1-25.36,3.58Zm-3.5,31.88a100.612,100.612,0,0,1-25.36-3.58c5.37-16.16,14.67-27.2,25.36-28.3Zm0,3.5V62.25H32.01a104.4,104.4,0,0,1,3.85-27.02A104.159,104.159,0,0,0,62.25,38.97Zm0,26.78V89.03a104.161,104.161,0,0,0-26.39,3.74,104.4,104.4,0,0,1-3.85-27.02Zm0,26.78v31.88c-10.69-1.1-19.99-12.14-25.36-28.3A100.612,100.612,0,0,1,62.25,92.53Zm3.5,0a100.612,100.612,0,0,1,25.36,3.58c-5.37,16.16-14.67,27.2-25.36,28.3Zm0-3.5V65.75H95.99a104.477,104.477,0,0,1-3.85,27.03A103.333,103.333,0,0,0,65.75,89.03Zm0-26.78V38.97a103.33,103.33,0,0,0,26.39-3.75,104.478,104.478,0,0,1,3.85,27.03Zm43.6-38.26A66.171,66.171,0,0,1,94.37,30.9C90.53,19.48,84.76,10.4,77.89,5.11A60.6,60.6,0,0,1,109.35,23.99ZM50.11,5.11C43.24,10.4,37.47,19.48,33.63,30.9A67.031,67.031,0,0,1,18.65,24,60.513,60.513,0,0,1,50.11,5.11ZM16.39,26.7a69.605,69.605,0,0,0,16.19,7.53,106.07,106.07,0,0,0-4.07,28.02H3.53A60.188,60.188,0,0,1,16.39,26.7ZM28.51,65.75a106.069,106.069,0,0,0,4.07,28.02v.01a69.183,69.183,0,0,0-16.19,7.52A60.188,60.188,0,0,1,3.53,65.75ZM18.65,104a67.031,67.031,0,0,1,14.98-6.9c3.84,11.42,9.61,20.5,16.48,25.79A60.514,60.514,0,0,1,18.65,104Zm59.24,18.89c6.87-5.29,12.64-14.37,16.48-25.79a66.169,66.169,0,0,1,14.98,6.91A60.6,60.6,0,0,1,77.89,122.89Zm33.72-21.6a69.573,69.573,0,0,0-16.19-7.51,106.208,106.208,0,0,0,4.07-28.03h24.98A60.158,60.158,0,0,1,111.61,101.29Z" })))); - case 'PAGE': - return (react_1.default.createElement(exports.StyledIcon, null, - react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48" }, - react_1.default.createElement("defs", null), - react_1.default.createElement("title", null, "Asset 47ldpi"), - react_1.default.createElement("g", { id: "Layer_2", "data-name": "Layer 2" }, - react_1.default.createElement("g", { id: "layer_1-2", "data-name": "layer 1" }, - react_1.default.createElement("path", { d: "M47,48H1a1,1,0,0,1-1-1V1A1,1,0,0,1,1,0H47a1,1,0,0,1,1,1V47A1,1,0,0,1,47,48ZM2,46H46V2H2Z" }), - react_1.default.createElement("rect", { x: "34", y: "25", width: "8", height: "2" }), - react_1.default.createElement("rect", { x: "22", y: "25", width: "10", height: "2" }), - react_1.default.createElement("rect", { x: "31", y: "30", width: "7", height: "2" }), - react_1.default.createElement("rect", { x: "22", y: "30", width: "7", height: "2" }), - react_1.default.createElement("rect", { x: "36", y: "35", width: "6", height: "2" }), - react_1.default.createElement("rect", { x: "22", y: "35", width: "12", height: "2" }), - react_1.default.createElement("rect", { x: "22", y: "40", width: "9", height: "2" }), - react_1.default.createElement("path", { d: "M18,42H7a1,1,0,0,1-1-1V26a1,1,0,0,1,1-1H18a1,1,0,0,1,1,1V41A1,1,0,0,1,18,42ZM8,40h9V27H8Z" }), - react_1.default.createElement("path", { d: "M41,22H7a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H41a1,1,0,0,1,1,1v6A1,1,0,0,1,41,22ZM8,20H40V16H8Z" }), - react_1.default.createElement("rect", { x: "4", y: "4", width: "2", height: "2" }), - react_1.default.createElement("rect", { x: "8", y: "4", width: "2", height: "2" }), - react_1.default.createElement("rect", { x: "12", y: "4", width: "2", height: "2" }), - react_1.default.createElement("rect", { x: "1", y: "8", width: "46", height: "2" })))))); - case 'APP': - return (react_1.default.createElement(exports.StyledIcon, null, - react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, - react_1.default.createElement("title", null, "8-Book"), - react_1.default.createElement("g", { id: "_8-Book", "data-name": "8-Book" }, - react_1.default.createElement("path", { d: "M27,23a5,5,0,0,0-3-1H6a5,5,0,0,0-3,1V5A3,3,0,0,1,6,2H18V0H6A5,5,0,0,0,1,5V27a5,5,0,0,0,5,5H28a1,1,0,0,0,1-1V19H27Zm0,7H6a3,3,0,0,1,0-6H24a3,3,0,0,1,2.82,2H10v2H27Z" }), - react_1.default.createElement("rect", { x: "6", y: "26", width: "2", height: "2" }), - react_1.default.createElement("path", { d: "M15,7V5H7A1,1,0,0,0,6,6v4a1,1,0,0,0,1,1h8V9H8V7Z" }), - react_1.default.createElement("rect", { x: "6", y: "14", width: "2", height: "2" }), - react_1.default.createElement("rect", { x: "10", y: "14", width: "2", height: "2" }), - react_1.default.createElement("path", { d: "M31,11V9H28.9a5,5,0,0,0-.73-1.75l1.54-1.54L28.29,4.29,26.75,5.83A5,5,0,0,0,25,5.1V3H23V5.1a5,5,0,0,0-1.75.73L19.71,4.29,18.29,5.71l1.54,1.54A5,5,0,0,0,19.1,9H17v2h2.1a5,5,0,0,0,.73,1.75l-1.54,1.54,1.41,1.41,1.54-1.54A5,5,0,0,0,23,14.9V17h2V14.9a5,5,0,0,0,1.75-.73l1.54,1.54,1.41-1.41-1.54-1.54A5,5,0,0,0,28.9,11Zm-7,2a3,3,0,1,1,3-3A3,3,0,0,1,24,13Z" }))))); - case 'CART': - return (react_1.default.createElement(exports.StyledIcon, null, - react_1.default.createElement("svg", { version: "1.1", id: "shopping_x5F_carts_1_", xmlns: "http://www.w3.org/2000/svg", x: "0", y: "0", viewBox: "0 0 128 128" }, - react_1.default.createElement("g", { id: "_x31__1_" }, - react_1.default.createElement("path", { d: "M92.1 96c-5.2 0-9.3 4.2-9.3 9.3 0 5.2 4.2 9.3 9.3 9.3s9.3-4.2 9.3-9.3c0-5.1-4.1-9.3-9.3-9.3zm0 16a6.7 6.7 0 1 1 6.7-6.7c0 3.8-3 6.7-6.7 6.7zM41.4 96c-5.2 0-9.3 4.2-9.3 9.3 0 5.2 4.2 9.3 9.3 9.3s9.3-4.2 9.3-9.3c0-5.1-4.2-9.3-9.3-9.3zm0 16a6.7 6.7 0 1 1 6.7-6.7c0 3.8-3 6.7-6.7 6.7zm86.2-73.5c-.5-.8-1.3-1.2-2.2-1.2h-102L19 15.4c-.3-1.2-1.3-2.1-2.6-2.1H2.7C1.2 13.3 0 14.5 0 16c0 1.5 1.2 2.7 2.7 2.7h11.4l14.6 72.6c.3 1.2 1.3 2.1 2.6 2.1h72.2c1.1 0 2-.6 2.4-1.6L127.8 41c.3-.8.3-1.7-.2-2.5zM101.7 88H33.5l-2.7-13.3h76.7L101.7 88zm6.9-16H30.3l-2.7-13.3h86.8L108.6 72zm6.9-16H27l-2.7-13.3h96.9L115.5 56z", id: "icon_14_" }))))); - case 'FOLDER': - return (react_1.default.createElement(exports.StyledIcon, null, - react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64" }, - react_1.default.createElement("path", { d: "M64 15v37a5.006 5.006 0 0 1-5 5H5a5.006 5.006 0 0 1-5-5V12a5.006 5.006 0 0 1 5-5h14.116a6.966 6.966 0 0 1 5.466 2.627l5 6.247A2.983 2.983 0 0 0 31.922 17H59a1 1 0 0 1 0 2H31.922a4.979 4.979 0 0 1-3.9-1.876l-5-6.247A4.976 4.976 0 0 0 19.116 9H5a3 3 0 0 0-3 3v40a3 3 0 0 0 3 3h54a3 3 0 0 0 3-3V15a3 3 0 0 0-3-3H30a1 1 0 0 1 0-2h29a5.006 5.006 0 0 1 5 5z" })))); - case 'LOVE': - return (react_1.default.createElement(exports.StyledIcon, null, - react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" }, - react_1.default.createElement("path", { d: "M22.813 7.338a6.736 6.736 0 0 0-3.8-4.49c-3.206-1.471-6 .878-7.016 1.9-1.013-1.025-3.813-3.374-7.016-1.9a6.736 6.736 0 0 0-3.8 4.49 5.818 5.818 0 0 0 1 4.98c1.708 2.215 9.156 8.891 9.472 9.174a.514.514 0 0 0 .688 0c.316-.283 7.764-6.959 9.472-9.174a5.815 5.815 0 0 0 1-4.98zM21 11.689c-1.448 1.878-7.488 7.362-9 8.726-1.512-1.364-7.552-6.848-9-8.726a4.8 4.8 0 0 1-.812-4.1 5.711 5.711 0 0 1 3.226-3.8c2.229-1.027 4.731.311 6.186 2.05a.516.516 0 0 0 .4.188.516.516 0 0 0 .4-.188c.029-.035 2.958-3.536 6.188-2.055a5.714 5.714 0 0 1 3.226 3.8A4.8 4.8 0 0 1 21 11.689z" }), - react_1.default.createElement("path", { d: "M6.346 5a4.39 4.39 0 0 0-2.473 2.928 3.818 3.818 0 0 0 .656 3.272.515.515 0 0 0 .816-.629 2.8 2.8 0 0 1-.472-2.392 3.366 3.366 0 0 1 1.9-2.237A.515.515 0 0 0 6.346 5z" })))); - case 'SHORTCUT': - return (react_1.default.createElement(exports.StyledIcon, null, - react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" }, - react_1.default.createElement("g", { "data-name": "13.Arrow up" }, - react_1.default.createElement("path", { d: "M12 24a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-22a10 10 0 1 0 10 10A10.011 10.011 0 0 0 12 2z" }), - react_1.default.createElement("path", { d: "M18 12h-2V9h-4V7h6v5z" }), - react_1.default.createElement("path", { d: "m3.707 17.707-1.414-1.414L6.586 12h5l4.707-4.707 1.414 1.414L12.414 14h-5l-3.707 3.707z" }))))); - } - return (react_1.default.createElement(exports.StyledIcon, null, - react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20.088", height: "20.087" }, - react_1.default.createElement("path", { d: "M10.044 0a10.044 10.044 0 1 0 10.044 10.043A10.043 10.043 0 0 0 10.044 0zm.047 15.033a4.99 4.99 0 1 1 4.99-4.99 4.989 4.989 0 0 1-4.99 4.99z" })))); -}; -exports.Icon = Icon; -exports.StyledIcon = styled_components_1.default.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tline-height: 1px;\n\tposition: relative;\n\tdisplay: inline-block;\n\tvertical-align: top;\n\twidth: 16px;\n\theight: 16px;\n\tmargin: 2px 4px;\n"], ["\n\tline-height: 1px;\n\tposition: relative;\n\tdisplay: inline-block;\n\tvertical-align: top;\n\twidth: 16px;\n\theight: 16px;\n\tmargin: 2px 4px;\n"]))); -var templateObject_1; + switch (props.id) { + case 'WORLD': + return react_1.default.createElement( + exports.StyledIcon, + null, + react_1.default.createElement( + 'svg', + { + id: 'Layer_1', + 'data-name': 'Layer 1', + xmlns: 'http://www.w3.org/2000/svg', + viewBox: '0 0 128 128', + }, + react_1.default.createElement('title', null, 'WORLD'), + react_1.default.createElement('path', { + d: 'M113.66,23.69q-.345-.435-.72-.87A63.786,63.786,0,0,0,64.92.02C64.61.01,64.31,0,64,0s-.61.01-.92.02A63.789,63.789,0,0,0,14.93,22.98a6.164,6.164,0,0,0-.47.57.138.138,0,0,1-.03.04,63.8,63.8,0,0,0,0,80.82.138.138,0,0,1,.03.04,6.171,6.171,0,0,0,.47.57l.01.01a63.776,63.776,0,0,0,48.14,22.95c.614.02,1.226.02,1.84,0a63.786,63.786,0,0,0,48.02-22.8q.375-.435.72-.87a63.826,63.826,0,0,0,0-80.62ZM99.49,62.25a106.208,106.208,0,0,0-4.07-28.03,69.57,69.57,0,0,0,16.19-7.51,60.158,60.158,0,0,1,12.86,35.54ZM65.75,3.59c10.69,1.1,19.99,12.14,25.36,28.3a100.612,100.612,0,0,1-25.36,3.58Zm-3.5,31.88a100.612,100.612,0,0,1-25.36-3.58c5.37-16.16,14.67-27.2,25.36-28.3Zm0,3.5V62.25H32.01a104.4,104.4,0,0,1,3.85-27.02A104.159,104.159,0,0,0,62.25,38.97Zm0,26.78V89.03a104.161,104.161,0,0,0-26.39,3.74,104.4,104.4,0,0,1-3.85-27.02Zm0,26.78v31.88c-10.69-1.1-19.99-12.14-25.36-28.3A100.612,100.612,0,0,1,62.25,92.53Zm3.5,0a100.612,100.612,0,0,1,25.36,3.58c-5.37,16.16-14.67,27.2-25.36,28.3Zm0-3.5V65.75H95.99a104.477,104.477,0,0,1-3.85,27.03A103.333,103.333,0,0,0,65.75,89.03Zm0-26.78V38.97a103.33,103.33,0,0,0,26.39-3.75,104.478,104.478,0,0,1,3.85,27.03Zm43.6-38.26A66.171,66.171,0,0,1,94.37,30.9C90.53,19.48,84.76,10.4,77.89,5.11A60.6,60.6,0,0,1,109.35,23.99ZM50.11,5.11C43.24,10.4,37.47,19.48,33.63,30.9A67.031,67.031,0,0,1,18.65,24,60.513,60.513,0,0,1,50.11,5.11ZM16.39,26.7a69.605,69.605,0,0,0,16.19,7.53,106.07,106.07,0,0,0-4.07,28.02H3.53A60.188,60.188,0,0,1,16.39,26.7ZM28.51,65.75a106.069,106.069,0,0,0,4.07,28.02v.01a69.183,69.183,0,0,0-16.19,7.52A60.188,60.188,0,0,1,3.53,65.75ZM18.65,104a67.031,67.031,0,0,1,14.98-6.9c3.84,11.42,9.61,20.5,16.48,25.79A60.514,60.514,0,0,1,18.65,104Zm59.24,18.89c6.87-5.29,12.64-14.37,16.48-25.79a66.169,66.169,0,0,1,14.98,6.91A60.6,60.6,0,0,1,77.89,122.89Zm33.72-21.6a69.573,69.573,0,0,0-16.19-7.51,106.208,106.208,0,0,0,4.07-28.03h24.98A60.158,60.158,0,0,1,111.61,101.29Z', + }), + ), + ) + case 'PAGE': + return react_1.default.createElement( + exports.StyledIcon, + null, + react_1.default.createElement( + 'svg', + { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 48 48' }, + react_1.default.createElement('defs', null), + react_1.default.createElement('title', null, 'Asset 47ldpi'), + react_1.default.createElement( + 'g', + { id: 'Layer_2', 'data-name': 'Layer 2' }, + react_1.default.createElement( + 'g', + { id: 'layer_1-2', 'data-name': 'layer 1' }, + react_1.default.createElement('path', { + d: 'M47,48H1a1,1,0,0,1-1-1V1A1,1,0,0,1,1,0H47a1,1,0,0,1,1,1V47A1,1,0,0,1,47,48ZM2,46H46V2H2Z', + }), + react_1.default.createElement('rect', { + x: '34', + y: '25', + width: '8', + height: '2', + }), + react_1.default.createElement('rect', { + x: '22', + y: '25', + width: '10', + height: '2', + }), + react_1.default.createElement('rect', { + x: '31', + y: '30', + width: '7', + height: '2', + }), + react_1.default.createElement('rect', { + x: '22', + y: '30', + width: '7', + height: '2', + }), + react_1.default.createElement('rect', { + x: '36', + y: '35', + width: '6', + height: '2', + }), + react_1.default.createElement('rect', { + x: '22', + y: '35', + width: '12', + height: '2', + }), + react_1.default.createElement('rect', { + x: '22', + y: '40', + width: '9', + height: '2', + }), + react_1.default.createElement('path', { + d: 'M18,42H7a1,1,0,0,1-1-1V26a1,1,0,0,1,1-1H18a1,1,0,0,1,1,1V41A1,1,0,0,1,18,42ZM8,40h9V27H8Z', + }), + react_1.default.createElement('path', { + d: 'M41,22H7a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H41a1,1,0,0,1,1,1v6A1,1,0,0,1,41,22ZM8,20H40V16H8Z', + }), + react_1.default.createElement('rect', { + x: '4', + y: '4', + width: '2', + height: '2', + }), + react_1.default.createElement('rect', { + x: '8', + y: '4', + width: '2', + height: '2', + }), + react_1.default.createElement('rect', { + x: '12', + y: '4', + width: '2', + height: '2', + }), + react_1.default.createElement('rect', { + x: '1', + y: '8', + width: '46', + height: '2', + }), + ), + ), + ), + ) + case 'APP': + return react_1.default.createElement( + exports.StyledIcon, + null, + react_1.default.createElement( + 'svg', + { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 32 32' }, + react_1.default.createElement('title', null, '8-Book'), + react_1.default.createElement( + 'g', + { id: '_8-Book', 'data-name': '8-Book' }, + react_1.default.createElement('path', { + d: 'M27,23a5,5,0,0,0-3-1H6a5,5,0,0,0-3,1V5A3,3,0,0,1,6,2H18V0H6A5,5,0,0,0,1,5V27a5,5,0,0,0,5,5H28a1,1,0,0,0,1-1V19H27Zm0,7H6a3,3,0,0,1,0-6H24a3,3,0,0,1,2.82,2H10v2H27Z', + }), + react_1.default.createElement('rect', { + x: '6', + y: '26', + width: '2', + height: '2', + }), + react_1.default.createElement('path', { + d: 'M15,7V5H7A1,1,0,0,0,6,6v4a1,1,0,0,0,1,1h8V9H8V7Z', + }), + react_1.default.createElement('rect', { + x: '6', + y: '14', + width: '2', + height: '2', + }), + react_1.default.createElement('rect', { + x: '10', + y: '14', + width: '2', + height: '2', + }), + react_1.default.createElement('path', { + d: 'M31,11V9H28.9a5,5,0,0,0-.73-1.75l1.54-1.54L28.29,4.29,26.75,5.83A5,5,0,0,0,25,5.1V3H23V5.1a5,5,0,0,0-1.75.73L19.71,4.29,18.29,5.71l1.54,1.54A5,5,0,0,0,19.1,9H17v2h2.1a5,5,0,0,0,.73,1.75l-1.54,1.54,1.41,1.41,1.54-1.54A5,5,0,0,0,23,14.9V17h2V14.9a5,5,0,0,0,1.75-.73l1.54,1.54,1.41-1.41-1.54-1.54A5,5,0,0,0,28.9,11Zm-7,2a3,3,0,1,1,3-3A3,3,0,0,1,24,13Z', + }), + ), + ), + ) + case 'CART': + return react_1.default.createElement( + exports.StyledIcon, + null, + react_1.default.createElement( + 'svg', + { + version: '1.1', + id: 'shopping_x5F_carts_1_', + xmlns: 'http://www.w3.org/2000/svg', + x: '0', + y: '0', + viewBox: '0 0 128 128', + }, + react_1.default.createElement( + 'g', + { id: '_x31__1_' }, + react_1.default.createElement('path', { + d: 'M92.1 96c-5.2 0-9.3 4.2-9.3 9.3 0 5.2 4.2 9.3 9.3 9.3s9.3-4.2 9.3-9.3c0-5.1-4.1-9.3-9.3-9.3zm0 16a6.7 6.7 0 1 1 6.7-6.7c0 3.8-3 6.7-6.7 6.7zM41.4 96c-5.2 0-9.3 4.2-9.3 9.3 0 5.2 4.2 9.3 9.3 9.3s9.3-4.2 9.3-9.3c0-5.1-4.2-9.3-9.3-9.3zm0 16a6.7 6.7 0 1 1 6.7-6.7c0 3.8-3 6.7-6.7 6.7zm86.2-73.5c-.5-.8-1.3-1.2-2.2-1.2h-102L19 15.4c-.3-1.2-1.3-2.1-2.6-2.1H2.7C1.2 13.3 0 14.5 0 16c0 1.5 1.2 2.7 2.7 2.7h11.4l14.6 72.6c.3 1.2 1.3 2.1 2.6 2.1h72.2c1.1 0 2-.6 2.4-1.6L127.8 41c.3-.8.3-1.7-.2-2.5zM101.7 88H33.5l-2.7-13.3h76.7L101.7 88zm6.9-16H30.3l-2.7-13.3h86.8L108.6 72zm6.9-16H27l-2.7-13.3h96.9L115.5 56z', + id: 'icon_14_', + }), + ), + ), + ) + case 'FOLDER': + return react_1.default.createElement( + exports.StyledIcon, + null, + react_1.default.createElement( + 'svg', + { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 64 64' }, + react_1.default.createElement('path', { + d: 'M64 15v37a5.006 5.006 0 0 1-5 5H5a5.006 5.006 0 0 1-5-5V12a5.006 5.006 0 0 1 5-5h14.116a6.966 6.966 0 0 1 5.466 2.627l5 6.247A2.983 2.983 0 0 0 31.922 17H59a1 1 0 0 1 0 2H31.922a4.979 4.979 0 0 1-3.9-1.876l-5-6.247A4.976 4.976 0 0 0 19.116 9H5a3 3 0 0 0-3 3v40a3 3 0 0 0 3 3h54a3 3 0 0 0 3-3V15a3 3 0 0 0-3-3H30a1 1 0 0 1 0-2h29a5.006 5.006 0 0 1 5 5z', + }), + ), + ) + case 'LOVE': + return react_1.default.createElement( + exports.StyledIcon, + null, + react_1.default.createElement( + 'svg', + { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24' }, + react_1.default.createElement('path', { + d: 'M22.813 7.338a6.736 6.736 0 0 0-3.8-4.49c-3.206-1.471-6 .878-7.016 1.9-1.013-1.025-3.813-3.374-7.016-1.9a6.736 6.736 0 0 0-3.8 4.49 5.818 5.818 0 0 0 1 4.98c1.708 2.215 9.156 8.891 9.472 9.174a.514.514 0 0 0 .688 0c.316-.283 7.764-6.959 9.472-9.174a5.815 5.815 0 0 0 1-4.98zM21 11.689c-1.448 1.878-7.488 7.362-9 8.726-1.512-1.364-7.552-6.848-9-8.726a4.8 4.8 0 0 1-.812-4.1 5.711 5.711 0 0 1 3.226-3.8c2.229-1.027 4.731.311 6.186 2.05a.516.516 0 0 0 .4.188.516.516 0 0 0 .4-.188c.029-.035 2.958-3.536 6.188-2.055a5.714 5.714 0 0 1 3.226 3.8A4.8 4.8 0 0 1 21 11.689z', + }), + react_1.default.createElement('path', { + d: 'M6.346 5a4.39 4.39 0 0 0-2.473 2.928 3.818 3.818 0 0 0 .656 3.272.515.515 0 0 0 .816-.629 2.8 2.8 0 0 1-.472-2.392 3.366 3.366 0 0 1 1.9-2.237A.515.515 0 0 0 6.346 5z', + }), + ), + ) + case 'SHORTCUT': + return react_1.default.createElement( + exports.StyledIcon, + null, + react_1.default.createElement( + 'svg', + { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24' }, + react_1.default.createElement( + 'g', + { 'data-name': '13.Arrow up' }, + react_1.default.createElement('path', { + d: 'M12 24a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-22a10 10 0 1 0 10 10A10.011 10.011 0 0 0 12 2z', + }), + react_1.default.createElement('path', { + d: 'M18 12h-2V9h-4V7h6v5z', + }), + react_1.default.createElement('path', { + d: 'm3.707 17.707-1.414-1.414L6.586 12h5l4.707-4.707 1.414 1.414L12.414 14h-5l-3.707 3.707z', + }), + ), + ), + ) + } + return react_1.default.createElement( + exports.StyledIcon, + null, + react_1.default.createElement( + 'svg', + { + xmlns: 'http://www.w3.org/2000/svg', + width: '20.088', + height: '20.087', + }, + react_1.default.createElement('path', { + d: 'M10.044 0a10.044 10.044 0 1 0 10.044 10.043A10.043 10.043 0 0 0 10.044 0zm.047 15.033a4.99 4.99 0 1 1 4.99-4.99 4.989 4.989 0 0 1-4.99 4.99z', + }), + ), + ) +} +exports.Icon = Icon +exports.StyledIcon = styled_components_1.default.span( + templateObject_1 || + (templateObject_1 = __makeTemplateObject( + [ + '\n\tline-height: 1px;\n\tposition: relative;\n\tdisplay: inline-block;\n\tvertical-align: top;\n\twidth: 16px;\n\theight: 16px;\n\tmargin: 2px 4px;\n', + ], + [ + '\n\tline-height: 1px;\n\tposition: relative;\n\tdisplay: inline-block;\n\tvertical-align: top;\n\twidth: 16px;\n\theight: 16px;\n\tmargin: 2px 4px;\n', + ], + )), +) +var templateObject_1 diff --git a/dist/index.d.ts b/dist/index.d.ts index cd4db23..d14c8ec 100644 --- a/dist/index.d.ts +++ b/dist/index.d.ts @@ -1,3 +1,3 @@ -export * from './ContentTree'; -export * from './ContentTree.styled'; -export * from './ContentTreeNode'; +export * from './ContentTree' +export * from './ContentTree.styled' +export * from './ContentTreeNode' diff --git a/dist/index.js b/dist/index.js index c0397f5..7479418 100644 --- a/dist/index.js +++ b/dist/index.js @@ -1,19 +1,35 @@ -"use strict"; -var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - var desc = Object.getOwnPropertyDescriptor(m, k); - if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { - desc = { enumerable: true, get: function() { return m[k]; } }; - } - Object.defineProperty(o, k2, desc); -}) : (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - o[k2] = m[k]; -})); -var __exportStar = (this && this.__exportStar) || function(m, exports) { - for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); -}; -Object.defineProperty(exports, "__esModule", { value: true }); -__exportStar(require("./ContentTree"), exports); -__exportStar(require("./ContentTree.styled"), exports); -__exportStar(require("./ContentTreeNode"), exports); +'use strict' +var __createBinding = + (this && this.__createBinding) || + (Object.create + ? function (o, m, k, k2) { + if (k2 === undefined) k2 = k + var desc = Object.getOwnPropertyDescriptor(m, k) + if ( + !desc || + ('get' in desc ? !m.__esModule : desc.writable || desc.configurable) + ) { + desc = { + enumerable: true, + get: function () { + return m[k] + }, + } + } + Object.defineProperty(o, k2, desc) + } + : function (o, m, k, k2) { + if (k2 === undefined) k2 = k + o[k2] = m[k] + }) +var __exportStar = + (this && this.__exportStar) || + function (m, exports) { + for (var p in m) + if (p !== 'default' && !Object.prototype.hasOwnProperty.call(exports, p)) + __createBinding(exports, m, p) + } +Object.defineProperty(exports, '__esModule', { value: true }) +__exportStar(require('./ContentTree'), exports) +__exportStar(require('./ContentTree.styled'), exports) +__exportStar(require('./ContentTreeNode'), exports) diff --git a/package.json b/package.json index 859240f..0b54a54 100644 --- a/package.json +++ b/package.json @@ -6,27 +6,24 @@ "license": "MIT", "scripts": { "clean": "rm -f ./tsconfig.tsbuildinfo && rm -rvf dist", - "build": "tsc -b -v", + "build": "tsc -b", "rebuild": "pnpm clean && pnpm build", "dev": "pnpm tsc -b tsconfig.json -w", "lint": "biome check --write ." }, "devDependencies": { - "@biomejs/biome": "2.1.3", - "@types/react": "19.1.9", + "@biomejs/biome": "2.1.4", + "@types/react": "19.1.10", "@types/styled-components": "5.1.34", "install-peers": "1.0.4", "typescript": "5.9.2" }, - "peerDependencies": { - "install-peers": "1.0.4" - }, "optionalDependencies": { "react": "19.1.1", "styled-components": "6.1.19" }, "dependencies": { "contentful-management": "11.54.4", - "contentful-ui-extensions-sdk": "4.37.0" + "contentful-ui-extensions-sdk": "4.41.0" } } diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index d1b9200..43c4e73 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -12,15 +12,15 @@ importers: specifier: 11.54.4 version: 11.54.4 contentful-ui-extensions-sdk: - specifier: 4.37.0 - version: 4.37.0 + specifier: 4.41.0 + version: 4.41.0 devDependencies: '@biomejs/biome': - specifier: 2.1.3 - version: 2.1.3 + specifier: 2.1.4 + version: 2.1.4 '@types/react': - specifier: 19.1.9 - version: 19.1.9 + specifier: 19.1.10 + version: 19.1.10 '@types/styled-components': specifier: 5.1.34 version: 5.1.34 @@ -40,55 +40,55 @@ importers: packages: - '@biomejs/biome@2.1.3': - resolution: {integrity: sha512-KE/tegvJIxTkl7gJbGWSgun7G6X/n2M6C35COT6ctYrAy7SiPyNvi6JtoQERVK/VRbttZfgGq96j2bFmhmnH4w==} + '@biomejs/biome@2.1.4': + resolution: {integrity: sha512-QWlrqyxsU0FCebuMnkvBIkxvPqH89afiJzjMl+z67ybutse590jgeaFdDurE9XYtzpjRGTI1tlUZPGWmbKsElA==} engines: {node: '>=14.21.3'} hasBin: true - '@biomejs/cli-darwin-arm64@2.1.3': - resolution: {integrity: sha512-LFLkSWRoSGS1wVUD/BE6Nlt2dSn0ulH3XImzg2O/36BoToJHKXjSxzPEMAqT9QvwVtk7/9AQhZpTneERU9qaXA==} + '@biomejs/cli-darwin-arm64@2.1.4': + resolution: {integrity: sha512-sCrNENE74I9MV090Wq/9Dg7EhPudx3+5OiSoQOkIe3DLPzFARuL1dOwCWhKCpA3I5RHmbrsbNSRfZwCabwd8Qg==} engines: {node: '>=14.21.3'} cpu: [arm64] os: [darwin] - '@biomejs/cli-darwin-x64@2.1.3': - resolution: {integrity: sha512-Q/4OTw8P9No9QeowyxswcWdm0n2MsdCwWcc5NcKQQvzwPjwuPdf8dpPPf4r+x0RWKBtl1FLiAUtJvBlri6DnYw==} + '@biomejs/cli-darwin-x64@2.1.4': + resolution: {integrity: sha512-gOEICJbTCy6iruBywBDcG4X5rHMbqCPs3clh3UQ+hRKlgvJTk4NHWQAyHOXvaLe+AxD1/TNX1jbZeffBJzcrOw==} engines: {node: '>=14.21.3'} cpu: [x64] os: [darwin] - '@biomejs/cli-linux-arm64-musl@2.1.3': - resolution: {integrity: sha512-KXouFSBnoxAWZYDQrnNRzZBbt5s9UJkIm40hdvSL9mBxSSoxRFQJbtg1hP3aa8A2SnXyQHxQfpiVeJlczZt76w==} + '@biomejs/cli-linux-arm64-musl@2.1.4': + resolution: {integrity: sha512-nYr7H0CyAJPaLupFE2cH16KZmRC5Z9PEftiA2vWxk+CsFkPZQ6dBRdcC6RuS+zJlPc/JOd8xw3uCCt9Pv41WvQ==} engines: {node: '>=14.21.3'} cpu: [arm64] os: [linux] - '@biomejs/cli-linux-arm64@2.1.3': - resolution: {integrity: sha512-2hS6LgylRqMFmAZCOFwYrf77QMdUwJp49oe8PX/O8+P2yKZMSpyQTf3Eo5ewnsMFUEmYbPOskafdV1ds1MZMJA==} + '@biomejs/cli-linux-arm64@2.1.4': + resolution: {integrity: sha512-juhEkdkKR4nbUi5k/KRp1ocGPNWLgFRD4NrHZSveYrD6i98pyvuzmS9yFYgOZa5JhaVqo0HPnci0+YuzSwT2fw==} engines: {node: '>=14.21.3'} cpu: [arm64] os: [linux] - '@biomejs/cli-linux-x64-musl@2.1.3': - resolution: {integrity: sha512-KaLAxnROouzIWtl6a0Y88r/4hW5oDUJTIqQorOTVQITaKQsKjZX4XCUmHIhdEk8zMnaiLZzRTAwk1yIAl+mIew==} + '@biomejs/cli-linux-x64-musl@2.1.4': + resolution: {integrity: sha512-lvwvb2SQQHctHUKvBKptR6PLFCM7JfRjpCCrDaTmvB7EeZ5/dQJPhTYBf36BE/B4CRWR2ZiBLRYhK7hhXBCZAg==} engines: {node: '>=14.21.3'} cpu: [x64] os: [linux] - '@biomejs/cli-linux-x64@2.1.3': - resolution: {integrity: sha512-NxlSCBhLvQtWGagEztfAZ4WcE1AkMTntZV65ZvR+J9jp06+EtOYEBPQndA70ZGhHbEDG57bR6uNvqkd1WrEYVA==} + '@biomejs/cli-linux-x64@2.1.4': + resolution: {integrity: sha512-Eoy9ycbhpJVYuR+LskV9s3uyaIkp89+qqgqhGQsWnp/I02Uqg2fXFblHJOpGZR8AxdB9ADy87oFVxn9MpFKUrw==} engines: {node: '>=14.21.3'} cpu: [x64] os: [linux] - '@biomejs/cli-win32-arm64@2.1.3': - resolution: {integrity: sha512-V9CUZCtWH4u0YwyCYbQ3W5F4ZGPWp2C2TYcsiWFNNyRfmOW1j/TY/jAurl33SaRjgZPO5UUhGyr9m6BN9t84NQ==} + '@biomejs/cli-win32-arm64@2.1.4': + resolution: {integrity: sha512-3WRYte7orvyi6TRfIZkDN9Jzoogbv+gSvR+b9VOXUg1We1XrjBg6WljADeVEaKTvOcpVdH0a90TwyOQ6ue4fGw==} engines: {node: '>=14.21.3'} cpu: [arm64] os: [win32] - '@biomejs/cli-win32-x64@2.1.3': - resolution: {integrity: sha512-dxy599q6lgp8ANPpR8sDMscwdp9oOumEsVXuVCVT9N2vAho8uYXlCz53JhxX6LtJOXaE73qzgkGQ7QqvFlMC0g==} + '@biomejs/cli-win32-x64@2.1.4': + resolution: {integrity: sha512-tBc+W7anBPSFXGAoQW+f/+svkpt8/uXfRwDzN1DvnatkRMt16KIYpEi/iw8u9GahJlFv98kgHcIrSsZHZTR0sw==} engines: {node: '>=14.21.3'} cpu: [x64] os: [win32] @@ -114,8 +114,8 @@ packages: '@types/hoist-non-react-statics@3.3.5': resolution: {integrity: sha512-SbcrWzkKBw2cdwRTwQAswfpB9g9LJWfjtUeW/jvNwbhC8cpmmNYVePa+ncbUe0rGTQ7G3Ff6mYUN2VMfLVr+Sg==} - '@types/react@19.1.9': - resolution: {integrity: sha512-WmdoynAX8Stew/36uTSVMcLJJ1KRh6L3IZRx1PZ7qJtBqT3dYTgyDTx8H1qoRghErydW7xw9mSJ3wS//tCRpFA==} + '@types/react@19.1.10': + resolution: {integrity: sha512-EhBeSYX0Y6ye8pNebpKrwFJq7BoQ8J5SO6NlvNwwHjSj6adXJViPQrKlsyPw7hLBLvckEMO1yxeGdR82YBBlDg==} '@types/styled-components@5.1.34': resolution: {integrity: sha512-mmiVvwpYklFIv9E8qfxuPyIt/OuyIrn6gMOAMOFUO3WJfSrSE+sGUoa4PiZj77Ut7bKZpaa6o1fBKS/4TOEvnA==} @@ -152,8 +152,8 @@ packages: resolution: {integrity: sha512-cUvHbC2u8ouJHhG3tofQhUc0FAmM/QBcalYjiczMtFKrR77BW+eSPcPg+A9DQlhIP0UGcQ/knXxoJpBvrERXTA==} engines: {node: '>=18'} - contentful-ui-extensions-sdk@4.37.0: - resolution: {integrity: sha512-uZVKOBO5T+ZsicKhaZhWuiUJaAJxGe8cs4MLAu5Bhkzl/Wtiyv0Tp47pEabtIbix0hAepYm60qspVW+i7rOxRA==} + contentful-ui-extensions-sdk@4.41.0: + resolution: {integrity: sha512-0aLuDXPSMAfA3NkSUKb0Eo4sGpYcNnD/gXyJx7knkNJ5Q4v5wiUo66c+WCNOwUmC2GJPHrL5I1vazqmNIAo9Ww==} css-color-keywords@1.0.0: resolution: {integrity: sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==} @@ -360,39 +360,39 @@ packages: snapshots: - '@biomejs/biome@2.1.3': + '@biomejs/biome@2.1.4': optionalDependencies: - '@biomejs/cli-darwin-arm64': 2.1.3 - '@biomejs/cli-darwin-x64': 2.1.3 - '@biomejs/cli-linux-arm64': 2.1.3 - '@biomejs/cli-linux-arm64-musl': 2.1.3 - '@biomejs/cli-linux-x64': 2.1.3 - '@biomejs/cli-linux-x64-musl': 2.1.3 - '@biomejs/cli-win32-arm64': 2.1.3 - '@biomejs/cli-win32-x64': 2.1.3 + '@biomejs/cli-darwin-arm64': 2.1.4 + '@biomejs/cli-darwin-x64': 2.1.4 + '@biomejs/cli-linux-arm64': 2.1.4 + '@biomejs/cli-linux-arm64-musl': 2.1.4 + '@biomejs/cli-linux-x64': 2.1.4 + '@biomejs/cli-linux-x64-musl': 2.1.4 + '@biomejs/cli-win32-arm64': 2.1.4 + '@biomejs/cli-win32-x64': 2.1.4 - '@biomejs/cli-darwin-arm64@2.1.3': + '@biomejs/cli-darwin-arm64@2.1.4': optional: true - '@biomejs/cli-darwin-x64@2.1.3': + '@biomejs/cli-darwin-x64@2.1.4': optional: true - '@biomejs/cli-linux-arm64-musl@2.1.3': + '@biomejs/cli-linux-arm64-musl@2.1.4': optional: true - '@biomejs/cli-linux-arm64@2.1.3': + '@biomejs/cli-linux-arm64@2.1.4': optional: true - '@biomejs/cli-linux-x64-musl@2.1.3': + '@biomejs/cli-linux-x64-musl@2.1.4': optional: true - '@biomejs/cli-linux-x64@2.1.3': + '@biomejs/cli-linux-x64@2.1.4': optional: true - '@biomejs/cli-win32-arm64@2.1.3': + '@biomejs/cli-win32-arm64@2.1.4': optional: true - '@biomejs/cli-win32-x64@2.1.3': + '@biomejs/cli-win32-x64@2.1.4': optional: true '@contentful/rich-text-types@16.8.5': {} @@ -413,17 +413,17 @@ snapshots: '@types/hoist-non-react-statics@3.3.5': dependencies: - '@types/react': 19.1.9 + '@types/react': 19.1.10 hoist-non-react-statics: 3.3.2 - '@types/react@19.1.9': + '@types/react@19.1.10': dependencies: csstype: 3.1.3 '@types/styled-components@5.1.34': dependencies: '@types/hoist-non-react-statics': 3.3.5 - '@types/react': 19.1.9 + '@types/react': 19.1.10 csstype: 3.1.3 '@types/stylis@4.2.5': @@ -476,7 +476,7 @@ snapshots: optionalDependencies: '@rollup/rollup-linux-x64-gnu': 4.46.1 - contentful-ui-extensions-sdk@4.37.0: + contentful-ui-extensions-sdk@4.41.0: dependencies: contentful-management: 11.54.4 transitivePeerDependencies: diff --git a/tsconfig.json b/tsconfig.json index e588b94..0a8ca7b 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -4,11 +4,7 @@ "forceConsistentCasingInFileNames": true, "removeComments": true, "target": "es5", - "lib": [ - "dom", - "dom.iterable", - "esnext" - ], + "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "noEmit": false, @@ -23,12 +19,8 @@ "declaration": true, "incremental": true, "tsBuildInfoFile": "./tsconfig.tsbuildinfo", - "composite": true, + "composite": true }, - "exclude": [ - "node_modules" - ], - "include": [ - "src" - ] -} \ No newline at end of file + "exclude": ["node_modules"], + "include": ["src"] +}