@walkeros/explorer 1.0.1 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (154) hide show
  1. package/LICENSE +2 -2
  2. package/dist/{chunk-VWWAIDNX.mjs → chunk-YKT4D7MG.mjs} +201 -53
  3. package/dist/chunk-YKT4D7MG.mjs.map +1 -0
  4. package/dist/components/atoms/alert.d.ts +29 -0
  5. package/dist/components/atoms/alert.d.ts.map +1 -0
  6. package/dist/components/atoms/alert.js +19 -0
  7. package/dist/components/atoms/alert.js.map +1 -0
  8. package/dist/components/atoms/alert.stories.d.ts +7 -0
  9. package/dist/components/atoms/alert.stories.d.ts.map +1 -0
  10. package/dist/components/atoms/alert.stories.js +14 -0
  11. package/dist/components/atoms/alert.stories.js.map +1 -0
  12. package/dist/components/atoms/button.stories.d.ts +14 -0
  13. package/dist/components/atoms/button.stories.d.ts.map +1 -0
  14. package/dist/components/atoms/button.stories.js +25 -0
  15. package/dist/components/atoms/button.stories.js.map +1 -0
  16. package/dist/components/atoms/code.d.ts.map +1 -1
  17. package/dist/components/atoms/code.js +14 -2
  18. package/dist/components/atoms/code.js.map +1 -1
  19. package/dist/components/atoms/footer.stories.d.ts +14 -0
  20. package/dist/components/atoms/footer.stories.d.ts.map +1 -0
  21. package/dist/components/atoms/footer.stories.js +29 -0
  22. package/dist/components/atoms/footer.stories.js.map +1 -0
  23. package/dist/components/atoms/form-field.d.ts +28 -0
  24. package/dist/components/atoms/form-field.d.ts.map +1 -0
  25. package/dist/components/atoms/form-field.js +16 -0
  26. package/dist/components/atoms/form-field.js.map +1 -0
  27. package/dist/components/atoms/form-field.stories.d.ts +7 -0
  28. package/dist/components/atoms/form-field.stories.d.ts.map +1 -0
  29. package/dist/components/atoms/form-field.stories.js +16 -0
  30. package/dist/components/atoms/form-field.stories.js.map +1 -0
  31. package/dist/components/atoms/form-input.d.ts +43 -0
  32. package/dist/components/atoms/form-input.d.ts.map +1 -0
  33. package/dist/components/atoms/form-input.js +26 -0
  34. package/dist/components/atoms/form-input.js.map +1 -0
  35. package/dist/components/atoms/form-input.stories.d.ts +7 -0
  36. package/dist/components/atoms/form-input.stories.d.ts.map +1 -0
  37. package/dist/components/atoms/form-input.stories.js +17 -0
  38. package/dist/components/atoms/form-input.stories.js.map +1 -0
  39. package/dist/components/atoms/form-textarea.d.ts +41 -0
  40. package/dist/components/atoms/form-textarea.d.ts.map +1 -0
  41. package/dist/components/atoms/form-textarea.js +26 -0
  42. package/dist/components/atoms/form-textarea.js.map +1 -0
  43. package/dist/components/atoms/form-textarea.stories.d.ts +7 -0
  44. package/dist/components/atoms/form-textarea.stories.d.ts.map +1 -0
  45. package/dist/components/atoms/form-textarea.stories.js +17 -0
  46. package/dist/components/atoms/form-textarea.stories.js.map +1 -0
  47. package/dist/components/atoms/grid.stories.d.ts +18 -0
  48. package/dist/components/atoms/grid.stories.d.ts.map +1 -0
  49. package/dist/components/atoms/grid.stories.js +60 -0
  50. package/dist/components/atoms/grid.stories.js.map +1 -0
  51. package/dist/components/atoms/header.stories.d.ts +15 -0
  52. package/dist/components/atoms/header.stories.d.ts.map +1 -0
  53. package/dist/components/atoms/header.stories.js +37 -0
  54. package/dist/components/atoms/header.stories.js.map +1 -0
  55. package/dist/components/atoms/icons/icon.stories.d.ts +18 -0
  56. package/dist/components/atoms/icons/icon.stories.d.ts.map +1 -0
  57. package/dist/components/atoms/icons/icon.stories.js +37 -0
  58. package/dist/components/atoms/icons/icon.stories.js.map +1 -0
  59. package/dist/components/atoms/panel-hints.stories.d.ts +14 -0
  60. package/dist/components/atoms/panel-hints.stories.d.ts.map +1 -0
  61. package/dist/components/atoms/panel-hints.stories.js +35 -0
  62. package/dist/components/atoms/panel-hints.stories.js.map +1 -0
  63. package/dist/components/atoms/spinner.d.ts +17 -0
  64. package/dist/components/atoms/spinner.d.ts.map +1 -0
  65. package/dist/components/atoms/spinner.js +14 -0
  66. package/dist/components/atoms/spinner.js.map +1 -0
  67. package/dist/components/atoms/spinner.stories.d.ts +7 -0
  68. package/dist/components/atoms/spinner.stories.d.ts.map +1 -0
  69. package/dist/components/atoms/spinner.stories.js +9 -0
  70. package/dist/components/atoms/spinner.stories.js.map +1 -0
  71. package/dist/components/atoms/submit-button.d.ts +34 -0
  72. package/dist/components/atoms/submit-button.d.ts.map +1 -0
  73. package/dist/components/atoms/submit-button.js +18 -0
  74. package/dist/components/atoms/submit-button.js.map +1 -0
  75. package/dist/components/atoms/submit-button.stories.d.ts +7 -0
  76. package/dist/components/atoms/submit-button.stories.d.ts.map +1 -0
  77. package/dist/components/atoms/submit-button.stories.js +13 -0
  78. package/dist/components/atoms/submit-button.stories.js.map +1 -0
  79. package/dist/components/molecules/architecture-flow/ArchitectureFlow.stories.js +1 -1
  80. package/dist/components/molecules/architecture-flow/ArchitectureFlow.stories.js.map +1 -1
  81. package/dist/components/molecules/code-box.stories.d.ts +8 -0
  82. package/dist/components/molecules/code-box.stories.d.ts.map +1 -1
  83. package/dist/components/molecules/code-box.stories.js +36 -0
  84. package/dist/components/molecules/code-box.stories.js.map +1 -1
  85. package/dist/components/molecules/config-form-card.d.ts +50 -0
  86. package/dist/components/molecules/config-form-card.d.ts.map +1 -0
  87. package/dist/components/molecules/config-form-card.js +30 -0
  88. package/dist/components/molecules/config-form-card.js.map +1 -0
  89. package/dist/components/molecules/config-form-card.stories.d.ts +7 -0
  90. package/dist/components/molecules/config-form-card.stories.d.ts.map +1 -0
  91. package/dist/components/molecules/config-form-card.stories.js +21 -0
  92. package/dist/components/molecules/config-form-card.stories.js.map +1 -0
  93. package/dist/components/molecules/dropdown.d.ts +68 -0
  94. package/dist/components/molecules/dropdown.d.ts.map +1 -0
  95. package/dist/components/molecules/dropdown.js +47 -0
  96. package/dist/components/molecules/dropdown.js.map +1 -0
  97. package/dist/components/molecules/dropdown.stories.d.ts +7 -0
  98. package/dist/components/molecules/dropdown.stories.d.ts.map +1 -0
  99. package/dist/components/molecules/dropdown.stories.js +18 -0
  100. package/dist/components/molecules/dropdown.stories.js.map +1 -0
  101. package/dist/components/molecules/flow-deploy-panel.d.ts +31 -0
  102. package/dist/components/molecules/flow-deploy-panel.d.ts.map +1 -0
  103. package/dist/components/molecules/flow-deploy-panel.js +72 -0
  104. package/dist/components/molecules/flow-deploy-panel.js.map +1 -0
  105. package/dist/components/molecules/flow-deploy-panel.stories.d.ts +40 -0
  106. package/dist/components/molecules/flow-deploy-panel.stories.d.ts.map +1 -0
  107. package/dist/components/molecules/flow-deploy-panel.stories.js +145 -0
  108. package/dist/components/molecules/flow-deploy-panel.stories.js.map +1 -0
  109. package/dist/components/molecules/flow-map/FlowMap.stories.d.ts.map +1 -1
  110. package/dist/components/molecules/flow-map/FlowMap.stories.js +7 -1
  111. package/dist/components/molecules/flow-map/FlowMap.stories.js.map +1 -1
  112. package/dist/components/molecules/flow-selector.d.ts +19 -0
  113. package/dist/components/molecules/flow-selector.d.ts.map +1 -0
  114. package/dist/components/molecules/flow-selector.js +26 -0
  115. package/dist/components/molecules/flow-selector.js.map +1 -0
  116. package/dist/components/molecules/flow-selector.stories.d.ts +28 -0
  117. package/dist/components/molecules/flow-selector.stories.d.ts.map +1 -0
  118. package/dist/components/molecules/flow-selector.stories.js +66 -0
  119. package/dist/components/molecules/flow-selector.stories.js.map +1 -0
  120. package/dist/components/molecules/form-card.d.ts +28 -0
  121. package/dist/components/molecules/form-card.d.ts.map +1 -0
  122. package/dist/components/molecules/form-card.js +16 -0
  123. package/dist/components/molecules/form-card.js.map +1 -0
  124. package/dist/components/molecules/form-card.stories.d.ts +7 -0
  125. package/dist/components/molecules/form-card.stories.d.ts.map +1 -0
  126. package/dist/components/molecules/form-card.stories.js +16 -0
  127. package/dist/components/molecules/form-card.stories.js.map +1 -0
  128. package/dist/components/molecules/preview.d.ts.map +1 -1
  129. package/dist/components/molecules/preview.js +0 -1
  130. package/dist/components/molecules/preview.js.map +1 -1
  131. package/dist/components/molecules/split-button.d.ts +25 -0
  132. package/dist/components/molecules/split-button.d.ts.map +1 -0
  133. package/dist/components/molecules/split-button.js +37 -0
  134. package/dist/components/molecules/split-button.js.map +1 -0
  135. package/dist/components/molecules/split-button.stories.d.ts +32 -0
  136. package/dist/components/molecules/split-button.stories.d.ts.map +1 -0
  137. package/dist/components/molecules/split-button.stories.js +88 -0
  138. package/dist/components/molecules/split-button.stories.js.map +1 -0
  139. package/dist/hooks/useDropdown.d.ts +34 -0
  140. package/dist/hooks/useDropdown.d.ts.map +1 -0
  141. package/dist/hooks/useDropdown.js +66 -0
  142. package/dist/hooks/useDropdown.js.map +1 -0
  143. package/dist/index.d.cts +441 -2
  144. package/dist/index.d.ts +26 -0
  145. package/dist/index.d.ts.map +1 -1
  146. package/dist/index.js +14 -0
  147. package/dist/index.js.map +1 -1
  148. package/dist/index.mjs +663 -28
  149. package/dist/index.mjs.map +1 -1
  150. package/dist/{monaco-types-4FIH5OVX.mjs → monaco-types-OLSF6MIE.mjs} +2 -2
  151. package/dist/styles.css +579 -0
  152. package/package.json +5 -14
  153. package/dist/chunk-VWWAIDNX.mjs.map +0 -1
  154. /package/dist/{monaco-types-4FIH5OVX.mjs.map → monaco-types-OLSF6MIE.mjs.map} +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-card.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/form-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,aAAa;IAC5B,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACvC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAe,EACf,SAAc,GACf,EAAE,aAAa,2CAef"}
@@ -0,0 +1,16 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ /**
3
+ * FormCard - Container for form-based content
4
+ *
5
+ * Pure UI component for centered form layouts.
6
+ * Typically used for auth pages, settings, etc.
7
+ *
8
+ * @example
9
+ * <FormCard title="Sign in" maxWidth="sm">
10
+ * <form>...</form>
11
+ * </FormCard>
12
+ */
13
+ export function FormCard({ children, title, subtitle, footer, maxWidth = 'md', className = '', }) {
14
+ return (_jsxs("div", { className: `elb-form-card elb-form-card--${maxWidth} ${className}`.trim(), children: [(title || subtitle) && (_jsxs("div", { className: "elb-form-card__header", children: [title && _jsx("h1", { className: "elb-form-card__title", children: title }), subtitle && _jsx("p", { className: "elb-form-card__subtitle", children: subtitle })] })), _jsx("div", { className: "elb-form-card__content", children: children }), footer && _jsx("div", { className: "elb-form-card__footer", children: footer })] }));
15
+ }
16
+ //# sourceMappingURL=form-card.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-card.js","sourceRoot":"","sources":["../../../src/components/molecules/form-card.tsx"],"names":[],"mappings":";AAiBA;;;;;;;;;;GAUG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,GACA;IACd,OAAO,CACL,eACE,SAAS,EAAE,gCAAgC,QAAQ,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aAExE,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,CACtB,eAAK,SAAS,EAAC,uBAAuB,aACnC,KAAK,IAAI,aAAI,SAAS,EAAC,sBAAsB,YAAE,KAAK,GAAM,EAC1D,QAAQ,IAAI,YAAG,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAK,IAC9D,CACP,EACD,cAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAO,EACvD,MAAM,IAAI,cAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAO,IAC5D,CACP,CAAC;AACJ,CAAC"}
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { FormCard } from './form-card';
3
+ declare const meta: Meta<typeof FormCard>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof FormCard>;
6
+ export declare const Default: Story;
7
+ //# sourceMappingURL=form-card.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-card.stories.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/form-card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAI/B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}
@@ -0,0 +1,16 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { FormCard } from './form-card';
3
+ const meta = {
4
+ title: 'Molecules/FormCard',
5
+ component: FormCard,
6
+ tags: ['autodocs'],
7
+ };
8
+ export default meta;
9
+ export const Default = {
10
+ args: {
11
+ title: 'Sign in',
12
+ maxWidth: 'sm',
13
+ children: _jsx("p", { children: "Form content goes here" }),
14
+ },
15
+ };
16
+ //# sourceMappingURL=form-card.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-card.stories.js","sourceRoot":"","sources":["../../../src/components/molecules/form-card.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,IAAI;QACd,QAAQ,EAAE,iDAA6B;KACxC;CACF,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/preview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAA6B,MAAM,gBAAgB,CAAC;AAQrE,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,GAAQ,EACR,GAAG,EACH,KAAiB,GAClB,EAAE,YAAY,2CAwOd"}
1
+ {"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/preview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAA6B,MAAM,gBAAgB,CAAC;AAQrE,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,GAAQ,EACR,GAAG,EACH,KAAiB,GAClB,EAAE,YAAY,2CAuOd"}
@@ -179,7 +179,6 @@ export function Preview({ html, css = '', elb, label = 'Preview', }) {
179
179
  config: {
180
180
  settings: {
181
181
  pageview: false,
182
- session: false,
183
182
  prefix: 'data-elb',
184
183
  elb: 'elb',
185
184
  elbLayer: 'elbLayer',
@@ -1 +1 @@
1
- {"version":3,"file":"preview.js","sourceRoot":"","sources":["../../../src/components/molecules/preview.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"preview.js","sourceRoot":"","sources":["../../../src/components/molecules/preview.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,25 @@
1
+ import React from 'react';
2
+ export interface SplitButtonAction {
3
+ key: string;
4
+ label: string;
5
+ onClick: () => void;
6
+ disabled?: boolean;
7
+ }
8
+ export interface SplitButtonProps {
9
+ children: React.ReactNode;
10
+ onClick: () => void;
11
+ actions?: SplitButtonAction[];
12
+ variant?: 'primary' | 'default' | 'danger';
13
+ loading?: boolean;
14
+ loadingText?: string;
15
+ disabled?: boolean;
16
+ className?: string;
17
+ }
18
+ /**
19
+ * SplitButton - Primary button with dropdown actions
20
+ *
21
+ * Generic molecule: primary button + dropdown arrow.
22
+ * Click-outside and Escape to close.
23
+ */
24
+ export declare function SplitButton({ children, onClick, actions, variant, loading, loadingText, disabled, className, }: SplitButtonProps): import("react/jsx-runtime").JSX.Element;
25
+ //# sourceMappingURL=split-button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"split-button.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/split-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAO,EACP,OAAY,EACZ,OAAmB,EACnB,OAAe,EACf,WAAW,EACX,QAAgB,EAChB,SAAc,GACf,EAAE,gBAAgB,2CAyFlB"}
@@ -0,0 +1,37 @@
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useState, useRef, useEffect, useCallback } from 'react';
3
+ /**
4
+ * SplitButton - Primary button with dropdown actions
5
+ *
6
+ * Generic molecule: primary button + dropdown arrow.
7
+ * Click-outside and Escape to close.
8
+ */
9
+ export function SplitButton({ children, onClick, actions = [], variant = 'primary', loading = false, loadingText, disabled = false, className = '', }) {
10
+ const [open, setOpen] = useState(false);
11
+ const ref = useRef(null);
12
+ const isDisabled = disabled || loading;
13
+ const handleClickOutside = useCallback((e) => {
14
+ if (ref.current && !ref.current.contains(e.target)) {
15
+ setOpen(false);
16
+ }
17
+ }, []);
18
+ const handleKeyDown = useCallback((e) => {
19
+ if (e.key === 'Escape')
20
+ setOpen(false);
21
+ }, []);
22
+ useEffect(() => {
23
+ if (open) {
24
+ document.addEventListener('mousedown', handleClickOutside);
25
+ document.addEventListener('keydown', handleKeyDown);
26
+ return () => {
27
+ document.removeEventListener('mousedown', handleClickOutside);
28
+ document.removeEventListener('keydown', handleKeyDown);
29
+ };
30
+ }
31
+ }, [open, handleClickOutside, handleKeyDown]);
32
+ return (_jsxs("div", { ref: ref, className: `elb-split-button elb-split-button--${variant} ${className}`, children: [_jsx("button", { type: "button", className: "elb-split-button__primary", onClick: onClick, disabled: isDisabled, children: loading ? (loadingText ?? children) : children }), actions.length > 0 && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "elb-split-button__toggle", onClick: () => setOpen(!open), disabled: isDisabled, "aria-label": "More actions", "aria-expanded": open, children: _jsx("svg", { className: "elb-split-button__arrow", width: "10", height: "6", viewBox: "0 0 10 6", fill: "currentColor", children: _jsx("path", { d: "M1 1l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", fill: "none" }) }) }), open && (_jsx("div", { className: "elb-split-button__dropdown", children: actions.map((action) => (_jsx("button", { type: "button", className: "elb-split-button__action", disabled: action.disabled, onClick: () => {
33
+ setOpen(false);
34
+ action.onClick();
35
+ }, children: action.label }, action.key))) }))] }))] }));
36
+ }
37
+ //# sourceMappingURL=split-button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"split-button.js","sourceRoot":"","sources":["../../../src/components/molecules/split-button.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,32 @@
1
+ import type { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { SplitButton } from './split-button';
3
+ /**
4
+ * SplitButton - Primary button with dropdown actions
5
+ *
6
+ * Generic molecule combining a primary button with a dropdown arrow
7
+ * that reveals secondary actions. Supports loading and disabled states.
8
+ */
9
+ declare const meta: Meta<typeof SplitButton>;
10
+ export default meta;
11
+ type Story = StoryObj<typeof SplitButton>;
12
+ /**
13
+ * Default SplitButton without actions
14
+ */
15
+ export declare const Default: Story;
16
+ /**
17
+ * SplitButton with dropdown actions
18
+ */
19
+ export declare const WithActions: Story;
20
+ /**
21
+ * Loading state
22
+ */
23
+ export declare const Loading: Story;
24
+ /**
25
+ * Disabled state
26
+ */
27
+ export declare const Disabled: Story;
28
+ /**
29
+ * Danger variant
30
+ */
31
+ export declare const DangerVariant: Story;
32
+ //# sourceMappingURL=split-button.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"split-button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/split-button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAIlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAC"}
@@ -0,0 +1,88 @@
1
+ import { SplitButton } from './split-button';
2
+ /**
3
+ * SplitButton - Primary button with dropdown actions
4
+ *
5
+ * Generic molecule combining a primary button with a dropdown arrow
6
+ * that reveals secondary actions. Supports loading and disabled states.
7
+ */
8
+ const meta = {
9
+ component: SplitButton,
10
+ title: 'Molecules/SplitButton',
11
+ tags: ['autodocs'],
12
+ };
13
+ export default meta;
14
+ /**
15
+ * Default SplitButton without actions
16
+ */
17
+ export const Default = {
18
+ args: {
19
+ children: 'Deploy',
20
+ onClick: () => console.log('deploy'),
21
+ },
22
+ };
23
+ /**
24
+ * SplitButton with dropdown actions
25
+ */
26
+ export const WithActions = {
27
+ args: {
28
+ children: 'Deploy',
29
+ onClick: () => console.log('deploy'),
30
+ actions: [
31
+ {
32
+ key: 'download',
33
+ label: 'Download Flow (.json)',
34
+ onClick: () => console.log('download'),
35
+ },
36
+ {
37
+ key: 'bundle',
38
+ label: 'Bundle (.js)',
39
+ onClick: () => console.log('bundle'),
40
+ },
41
+ ],
42
+ },
43
+ };
44
+ /**
45
+ * Loading state
46
+ */
47
+ export const Loading = {
48
+ args: {
49
+ children: 'Deploy',
50
+ onClick: () => { },
51
+ loading: true,
52
+ loadingText: 'Deploying...',
53
+ actions: [
54
+ { key: 'download', label: 'Download Flow (.json)', onClick: () => { } },
55
+ ],
56
+ },
57
+ };
58
+ /**
59
+ * Disabled state
60
+ */
61
+ export const Disabled = {
62
+ args: {
63
+ children: 'Deploy',
64
+ onClick: () => { },
65
+ disabled: true,
66
+ actions: [
67
+ { key: 'download', label: 'Download Flow (.json)', onClick: () => { } },
68
+ ],
69
+ },
70
+ };
71
+ /**
72
+ * Danger variant
73
+ */
74
+ export const DangerVariant = {
75
+ args: {
76
+ children: 'Delete Deployment',
77
+ onClick: () => console.log('delete'),
78
+ variant: 'danger',
79
+ actions: [
80
+ {
81
+ key: 'download',
82
+ label: 'Download Backup (.json)',
83
+ onClick: () => console.log('backup'),
84
+ },
85
+ ],
86
+ },
87
+ };
88
+ //# sourceMappingURL=split-button.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"split-button.stories.js","sourceRoot":"","sources":["../../../src/components/molecules/split-button.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;;;GAKG;AACH,MAAM,IAAI,GAA6B;IACrC,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,uBAAuB;IAC9B,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;KACrC;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;QACpC,OAAO,EAAE;YACP;gBACE,GAAG,EAAE,UAAU;gBACf,KAAK,EAAE,uBAAuB;gBAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC;aACvC;YACD;gBACE,GAAG,EAAE,QAAQ;gBACb,KAAK,EAAE,cAAc;gBACrB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;aACrC;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,OAAO,EAAE,IAAI;QACb,WAAW,EAAE,cAAc;QAC3B,OAAO,EAAE;YACP,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,uBAAuB,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE;SACvE;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE;YACP,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,uBAAuB,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE;SACvE;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,QAAQ,EAAE,mBAAmB;QAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;QACpC,OAAO,EAAE,QAAQ;QACjB,OAAO,EAAE;YACP;gBACE,GAAG,EAAE,UAAU;gBACf,KAAK,EAAE,yBAAyB;gBAChC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;aACrC;SACF;KACF;CACF,CAAC"}
@@ -0,0 +1,34 @@
1
+ import type { RefObject } from 'react';
2
+ export interface UseDropdownReturn {
3
+ /** Whether dropdown is currently open */
4
+ isOpen: boolean;
5
+ /** Toggle dropdown open/closed */
6
+ toggle: () => void;
7
+ /** Open the dropdown */
8
+ open: () => void;
9
+ /** Close the dropdown */
10
+ close: () => void;
11
+ /** Ref to attach to the container element for click-outside detection */
12
+ containerRef: RefObject<HTMLDivElement | null>;
13
+ }
14
+ /**
15
+ * useDropdown - Manages dropdown open/close state with click-outside and keyboard handling
16
+ *
17
+ * Provides:
18
+ * - Open/close state management
19
+ * - Click-outside detection to close
20
+ * - Escape key handling to close
21
+ *
22
+ * @example
23
+ * const { isOpen, toggle, close, containerRef } = useDropdown();
24
+ *
25
+ * return (
26
+ * <div ref={containerRef}>
27
+ * <Dropdown isOpen={isOpen} onToggle={toggle}>
28
+ * ...
29
+ * </Dropdown>
30
+ * </div>
31
+ * );
32
+ */
33
+ export declare function useDropdown(): UseDropdownReturn;
34
+ //# sourceMappingURL=useDropdown.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useDropdown.d.ts","sourceRoot":"","sources":["../../src/hooks/useDropdown.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,iBAAiB;IAChC,yCAAyC;IACzC,MAAM,EAAE,OAAO,CAAC;IAChB,kCAAkC;IAClC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,wBAAwB;IACxB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,yBAAyB;IACzB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,yEAAyE;IACzE,YAAY,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAChD;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,WAAW,IAAI,iBAAiB,CAsD/C"}
@@ -0,0 +1,66 @@
1
+ import { useState, useRef, useEffect, useCallback } from 'react';
2
+ /**
3
+ * useDropdown - Manages dropdown open/close state with click-outside and keyboard handling
4
+ *
5
+ * Provides:
6
+ * - Open/close state management
7
+ * - Click-outside detection to close
8
+ * - Escape key handling to close
9
+ *
10
+ * @example
11
+ * const { isOpen, toggle, close, containerRef } = useDropdown();
12
+ *
13
+ * return (
14
+ * <div ref={containerRef}>
15
+ * <Dropdown isOpen={isOpen} onToggle={toggle}>
16
+ * ...
17
+ * </Dropdown>
18
+ * </div>
19
+ * );
20
+ */
21
+ export function useDropdown() {
22
+ const [isOpen, setIsOpen] = useState(false);
23
+ const containerRef = useRef(null);
24
+ const toggle = useCallback(() => {
25
+ setIsOpen((prev) => !prev);
26
+ }, []);
27
+ const open = useCallback(() => {
28
+ setIsOpen(true);
29
+ }, []);
30
+ const close = useCallback(() => {
31
+ setIsOpen(false);
32
+ }, []);
33
+ // Close on click outside
34
+ useEffect(() => {
35
+ if (!isOpen)
36
+ return;
37
+ function handleClickOutside(event) {
38
+ if (containerRef.current &&
39
+ !containerRef.current.contains(event.target)) {
40
+ setIsOpen(false);
41
+ }
42
+ }
43
+ document.addEventListener('mousedown', handleClickOutside);
44
+ return () => document.removeEventListener('mousedown', handleClickOutside);
45
+ }, [isOpen]);
46
+ // Close on Escape key
47
+ useEffect(() => {
48
+ if (!isOpen)
49
+ return;
50
+ function handleEscape(event) {
51
+ if (event.key === 'Escape') {
52
+ setIsOpen(false);
53
+ }
54
+ }
55
+ document.addEventListener('keydown', handleEscape);
56
+ return () => document.removeEventListener('keydown', handleEscape);
57
+ }, [isOpen]);
58
+ return {
59
+ isOpen,
60
+ toggle,
61
+ open,
62
+ close,
63
+ containerRef,
64
+ };
65
+ }
66
+ //# sourceMappingURL=useDropdown.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useDropdown.js","sourceRoot":"","sources":["../../src/hooks/useDropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAgBjE;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,WAAW;IACzB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5B,SAAS,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,yBAAyB;IACzB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,SAAS,kBAAkB,CAAC,KAAiB;YAC3C,IACE,YAAY,CAAC,OAAO;gBACpB,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EACpD,CAAC;gBACD,SAAS,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC;QACH,CAAC;QAED,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;IAC7E,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,sBAAsB;IACtB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,SAAS,YAAY,CAAC,KAAoB;YACxC,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC3B,SAAS,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC;QACH,CAAC;QAED,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QACnD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;IACrE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO;QACL,MAAM;QACN,MAAM;QACN,IAAI;QACJ,KAAK;QACL,YAAY;KACb,CAAC;AACJ,CAAC"}