@redhat-cloud-services/hcc-storybook-hub 0.1.0

package/dist/mocks/kesselAccessCheck.d.mts

@@ -0,0 +1,49 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+interface Resource {
+    id: string;
+    type: string;
+    reporter?: {
+        type: string;
+    };
+    relation?: string;
+}
+interface AccessCheckResult {
+    resource: Resource;
+    allowed: boolean;
+    relation: string;
+}
+type SingleParams = {
+    relation: string;
+    resource: Resource;
+};
+type BulkWithTopRelation = {
+    relation: string;
+    resources: Resource[];
+};
+type BulkWithPerResourceRelation = {
+    resources: (Resource & {
+        relation: string;
+    })[];
+};
+type UseSelfAccessCheckOptions = SingleParams | BulkWithTopRelation | BulkWithPerResourceRelation;
+declare const useSelfAccessCheck: (params: UseSelfAccessCheckOptions) => {
+    data: {
+        resource: Resource;
+        allowed: boolean;
+    };
+    loading: boolean;
+} | {
+    data: AccessCheckResult[];
+    loading: boolean;
+};
+declare const AccessCheck: {
+    Provider: ({ children }: {
+        children: React.ReactNode;
+        baseUrl?: string;
+        apiPath?: string;
+    }) => react_jsx_runtime.JSX.Element;
+};
+
+export { AccessCheck, useSelfAccessCheck };

package/dist/mocks/kesselAccessCheck.d.ts

@@ -0,0 +1,49 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+interface Resource {
+    id: string;
+    type: string;
+    reporter?: {
+        type: string;
+    };
+    relation?: string;
+}
+interface AccessCheckResult {
+    resource: Resource;
+    allowed: boolean;
+    relation: string;
+}
+type SingleParams = {
+    relation: string;
+    resource: Resource;
+};
+type BulkWithTopRelation = {
+    relation: string;
+    resources: Resource[];
+};
+type BulkWithPerResourceRelation = {
+    resources: (Resource & {
+        relation: string;
+    })[];
+};
+type UseSelfAccessCheckOptions = SingleParams | BulkWithTopRelation | BulkWithPerResourceRelation;
+declare const useSelfAccessCheck: (params: UseSelfAccessCheckOptions) => {
+    data: {
+        resource: Resource;
+        allowed: boolean;
+    };
+    loading: boolean;
+} | {
+    data: AccessCheckResult[];
+    loading: boolean;
+};
+declare const AccessCheck: {
+    Provider: ({ children }: {
+        children: React.ReactNode;
+        baseUrl?: string;
+        apiPath?: string;
+    }) => react_jsx_runtime.JSX.Element;
+};
+
+export { AccessCheck, useSelfAccessCheck };

package/dist/mocks/kesselAccessCheck.js

@@ -0,0 +1,60 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkKVKMLDB5js = require('../chunk-KVKMLDB5.js');
+
+// lib/mocks/kesselAccessCheck.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function checkTenantPermission(relation, tenantPerms) {
+  return _nullishCoalesce(tenantPerms[relation], () => ( false));
+}
+function checkWorkspacePermission(relation, resourceId, wsPerms) {
+  const wsRelMap = {
+    rbac_workspace_view: "view",
+    rbac_workspace_edit: "edit",
+    rbac_workspace_create: "create",
+    rbac_workspace_delete: "delete",
+    rbac_workspace_move: "move",
+    rbac_workspaces_role_binding_view: "view",
+    rbac_workspaces_role_binding_grant: "edit",
+    rbac_workspaces_role_binding_revoke: "edit",
+    rbac_workspaces_role_binding_update: "edit",
+    view: "view",
+    edit: "edit",
+    create: "create",
+    delete: "delete",
+    move: "move"
+  };
+  const key = wsRelMap[relation];
+  if (!key) return false;
+  return _nullishCoalesce(_optionalChain([wsPerms, 'access', _ => _[key], 'optionalAccess', _2 => _2.includes, 'call', _3 => _3(resourceId)]), () => ( false));
+}
+var useSelfAccessCheck = (params) => {
+  const mock = _chunkKVKMLDB5js.useMockState.call(void 0, );
+  const mockRef = _react.useRef.call(void 0, mock);
+  mockRef.current = mock;
+  const resolvePermission = (relation, resource) => {
+    if (resource.type === "tenant") return checkTenantPermission(relation, mockRef.current.tenantPermissions);
+    return checkWorkspacePermission(relation, resource.id, mockRef.current.workspacePermissions);
+  };
+  if ("resource" in params && !("resources" in params)) {
+    const { relation, resource } = params;
+    const allowed = resolvePermission(relation, resource);
+    return { data: { resource, allowed }, loading: false };
+  }
+  const rawResources = params.resources;
+  const topRelation = "relation" in params ? params.relation : void 0;
+  const data = rawResources.map((resource) => {
+    const relation = _nullishCoalesce(_nullishCoalesce(resource.relation, () => ( topRelation)), () => ( ""));
+    const allowed = resolvePermission(relation, resource);
+    return { resource, allowed, relation };
+  });
+  return { data, loading: false };
+};
+var AccessCheck = {
+  Provider: ({ children }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children })
+};
+
+
+
+exports.AccessCheck = AccessCheck; exports.useSelfAccessCheck = useSelfAccessCheck;

package/dist/mocks/kesselAccessCheck.mjs

@@ -0,0 +1,60 @@
+import {
+  useMockState
+} from "../chunk-UCQY2VRL.mjs";
+
+// lib/mocks/kesselAccessCheck.tsx
+import { useRef } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+function checkTenantPermission(relation, tenantPerms) {
+  return tenantPerms[relation] ?? false;
+}
+function checkWorkspacePermission(relation, resourceId, wsPerms) {
+  const wsRelMap = {
+    rbac_workspace_view: "view",
+    rbac_workspace_edit: "edit",
+    rbac_workspace_create: "create",
+    rbac_workspace_delete: "delete",
+    rbac_workspace_move: "move",
+    rbac_workspaces_role_binding_view: "view",
+    rbac_workspaces_role_binding_grant: "edit",
+    rbac_workspaces_role_binding_revoke: "edit",
+    rbac_workspaces_role_binding_update: "edit",
+    view: "view",
+    edit: "edit",
+    create: "create",
+    delete: "delete",
+    move: "move"
+  };
+  const key = wsRelMap[relation];
+  if (!key) return false;
+  return wsPerms[key]?.includes(resourceId) ?? false;
+}
+var useSelfAccessCheck = (params) => {
+  const mock = useMockState();
+  const mockRef = useRef(mock);
+  mockRef.current = mock;
+  const resolvePermission = (relation, resource) => {
+    if (resource.type === "tenant") return checkTenantPermission(relation, mockRef.current.tenantPermissions);
+    return checkWorkspacePermission(relation, resource.id, mockRef.current.workspacePermissions);
+  };
+  if ("resource" in params && !("resources" in params)) {
+    const { relation, resource } = params;
+    const allowed = resolvePermission(relation, resource);
+    return { data: { resource, allowed }, loading: false };
+  }
+  const rawResources = params.resources;
+  const topRelation = "relation" in params ? params.relation : void 0;
+  const data = rawResources.map((resource) => {
+    const relation = resource.relation ?? topRelation ?? "";
+    const allowed = resolvePermission(relation, resource);
+    return { resource, allowed, relation };
+  });
+  return { data, loading: false };
+};
+var AccessCheck = {
+  Provider: ({ children }) => /* @__PURE__ */ jsx(Fragment, { children })
+};
+export {
+  AccessCheck,
+  useSelfAccessCheck
+};

package/dist/mocks/unleash.d.mts

@@ -0,0 +1,18 @@
+export { b as FlagProvider, b as IFlagProvider } from '../FeatureFlagsProvider-C_Xxe83Z.mjs';
+import 'react';
+
+declare const useFlag: (flagName: string) => boolean;
+declare const UnleashClient: {
+    new (): {};
+};
+declare const useUnleashContext: () => {};
+declare const useVariant: () => {
+    name: string;
+    enabled: boolean;
+};
+declare const useFlagsStatus: () => {
+    flagsReady: boolean;
+    flagsError: boolean;
+};
+
+export { UnleashClient, useFlag, useFlagsStatus, useUnleashContext, useVariant };

package/dist/mocks/unleash.d.ts

@@ -0,0 +1,18 @@
+export { b as FlagProvider, b as IFlagProvider } from '../FeatureFlagsProvider-C_Xxe83Z.js';
+import 'react';
+
+declare const useFlag: (flagName: string) => boolean;
+declare const UnleashClient: {
+    new (): {};
+};
+declare const useUnleashContext: () => {};
+declare const useVariant: () => {
+    name: string;
+    enabled: boolean;
+};
+declare const useFlagsStatus: () => {
+    flagsReady: boolean;
+    flagsError: boolean;
+};
+
+export { UnleashClient, useFlag, useFlagsStatus, useUnleashContext, useVariant };

package/dist/mocks/unleash.js

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkNXYQ66I7js = require('../chunk-NXYQ66I7.js');
+
+// lib/mocks/unleash.ts
+var _react = require('react');
+var useFlag = (flagName) => {
+  const flags = _react.useContext.call(void 0, _chunkNXYQ66I7js.FeatureFlagsContext);
+  return flags[flagName] || false;
+};
+var UnleashClient = class {
+};
+var useUnleashContext = () => ({});
+var useVariant = () => ({ name: "disabled", enabled: false });
+var useFlagsStatus = () => ({ flagsReady: true, flagsError: false });
+
+
+
+
+
+
+
+
+exports.FlagProvider = _chunkNXYQ66I7js.FeatureFlagsProvider; exports.IFlagProvider = _chunkNXYQ66I7js.FeatureFlagsProvider; exports.UnleashClient = UnleashClient; exports.useFlag = useFlag; exports.useFlagsStatus = useFlagsStatus; exports.useUnleashContext = useUnleashContext; exports.useVariant = useVariant;

package/dist/mocks/unleash.mjs

@@ -0,0 +1,25 @@
+import {
+  FeatureFlagsContext,
+  FeatureFlagsProvider
+} from "../chunk-WZJQMQID.mjs";
+
+// lib/mocks/unleash.ts
+import { useContext } from "react";
+var useFlag = (flagName) => {
+  const flags = useContext(FeatureFlagsContext);
+  return flags[flagName] || false;
+};
+var UnleashClient = class {
+};
+var useUnleashContext = () => ({});
+var useVariant = () => ({ name: "disabled", enabled: false });
+var useFlagsStatus = () => ({ flagsReady: true, flagsError: false });
+export {
+  FeatureFlagsProvider as FlagProvider,
+  FeatureFlagsProvider as IFlagProvider,
+  UnleashClient,
+  useFlag,
+  useFlagsStatus,
+  useUnleashContext,
+  useVariant
+};

package/dist/mocks/useChrome.d.mts

@@ -0,0 +1,13 @@
+import * as _vitest_spy from '@vitest/spy';
+import React from 'react';
+
+declare const chromeAppNavClickSpy: _vitest_spy.Mock<(...args: any[]) => any>;
+interface ChromeConfig {
+    bundle?: string;
+    app?: string;
+    quickStartsCatalog?: React.FC;
+}
+declare function configureChromeMock(config: ChromeConfig): void;
+declare function useChrome(): any;
+
+export { chromeAppNavClickSpy, configureChromeMock, useChrome as default, useChrome };

package/dist/mocks/useChrome.d.ts

@@ -0,0 +1,13 @@
+import * as _vitest_spy from '@vitest/spy';
+import React from 'react';
+
+declare const chromeAppNavClickSpy: _vitest_spy.Mock<(...args: any[]) => any>;
+interface ChromeConfig {
+    bundle?: string;
+    app?: string;
+    quickStartsCatalog?: React.FC;
+}
+declare function configureChromeMock(config: ChromeConfig): void;
+declare function useChrome(): any;
+
+export { chromeAppNavClickSpy, configureChromeMock, useChrome as default, useChrome };

package/dist/mocks/useChrome.js

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+var _chunkYTIDUO5Ejs = require('../chunk-YTIDUO5E.js');
+require('../chunk-KVKMLDB5.js');
+
+
+
+
+
+exports.chromeAppNavClickSpy = _chunkYTIDUO5Ejs.chromeAppNavClickSpy; exports.configureChromeMock = _chunkYTIDUO5Ejs.configureChromeMock; exports.default = _chunkYTIDUO5Ejs.useChrome; exports.useChrome = _chunkYTIDUO5Ejs.useChrome;

package/dist/mocks/useChrome.mjs

@@ -0,0 +1,12 @@
+import {
+  chromeAppNavClickSpy,
+  configureChromeMock,
+  useChrome
+} from "../chunk-EPJ4YIIZ.mjs";
+import "../chunk-UCQY2VRL.mjs";
+export {
+  chromeAppNavClickSpy,
+  configureChromeMock,
+  useChrome as default,
+  useChrome
+};

package/lib/css/storybook.css

@@ -0,0 +1,295 @@
+/* Custom Storybook Styling */
+
+/* Container improvements */
+.storybook-container {
+  padding: 1rem;
+  min-height: 100vh;
+  box-sizing: border-box;
+}
+
+/* Documentation improvements */
+.docs-story {
+  background: #ffffff;
+  border-radius: 8px;
+  padding: 2rem;
+  margin: 1rem 0;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  border: 1px solid #e8e8e8;
+}
+
+/* Enhanced code blocks */
+.docblock-code-toggle {
+  background: #f8f9fa;
+  border: 1px solid #e9ecef;
+  border-radius: 6px;
+  margin: 1rem 0;
+}
+
+.prismjs {
+  background: #f8f9fa !important;
+  border-radius: 6px;
+  border: 1px solid #e9ecef;
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
+
+/* Story canvas improvements */
+.docs-story > div {
+  background: transparent;
+}
+
+/* Controls panel styling */
+.sidebar-item {
+  border-radius: 4px;
+  margin-bottom: 2px;
+}
+
+/* Better typography in docs */
+.sbdocs-content h1 {
+  color: #151515;
+  font-weight: 600;
+  margin-bottom: 1rem;
+  border-bottom: 2px solid #0066cc;
+  padding-bottom: 0.5rem;
+}
+
+.sbdocs-content h2 {
+  color: #333;
+  font-weight: 500;
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+  border-left: 4px solid #0066cc;
+  padding-left: 1rem;
+}
+
+.sbdocs-content h3 {
+  color: #444;
+  font-weight: 500;
+  margin-top: 1.5rem;
+  margin-bottom: 0.75rem;
+}
+
+/* Enhanced table styling */
+.docblock-argstable {
+  border: 1px solid #e8e8e8;
+  border-radius: 8px;
+  overflow: hidden;
+  margin: 1rem 0;
+}
+
+.docblock-argstable-head {
+  background: #f8f9fa;
+  font-weight: 600;
+}
+
+.docblock-argstable-body .docblock-argstable-row {
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.docblock-argstable-body .docblock-argstable-row:hover {
+  background: #fafafa;
+}
+
+/* Story preview improvements */
+.sb-show-main {
+  background: #ffffff;
+}
+
+/* Sidebar improvements */
+.sidebar-container {
+  background: #fafafa;
+  border-right: 1px solid #e8e8e8;
+}
+
+.sidebar-item[data-selected="true"] {
+  background: #e3f2fd;
+  color: #0066cc;
+  font-weight: 500;
+}
+
+/* Toolbar improvements */
+.sb-bar {
+  background: #ffffff;
+  border-bottom: 1px solid #e8e8e8;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+/* Controls improvements */
+.docblock-argstable-category {
+  background: #f0f8ff;
+  color: #0066cc;
+  font-weight: 600;
+  text-transform: uppercase;
+  font-size: 0.75rem;
+  letter-spacing: 0.5px;
+}
+
+/* Badge styling for component status */
+.component-badge {
+  display: inline-block;
+  padding: 0.25rem 0.5rem;
+  border-radius: 12px;
+  font-size: 0.75rem;
+  font-weight: 500;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+.component-badge--stable {
+  background: #d4edda;
+  color: #155724;
+}
+
+.component-badge--beta {
+  background: #fff3cd;
+  color: #856404;
+}
+
+.component-badge--deprecated {
+  background: #f8d7da;
+  color: #721c24;
+}
+
+/* Enhanced spacing for better readability */
+.sbdocs-content > * + * {
+  margin-top: 1.5rem;
+}
+
+.sbdocs-content ul, .sbdocs-content ol {
+  padding-left: 2rem;
+}
+
+.sbdocs-content li {
+  margin-bottom: 0.5rem;
+  line-height: 1.6;
+}
+
+/* Code inline styling */
+.sbdocs-content code:not([class]) {
+  background: #f8f9fa;
+  color: #e83e8c;
+  padding: 0.2rem 0.4rem;
+  border-radius: 4px;
+  font-size: 0.875em;
+  border: 1px solid #e9ecef;
+}
+
+/* Blockquote styling */
+.sbdocs-content blockquote {
+  border-left: 4px solid #0066cc;
+  padding-left: 1rem;
+  margin: 1.5rem 0;
+  color: #666;
+  font-style: italic;
+  background: #f8f9fa;
+  padding: 1rem;
+  border-radius: 0 4px 4px 0;
+}
+
+/* Link styling */
+.sbdocs-content a {
+  color: #0066cc;
+  text-decoration: none;
+  border-bottom: 1px solid transparent;
+  transition: border-color 0.2s ease;
+}
+
+.sbdocs-content a:hover {
+  border-bottom-color: #0066cc;
+}
+
+/* Responsive improvements */
+@media (max-width: 768px) {
+  .storybook-container {
+    padding: 0.5rem;
+  }
+  
+  .docs-story {
+    padding: 1rem;
+    margin: 0.5rem 0;
+  }
+  
+  .sbdocs-content h1 {
+    font-size: 1.5rem;
+  }
+  
+  .sbdocs-content h2 {
+    font-size: 1.25rem;
+    margin-top: 1.5rem;
+  }
+}
+
+/* Dark mode support */
+@media (prefers-color-scheme: dark) {
+  .docs-story {
+    background: #1a1a1a;
+    border-color: #333;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+  }
+  
+  .sbdocs-content h1,
+  .sbdocs-content h2,
+  .sbdocs-content h3 {
+    color: #ffffff;
+  }
+  
+  .docblock-argstable {
+    border-color: #333;
+  }
+  
+  .docblock-argstable-head {
+    background: #2a2a2a;
+    color: #ffffff;
+  }
+  
+  .docblock-argstable-body .docblock-argstable-row:hover {
+    background: #2a2a2a;
+  }
+  
+  .prismjs {
+    background: #1a1a1a !important;
+    border-color: #333;
+  }
+  
+  .sbdocs-content code:not([class]) {
+    background: #2a2a2a;
+    color: #ff6b6b;
+    border-color: #333;
+  }
+  
+  .sbdocs-content blockquote {
+    background: #2a2a2a;
+    color: #ccc;
+    border-left-color: #0088ff;
+  }
+}
+
+/* Animation improvements */
+.sidebar-item,
+.docblock-argstable-body .docblock-argstable-row,
+.sbdocs-content a,
+.component-badge {
+  transition: all 0.2s ease;
+}
+
+/* Focus improvements for accessibility */
+.sidebar-item:focus,
+.docblock-argstable button:focus,
+.sbdocs-content a:focus {
+  outline: 2px solid #0088ff;
+  outline-offset: 2px;
+}
+
+/* Print styles */
+@media print {
+  .sb-bar,
+  .sidebar-container {
+    display: none !important;
+  }
+  
+  .docs-story {
+    box-shadow: none;
+    border: 1px solid #ccc;
+    break-inside: avoid;
+  }
+}