@squiz/resource-browser 1.35.1-alpha.6 → 1.38.1-alpha.1

package/lib/Icons/MatrixResources/Pdf.js

@@ -1,31 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-/**
- * Renders the Pdf icon
- * @param {React.SVGProps<SVGSVGElement>} props - The props for the Pdf component
- * @returns {JSX.Element} - The Pdf component
- * @example
- * <Pdf />
- * @example
- * <Pdf height={24} width={24} />
- * @example
- * <Pdf className="custom-class" />
- */
-function Pdf({ isDecorative, ...props }) {
-    return (react_1.default.createElement("svg", { fill: "none", height: "24", viewBox: "0 0 24 24", width: "24", xmlns: "http://www.w3.org/2000/svg", ...props },
-        react_1.default.createElement("path", { d: "m15.9393 3.23223-.3515.35154.3515-.35154c-.4688-.46884-1.1047-.73223-1.7677-.73223h-8.1716c-.82843 0-1.5.67157-1.5 1.5v16c0 .8284.67157 1.5 1.5 1.5h12c.8284 0 1.5-.6716 1.5-1.5v-12.17157c0-.66304-.2634-1.29893-.7322-1.76777z", fill: "#f6d2d1", stroke: "#e88483" }),
-        react_1.default.createElement("path", { d: "m14.5 3v3.5c0 .55228.4477 1 1 1h3.5", stroke: "#e88483" }),
-        react_1.default.createElement("rect", { fill: "#d72321", height: "9", rx: "2", width: "17", y: "11" }),
-        react_1.default.createElement("rect", { fill: "#d72321", height: "7", rx: "1", width: "13", x: "2", y: "12" }),
-        react_1.default.createElement("g", { stroke: "#fff", strokeLinecap: "round" },
-            react_1.default.createElement("path", { d: "m3.5 17.5v-2m0 0v-1.8c0-.1105.08954-.2.2-.2h1c.55228 0 1 .4477 1 1 0 .5523-.44772 1-1 1z" }),
-            react_1.default.createElement("path", { d: "m7.5 17.3v-3.6c0-.1105.08954-.2.2-.2h.3c.82843 0 1.5.6716 1.5 1.5v1c0 .8284-.67157 1.5-1.5 1.5h-.3c-.11046 0-.2-.0895-.2-.2z" }),
-            react_1.default.createElement("path", { d: "m11.5 17.5v-3.8c0-.1105.0895-.2.2-.2h1.8" }),
-            react_1.default.createElement("path", { d: "m11.5 15.5h1" })),
-        !isDecorative && react_1.default.createElement("title", null, "pdf file icon")));
-}
-exports.default = Pdf;

package/lib/Icons/MatrixResources/Powerpoint.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-/**
- * Renders the Powerpoint icon
- * @param {React.SVGProps<SVGSVGElement>} props - The props for the Powerpoint component
- * @returns {JSX.Element} - The Powerpoint component
- * @example
- * <Powerpoint />
- * @example
- * <Powerpoint height={24} width={24} />
- * @example
- * <Powerpoint className="custom-class" />
- */
-export default function Powerpoint({ isDecorative, ...props }: {
-    isDecorative: boolean;
-} & React.SVGProps<SVGSVGElement>): JSX.Element;

package/lib/Icons/MatrixResources/Powerpoint.js

@@ -1,28 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-/**
- * Renders the Powerpoint icon
- * @param {React.SVGProps<SVGSVGElement>} props - The props for the Powerpoint component
- * @returns {JSX.Element} - The Powerpoint component
- * @example
- * <Powerpoint />
- * @example
- * <Powerpoint height={24} width={24} />
- * @example
- * <Powerpoint className="custom-class" />
- */
-function Powerpoint({ isDecorative, ...props }) {
-    return (react_1.default.createElement("svg", { fill: "none", height: "24", viewBox: "0 0 24 24", width: "24", xmlns: "http://www.w3.org/2000/svg", ...props },
-        react_1.default.createElement("path", { d: "m15.9393 3.23223-.3515.35154.3515-.35154c-.4688-.46884-1.1047-.73223-1.7677-.73223h-8.1716c-.82843 0-1.5.67157-1.5 1.5v16c0 .8284.67157 1.5 1.5 1.5h12c.8284 0 1.5-.6716 1.5-1.5v-12.17157c0-.66304-.2634-1.29893-.7322-1.76777z", fill: "#e7e7e7", stroke: "#bcbcbc" }),
-        react_1.default.createElement("path", { d: "m14.5 3v3.5c0 .55228.4477 1 1 1h3.5", stroke: "#bcbcbc" }),
-        react_1.default.createElement("rect", { fill: "#e96900", height: "12", rx: "2", width: "12", y: "8" }),
-        react_1.default.createElement("g", { stroke: "#fff", strokeLinecap: "round" },
-            react_1.default.createElement("path", { d: "m3.5 11.5v5" }),
-            react_1.default.createElement("path", { d: "m3.5 11.5h3.5c.33333 0 1.5 0 1.5 1.5s-1.16667 1.5-1.5 1.5h-3" })),
-        !isDecorative && react_1.default.createElement("title", null, "powerpoint doc icon")));
-}
-exports.default = Powerpoint;

package/lib/Icons/MatrixResources/Site.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-/**
- * Renders the Site icon
- * @param {React.SVGProps<SVGSVGElement>} props - The props for the Site component
- * @returns {JSX.Element} - The Site component
- * @example
- * <Site />
- * @example
- * <Site height={24} width={24} />
- * @example
- * <Site className="custom-class" />
- */
-export default function Site({ isDecorative, ...props }: {
-    isDecorative: boolean;
-} & React.SVGProps<SVGSVGElement>): JSX.Element;

package/lib/Icons/MatrixResources/Site.js

@@ -1,30 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-/**
- * Renders the Site icon
- * @param {React.SVGProps<SVGSVGElement>} props - The props for the Site component
- * @returns {JSX.Element} - The Site component
- * @example
- * <Site />
- * @example
- * <Site height={24} width={24} />
- * @example
- * <Site className="custom-class" />
- */
-function Site({ isDecorative, ...props }) {
-    return (react_1.default.createElement("svg", { fill: "none", height: "24", viewBox: "0 0 24 24", width: "24", xmlns: "http://www.w3.org/2000/svg", ...props },
-        react_1.default.createElement("circle", { cx: "12", cy: "12", fill: "#cce2f5", r: "10.5", stroke: "#7db4e3" }),
-        react_1.default.createElement("path", { d: "m19.5 12c0 2.9434-.8684 5.5878-2.2475 7.4841-1.3795 1.8968-3.2427 3.0159-5.2525 3.0159-2.00976 0-3.87299-1.1191-5.25249-3.0159-1.37913-1.8963-2.24751-4.5407-2.24751-7.4841 0-2.94337.86838-5.58777 2.24751-7.48409 1.3795-1.8968 3.24273-3.01591 5.25249-3.01591 2.0098 0 3.873 1.11911 5.2525 3.01591 1.3791 1.89632 2.2475 4.54072 2.2475 7.48409z", fill: "#cce2f5", stroke: "#7db4e3" }),
-        react_1.default.createElement("path", { d: "m14.5 12c0 3.0063-.3329 5.7099-.8611 7.6466-.265.9719-.5718 1.7223-.8914 2.218-.334.5181-.5981.6354-.7475.6354s-.4135-.1173-.7475-.6354c-.3196-.4957-.6264-1.2461-.8914-2.218-.52822-1.9367-.8611-4.6403-.8611-7.6466 0-3.00626.33288-5.70993.8611-7.64662.265-.97192.5718-1.72231.8914-2.21799.334-.51806.5981-.63539.7475-.63539s.4135.11733.7475.63539c.3196.49568.6264 1.24607.8914 2.21799.5282 1.93669.8611 4.64036.8611 7.64662z", fill: "#cce2f5", stroke: "#7db4e3" }),
-        react_1.default.createElement("g", { fill: "#7db4e3" },
-            react_1.default.createElement("path", { d: "m2 14h20v1h-20z" }),
-            react_1.default.createElement("path", { d: "m2 9h20v1h-20z" }),
-            react_1.default.createElement("path", { d: "m5 4 2.5-1-.5 1h10l-.5-1 2.5 1 .5 1h-15z" }),
-            react_1.default.createElement("path", { d: "m4 19h16l-.5 1-3 1 .5-1h-10l.5 1-3-1z" })),
-        !isDecorative && react_1.default.createElement("title", null, "site icon")));
-}
-exports.default = Site;

package/lib/Icons/MatrixResources/Video.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-/**
- * Renders the Video icon
- * @param {React.SVGProps<SVGSVGElement>} props - The props for the Video component
- * @returns {JSX.Element} - The Video component
- * @example
- * <Video />
- * @example
- * <Video height={24} width={24} />
- * @example
- * <Video className="custom-class" />
- */
-export default function Video({ isDecorative, ...props }: {
-    isDecorative: boolean;
-} & React.SVGProps<SVGSVGElement>): JSX.Element;

package/lib/Icons/MatrixResources/Video.js

@@ -1,24 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-/**
- * Renders the Video icon
- * @param {React.SVGProps<SVGSVGElement>} props - The props for the Video component
- * @returns {JSX.Element} - The Video component
- * @example
- * <Video />
- * @example
- * <Video height={24} width={24} />
- * @example
- * <Video className="custom-class" />
- */
-function Video({ isDecorative, ...props }) {
-    return (react_1.default.createElement("svg", { fill: "none", height: "24", viewBox: "0 0 24 24", width: "24", xmlns: "http://www.w3.org/2000/svg", ...props },
-        react_1.default.createElement("rect", { fill: "#e0d9ef", height: "15", rx: "1.5", stroke: "#ac98d5", width: "21", x: "1.5", y: "4.5" }),
-        react_1.default.createElement("path", { d: "m9.5 15.2516v-6.50318c0-.38671.42019-.62704.7535-.43097l5.5277 3.25155c.3287.1934.3287.6686 0 .862l-5.5277 3.2516c-.33331.196-.7535-.0443-.7535-.431z", fill: "#ac98d5", stroke: "#6b47b4", strokeLinecap: "round" }),
-        !isDecorative && react_1.default.createElement("title", null, "video file icon")));
-}
-exports.default = Video;

package/lib/Icons/MatrixResources/Word.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-/**
- * Renders the Word icon
- * @param {React.SVGProps<SVGSVGElement>} props - The props for the Word component
- * @returns {JSX.Element} - The Word component
- * @example
- * <Word />
- * @example
- * <Word isDecorative={false} />
- * @example
- * <Word height={24} width={24} />
- * @example
- * <Word className="custom-class" />
- */
-export default function Word({ isDecorative, ...props }: {
-    isDecorative: boolean;
-} & React.SVGProps<SVGSVGElement>): JSX.Element;

package/lib/Icons/MatrixResources/Word.js

@@ -1,28 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-/**
- * Renders the Word icon
- * @param {React.SVGProps<SVGSVGElement>} props - The props for the Word component
- * @returns {JSX.Element} - The Word component
- * @example
- * <Word />
- * @example
- * <Word isDecorative={false} />
- * @example
- * <Word height={24} width={24} />
- * @example
- * <Word className="custom-class" />
- */
-function Word({ isDecorative, ...props }) {
-    return (react_1.default.createElement("svg", { fill: "none", height: "24", viewBox: "0 0 24 24", width: "24", xmlns: "http://www.w3.org/2000/svg", ...props },
-        react_1.default.createElement("path", { d: "m15.9393 3.23223-.3515.35154.3515-.35154c-.4688-.46884-1.1047-.73223-1.7677-.73223h-8.1716c-.82843 0-1.5.67157-1.5 1.5v16c0 .8284.67157 1.5 1.5 1.5h12c.8284 0 1.5-.6716 1.5-1.5v-12.17157c0-.66304-.2634-1.29893-.7322-1.76777z", fill: "#e7e7e7", stroke: "#bcbcbc" }),
-        react_1.default.createElement("path", { d: "m14.5 3v3.5c0 .55228.4477 1 1 1h3.5", stroke: "#bcbcbc" }),
-        react_1.default.createElement("rect", { fill: "#0774d2", height: "12", rx: "2", width: "12", y: "8" }),
-        react_1.default.createElement("path", { d: "m2.5 11.5 1.5 5 2-5 2 5 1.5-5", stroke: "#fff", strokeLinecap: "round", strokeLinejoin: "round" }),
-        !isDecorative && react_1.default.createElement("title", null, "word doc icon")));
-}
-exports.default = Word;

package/lib/Icons/MatrixResources/index.d.ts

@@ -1,11 +0,0 @@
-export { default as Audio } from './Audio';
-export { default as Excel } from './Excel';
-export { default as Folder } from './Folder';
-export { default as GenericFile } from './GenericFile';
-export { default as Image } from './Image';
-export { default as Page } from './Page';
-export { default as Pdf } from './Pdf';
-export { default as Powerpoint } from './Powerpoint';
-export { default as Site } from './Site';
-export { default as Video } from './Video';
-export { default as Word } from './Word';

package/lib/Icons/MatrixResources/index.js

@@ -1,29 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Word = exports.Video = exports.Site = exports.Powerpoint = exports.Pdf = exports.Page = exports.Image = exports.GenericFile = exports.Folder = exports.Excel = exports.Audio = void 0;
-// Export all the icons from the MatrixResources folder
-var Audio_1 = require("./Audio");
-Object.defineProperty(exports, "Audio", { enumerable: true, get: function () { return __importDefault(Audio_1).default; } });
-var Excel_1 = require("./Excel");
-Object.defineProperty(exports, "Excel", { enumerable: true, get: function () { return __importDefault(Excel_1).default; } });
-var Folder_1 = require("./Folder");
-Object.defineProperty(exports, "Folder", { enumerable: true, get: function () { return __importDefault(Folder_1).default; } });
-var GenericFile_1 = require("./GenericFile");
-Object.defineProperty(exports, "GenericFile", { enumerable: true, get: function () { return __importDefault(GenericFile_1).default; } });
-var Image_1 = require("./Image");
-Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return __importDefault(Image_1).default; } });
-var Page_1 = require("./Page");
-Object.defineProperty(exports, "Page", { enumerable: true, get: function () { return __importDefault(Page_1).default; } });
-var Pdf_1 = require("./Pdf");
-Object.defineProperty(exports, "Pdf", { enumerable: true, get: function () { return __importDefault(Pdf_1).default; } });
-var Powerpoint_1 = require("./Powerpoint");
-Object.defineProperty(exports, "Powerpoint", { enumerable: true, get: function () { return __importDefault(Powerpoint_1).default; } });
-var Site_1 = require("./Site");
-Object.defineProperty(exports, "Site", { enumerable: true, get: function () { return __importDefault(Site_1).default; } });
-var Video_1 = require("./Video");
-Object.defineProperty(exports, "Video", { enumerable: true, get: function () { return __importDefault(Video_1).default; } });
-var Word_1 = require("./Word");
-Object.defineProperty(exports, "Word", { enumerable: true, get: function () { return __importDefault(Word_1).default; } });

package/lib/Modal/Modal.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { OverlayTriggerState } from 'react-stately';
-import { DOMAttributes, FocusableElement } from '@react-types/shared';
-export type ModalProps = {
-    isDismissable?: boolean;
-    state: OverlayTriggerState;
-    overlayProps: DOMAttributes<FocusableElement>;
-    children: (titleProps: DOMAttributes<FocusableElement>) => React.ReactElement;
-};
-declare function Modal({ isDismissable, state, overlayProps, children, ...props }: ModalProps): JSX.Element;
-export default Modal;

package/lib/Modal/Modal.js

@@ -1,46 +0,0 @@
-"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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_aria_1 = require("react-aria");
-/*
-  This has to be a separate element otherwise the focus trap fails. Assuming this is because it needs
-  to fit inside the 'Overlay' as a form of context.
-*/
-function ModalContent({ children, ...props }) {
-    const ref = (0, react_1.useRef)(null);
-    const { dialogProps, titleProps } = (0, react_aria_1.useDialog)(props, ref);
-    return (react_1.default.createElement("div", { ...dialogProps, ref: ref, className: "z-50 relative bg-white rounded-lg h-screen lg:h-[calc(100vh-3.5rem)] w-screen max-w-screen-lg" }, children(titleProps)));
-}
-function Modal({ isDismissable, state, overlayProps, children, ...props }) {
-    const ref = (0, react_1.useRef)(null);
-    const { modalProps, underlayProps } = (0, react_aria_1.useModalOverlay)({ isDismissable, ...props }, state, ref);
-    return (react_1.default.createElement(react_aria_1.Overlay, null,
-        react_1.default.createElement("div", { className: "squiz-rb-scope" },
-            react_1.default.createElement("div", { ...underlayProps, className: "h-full z-[9998] fixed inset-0 before:z-40 before:fixed before:inset-0 before:bg-black before:bg-opacity-25" },
-                react_1.default.createElement("div", { ...modalProps, ref: ref, className: "h-full flex items-center justify-center" },
-                    react_1.default.createElement(ModalContent, { ...overlayProps }, (titleProps) => children(titleProps)))))));
-}
-exports.default = Modal;

package/lib/Modal/ModalOpeningButton.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { AriaButtonProps } from 'react-aria';
-interface ModalOpeningButtonProps extends AriaButtonProps<'button'> {
-    className?: string;
-    children?: React.ReactNode;
-    isDisabled?: boolean;
-    title?: string;
-}
-export default function ModalOpeningButton({ className, children, title, ...props }: ModalOpeningButtonProps): JSX.Element;
-export {};

package/lib/Modal/ModalOpeningButton.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_aria_1 = require("react-aria");
-function ModalOpeningButton({ className, children, title, ...props }) {
-    const ref = react_1.default.useRef(null);
-    const { buttonProps } = (0, react_aria_1.useButton)(props, ref);
-    return (react_1.default.createElement("button", { ...buttonProps, ref: ref, className: className, title: title }, children));
-}
-exports.default = ModalOpeningButton;

package/lib/Modal/ModalTrigger.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { DOMAttributes, FocusableElement } from '@react-types/shared';
-declare function ModalTrigger({ label, showLabel, icon, isDisabled, children, ...props }: {
-    label: string;
-    showLabel?: boolean;
-    icon?: React.ReactNode;
-    isDisabled?: boolean;
-    children: (onClose: () => void, titleProps: DOMAttributes<FocusableElement>) => React.ReactElement;
-}): JSX.Element;
-export default ModalTrigger;

package/lib/Modal/ModalTrigger.js

@@ -1,25 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_aria_1 = require("react-aria");
-const react_stately_1 = require("react-stately");
-const Modal_1 = __importDefault(require("./Modal"));
-const ModalOpeningButton_1 = __importDefault(require("./ModalOpeningButton"));
-const clsx_1 = __importDefault(require("clsx"));
-function ModalTrigger({ label, showLabel, icon, isDisabled, children, ...props }) {
-    const state = (0, react_stately_1.useOverlayTriggerState)(props);
-    const { triggerProps, overlayProps } = (0, react_aria_1.useOverlayTrigger)({ type: 'dialog' }, state);
-    let ariaAttr = {};
-    if (!showLabel) {
-        ariaAttr = { ...ariaAttr, 'aria-label': label };
-    }
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(ModalOpeningButton_1.default, { type: "button", ...triggerProps, ...ariaAttr, isDisabled: isDisabled, className: (0, clsx_1.default)('flex p-1 px-1.5 rounded mr-auto text-blue-300 hover:bg-blue-100 focus:bg-blue-100 focus:outline-none', isDisabled && 'hover:bg-transparent cursor-not-allowed text-gray-600') },
-            icon,
-            showLabel && react_1.default.createElement("span", { className: "ml-1 text-sm font-semibold leading-4" }, label)),
-        state.isOpen && (react_1.default.createElement(Modal_1.default, { isDismissable: true, state: state, overlayProps: overlayProps }, (titleProps) => children(state.close, titleProps)))));
-}
-exports.default = ModalTrigger;

package/lib/PreviewPanel/PreviewModal.d.ts

@@ -1,11 +0,0 @@
-import { ReactNode } from 'react';
-import { OverlayTriggerState } from 'react-stately';
-import { DOMAttributes, FocusableElement } from '@react-types/shared';
-export type PreviewModalProps = {
-    state: OverlayTriggerState;
-    overlayProps: DOMAttributes<FocusableElement>;
-    children?: ReactNode;
-    onClose: () => void;
-};
-declare function PreviewModal({ state, overlayProps, children, onClose, ...props }: PreviewModalProps): JSX.Element;
-export default PreviewModal;

package/lib/PreviewPanel/PreviewModal.js

@@ -1,81 +0,0 @@
-"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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_aria_1 = require("react-aria");
-const Icon_1 = __importDefault(require("../Icons/Icon"));
-/*
-  This has to be a separate element otherwise the focus trap fails. Assuming this is because it needs
-  to fit inside the 'Overlay' as a form of context.
-*/
-function PreviewModalContent({ children, onClose, ...props }) {
-    const ref = (0, react_1.useRef)(null);
-    const { dialogProps, titleProps } = (0, react_aria_1.useDialog)(props, ref);
-    return (react_1.default.createElement("div", { ...dialogProps, ref: ref, className: "h-full flex flex-col" },
-        react_1.default.createElement("h3", { ...titleProps, className: "sr-only" }, "Resource Details"),
-        react_1.default.createElement("button", { type: "button", "aria-label": "Close details", onClick: onClose, className: "absolute top-3 right-3" },
-            react_1.default.createElement(Icon_1.default, { icon: 'close', className: "" })),
-        children));
-}
-// Accept a ref for the top level modal
-function PreviewModal({ state, overlayProps, children, onClose, ...props }) {
-    const modalRef = (0, react_1.useRef)(null);
-    const overlayRef = (0, react_1.useRef)(null);
-    const { modalProps, underlayProps } = (0, react_aria_1.useModalOverlay)({ isKeyboardDismissDisabled: true, ...props }, state, overlayRef);
-    // Need to handle the ESC escape hatch ourselves as we need to run onClose to deselect the current node
-    const { keyboardProps } = (0, react_aria_1.useKeyboard)({
-        onKeyDown: (e) => {
-            if (e.key === 'Escape') {
-                onClose();
-            }
-            else {
-                // Need to do this so TAB get handled up higher and cycles though the focus trap
-                e.continuePropagation();
-            }
-        },
-    });
-    (0, react_1.useEffect)(() => {
-        // Check if the click event has happened outside the modal
-        function handleClickOutside(event) {
-            if (modalRef.current && !modalRef.current.contains(event?.target)) {
-                onClose();
-            }
-        }
-        // Bind the event listener
-        document.addEventListener('mousedown', handleClickOutside);
-        return () => {
-            // Unbind the event listener on clean up
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [modalRef]);
-    return (react_1.default.createElement(react_aria_1.Overlay, null,
-        react_1.default.createElement("div", { ref: modalRef, ...underlayProps, ...keyboardProps, className: "fixed z-[9999] overflow-y-scroll bottom-0 w-full h-[50vh] bg-white border-t border-gray-300" },
-            react_1.default.createElement("div", { ref: overlayRef, ...modalProps, className: "h-full" },
-                react_1.default.createElement(PreviewModalContent, { ...overlayProps, onClose: onClose }, children)))));
-}
-exports.default = PreviewModal;

package/lib/ResourceItem/ResourceItem.d.ts

@@ -1,16 +0,0 @@
-import { DOMAttributes, FocusableElement } from '@react-types/shared';
-import { OverlayTriggerState } from 'react-stately';
-interface ResourceItem<T> {
-    item: T;
-    selected?: boolean;
-    label: string;
-    type: string;
-    childCount?: number;
-    previewModalState: OverlayTriggerState;
-    onSelect: (node: T, overlayProps: DOMAttributes<FocusableElement>) => void;
-    onDrillDown?: (node: T) => void;
-    className: string;
-    allowedTypes?: string[] | undefined;
-}
-declare const ResourceItem: <T>({ item, selected, label, type, childCount, previewModalState, onSelect, onDrillDown, className, allowedTypes, }: ResourceItem<T>) => JSX.Element;
-export default ResourceItem;

package/lib/ResourceItem/ResourceItem.js

@@ -1,28 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_aria_1 = require("react-aria");
-const Icon_1 = __importDefault(require("../Icons/Icon"));
-const ModalOpeningButton_1 = __importDefault(require("../Modal/ModalOpeningButton"));
-const ResourceItem = ({ item, selected, label, type, childCount, previewModalState, onSelect, onDrillDown, className, allowedTypes, }) => {
-    const { triggerProps, overlayProps } = (0, react_aria_1.useOverlayTrigger)({ type: 'dialog' }, previewModalState);
-    const isDisabled = allowedTypes !== undefined && !allowedTypes.includes(type);
-    const title = isDisabled ? "You can't select this item" : label;
-    return (react_1.default.createElement("li", { className: `flex items-stretch p-1 bg-white border-1 border-grey-200 min-h-[64px] ${className}` },
-        react_1.default.createElement(ModalOpeningButton_1.default, { type: "button", ...triggerProps, isDisabled: isDisabled, onPress: () => onSelect(item, overlayProps), "aria-label": childCount === undefined ? `Drill down to ${label} children` : '', className: `
-          relative grow flex items-center px-4 py-2 rounded outline-0 ${selected ? 'bg-blue-100 text-blue-400' : ''} ${childCount !== undefined && childCount > 0 ? 'mr-2' : ''} ${isDisabled ? 'font-normal text-gray-600 cursor-not-allowed' : 'hover:bg-gray-50 focus:bg-gray-50'}
-        `, title: title },
-            react_1.default.createElement(Icon_1.default, { icon: type, resourceSource: "matrix", "aria-label": type, className: `mr-4 shrink-0 ${isDisabled && 'opacity-40'}` }),
-            react_1.default.createElement("span", { className: `relative  flex items-center ${selected ? 'mr-8' : ''}` },
-                react_1.default.createElement("span", { className: "line-clamp-2 text-left break-word" }, label),
-                selected && react_1.default.createElement(Icon_1.default, { icon: 'selected', "aria-label": "selected", className: "absolute -right-8" })),
-            childCount === undefined && react_1.default.createElement(Icon_1.default, { icon: 'arrow-right', className: "absolute right-5" })),
-        childCount !== undefined && childCount > 0 && onDrillDown && (react_1.default.createElement("button", { type: "button", "aria-label": `Drill down to ${label} children`, onClick: () => onDrillDown(item), className: `relative shrink-0 flex items-center p-4 rounded outline-0 before:w-px before:h-[calc(100%-0.75rem)] before:bg-gray-200 before:absolute before:top-1.5 before:-left-1 hover:bg-gray-50 focus:bg-gray-50` },
-            react_1.default.createElement("span", { className: "ml-auto flex items-center" },
-                react_1.default.createElement("span", { className: "truncate w-14 text-right", title: String(childCount) }, childCount),
-                react_1.default.createElement(Icon_1.default, { icon: 'arrow-right', className: "ml-1" }))))));
-};
-exports.default = ResourceItem;

package/lib/ResourcePicker/ResetButton.d.ts

@@ -1,5 +0,0 @@
-export type ResetButtonProps = {
-    onClick: () => void;
-    isDisabled?: boolean;
-};
-export declare const ResetButton: ({ onClick, isDisabled }: ResetButtonProps) => JSX.Element;

package/lib/ResourcePicker/ResetButton.js

@@ -1,11 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ResetButton = void 0;
-const react_1 = __importDefault(require("react"));
-const CloseRounded_1 = __importDefault(require("@mui/icons-material/CloseRounded"));
-const ResetButton = ({ onClick, isDisabled }) => (react_1.default.createElement("button", { type: "button", "aria-label": `Remove selection`, title: `Remove selection`, className: "text-gray-500 hover:text-gray-800 focus:text-gray-800 w-6 h-6 disabled:text-gray-500 disabled:cursor-not-allowed", disabled: isDisabled, onClick: onClick },
-    react_1.default.createElement(CloseRounded_1.default, null)));
-exports.ResetButton = ResetButton;

package/lib/ResourceState/ResourceState.d.ts

@@ -1,7 +0,0 @@
-interface ResourceState {
-    state: 'error' | 'empty';
-    message?: string;
-    handleReload: () => void;
-}
-declare const ResourceState: ({ state, message, handleReload }: ResourceState) => JSX.Element;
-export default ResourceState;

package/lib/ResourceState/ResourceState.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Icon_1 = __importDefault(require("../Icons/Icon"));
-const ResourceState = function ({ state, message, handleReload }) {
-    return (react_1.default.createElement("div", { className: "flex flex-col items-center rounded-lg py-8 bg-white h-204 gap-3" },
-        react_1.default.createElement(Icon_1.default, { icon: state, "aria-hidden": true }),
-        react_1.default.createElement("span", { className: "text-md text-gray-800 font-semibold leading-5" }, state === 'empty' ? 'There are no items to display' : message),
-        react_1.default.createElement("button", { type: "button", onClick: handleReload, className: "flex flex-row items-center justify-center gap-3 bg-black bg-opacity-10 h-9 mt-3 rounded text-md font-bold text-gray-700 py-2 px-3" },
-            react_1.default.createElement(Icon_1.default, { icon: state === 'empty' ? 'back' : 'retry', "aria-hidden": true }),
-            state === 'empty' ? 'Back to source list' : 'Try again')));
-};
-exports.default = ResourceState;

package/lib/Skeleton/List/SkeletonList.d.ts

@@ -1,5 +0,0 @@
-export type SkeletonListProps = {
-    itemCount: number;
-    className?: string;
-};
-export declare const SkeletonList: ({ itemCount, className }: SkeletonListProps) => JSX.Element;

package/lib/Skeleton/List/SkeletonList.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SkeletonList = void 0;
-const react_1 = __importDefault(require("react"));
-const SkeletonListItem_1 = require("../ListItem/SkeletonListItem");
-const clsx_1 = __importDefault(require("clsx"));
-const SkeletonList = ({ itemCount = 8, className }) => (react_1.default.createElement("ul", { className: (0, clsx_1.default)(`flex flex-col px-7 my-4`, className), "aria-label": "Skeleton loader list" }, [...Array(itemCount)].map((_item, index) => {
-    return react_1.default.createElement(SkeletonListItem_1.SkeletonListItem, { key: index });
-})));
-exports.SkeletonList = SkeletonList;

package/lib/Skeleton/ListItem/SkeletonListItem.d.ts

@@ -1 +0,0 @@
-export declare const SkeletonListItem: () => JSX.Element;

package/lib/Skeleton/ListItem/SkeletonListItem.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SkeletonListItem = void 0;
-const react_1 = __importDefault(require("react"));
-const SkeletonListItem = () => (react_1.default.createElement("li", { className: "flex items-center p-1 first:mt-0 bg-white border-1 border-b-0 border-grey-200 first:rounded-t-lg last:rounded-b-lg last:border-b" },
-    react_1.default.createElement("div", { className: "animate-skeleton-pulse grid grid-cols-[24px_1fr_45px] w-full flex items-center p-4 rounded" },
-        react_1.default.createElement("span", { className: "w-6 h-6 bg-gray-200 rounded-full" }),
-        react_1.default.createElement("div", { className: "w-full d-flex flex-col mx-4" },
-            react_1.default.createElement("div", { className: "mb-1 w-3/4 h-2 bg-gray-200 rounded" }),
-            react_1.default.createElement("div", { className: "w-1/2 h-2 bg-gray-200 rounded" })),
-        react_1.default.createElement("div", { className: "ml-auto mx-4 w-12 h-2 bg-gray-200 rounded" }))));
-exports.SkeletonListItem = SkeletonListItem;

package/lib/Spinner/Spinner.d.ts

@@ -1,8 +0,0 @@
-import { ReactElement } from 'react';
-export type SpinnerProps = {
-    size?: 'sm' | 'md';
-    className?: string;
-    label?: string;
-};
-declare const Spinner: ({ size, className, label }: SpinnerProps) => ReactElement;
-export default Spinner;