@industry-theme/alexandria-panels 0.1.26 → 0.1.27

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 (4) hide show
  1. package/dist/panels/WorkspacesListPanel/index.d.ts.map +1 -1
  2. package/dist/panels.bundle.js +174 -110
  3. package/dist/panels.bundle.js.map +1 -1
  4. package/package.json +1 -1
package/dist/panels/WorkspacesListPanel/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panels/WorkspacesListPanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAGzE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAmBvD,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACnE,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AA6cD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAElE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAsC9C,CAAC;AAGF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACV,SAAS,EACT,eAAe,EACf,0BAA0B,EAC1B,kBAAkB,EAClB,wBAAwB,EACxB,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panels/WorkspacesListPanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAGzE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAmBvD,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACnE,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAsgBD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAElE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAsC9C,CAAC;AAGF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACV,SAAS,EACT,eAAe,EACf,0BAA0B,EAC1B,kBAAkB,EAClB,wBAAwB,EACxB,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,SAAS,CAAC"}
package/dist/panels.bundle.js CHANGED
@@ -2672,133 +2672,197 @@ const WorkspacesListPanelContent = ({
2672
2672
  "div",
2673
2673
  {
2674
2674
  style: {
2675
+ position: "relative",
2675
2676
  height: "40px",
2676
2677
  minHeight: "40px",
2677
2678
  padding: "0 16px",
2678
2679
  borderBottom: `1px solid ${theme.colors.border}`,
2679
2680
  display: "flex",
2680
2681
  alignItems: "center",
2681
- justifyContent: "space-between",
2682
- gap: "8px"
2683
- },
2684
- children: [
2685
- /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
2686
- /* @__PURE__ */ jsx(Layers, { size: 18, color: theme.colors.primary }),
2687
- /* @__PURE__ */ jsx(
2688
- "span",
2689
- {
2690
- style: {
2691
- fontSize: `${theme.fontSizes[2]}px`,
2692
- fontWeight: theme.fontWeights.medium,
2693
- color: theme.colors.text,
2694
- fontFamily: theme.fonts.body
2695
- },
2696
- children: "Workspaces"
2697
- }
2698
- )
2699
- ] }),
2700
- /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "8px" }, children: [
2701
- /* @__PURE__ */ jsx(
2702
- "button",
2703
- {
2704
- onClick: () => {
2705
- setShowSearchBox(!showSearchBox);
2706
- if (showSearchBox) {
2707
- setSearchQuery("");
2708
- }
2709
- },
2710
- style: {
2711
- display: "flex",
2712
- alignItems: "center",
2713
- justifyContent: "center",
2714
- width: "28px",
2715
- height: "28px",
2716
- borderRadius: "6px",
2717
- border: `1px solid ${theme.colors.border}`,
2718
- backgroundColor: showSearchBox ? theme.colors.primary : theme.colors.backgroundTertiary,
2719
- color: showSearchBox ? theme.colors.background : theme.colors.text,
2720
- cursor: "pointer",
2721
- transition: "all 0.15s ease"
2722
- },
2723
- title: "Search workspaces",
2724
- children: /* @__PURE__ */ jsx(Search, { size: 16 })
2725
- }
2726
- ),
2727
- /* @__PURE__ */ jsx(
2728
- "button",
2729
- {
2730
- onClick: handleCreateWorkspace,
2731
- style: {
2732
- display: "flex",
2733
- alignItems: "center",
2734
- justifyContent: "center",
2735
- width: "28px",
2736
- height: "28px",
2737
- borderRadius: "6px",
2738
- border: `1px solid ${theme.colors.border}`,
2739
- backgroundColor: theme.colors.primary,
2740
- color: theme.colors.background,
2741
- cursor: "pointer",
2742
- transition: "all 0.15s ease"
2743
- },
2744
- title: "Create new workspace",
2745
- children: /* @__PURE__ */ jsx(Plus, { size: 16 })
2746
- }
2747
- )
2748
- ] })
2749
- ]
2750
- }
2751
- ),
2752
- showSearchBox && /* @__PURE__ */ jsxs(
2753
- "div",
2754
- {
2755
- style: {
2756
- display: "flex",
2757
- alignItems: "center",
2758
- gap: "8px",
2759
- padding: "8px 16px"
2682
+ boxSizing: "border-box"
2760
2683
  },
2761
2684
  children: [
2762
- /* @__PURE__ */ jsx(
2763
- "input",
2685
+ /* @__PURE__ */ jsxs(
2686
+ "div",
2764
2687
  {
2765
- type: "text",
2766
- value: searchQuery,
2767
- onChange: (e) => setSearchQuery(e.target.value),
2768
- placeholder: "Search by workspace or repository name...",
2769
- autoFocus: true,
2770
2688
  style: {
2771
- flex: 1,
2772
- padding: "8px 12px",
2773
- borderRadius: "6px",
2774
- border: `1px solid ${theme.colors.border}`,
2775
- backgroundColor: theme.colors.background,
2776
- color: theme.colors.text,
2777
- fontSize: `${theme.fontSizes[1]}px`,
2778
- fontFamily: theme.fonts.body,
2779
- outline: "none"
2780
- }
2689
+ display: "flex",
2690
+ alignItems: "center",
2691
+ justifyContent: "space-between",
2692
+ width: "100%",
2693
+ visibility: showSearchBox ? "hidden" : "visible"
2694
+ },
2695
+ children: [
2696
+ /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
2697
+ /* @__PURE__ */ jsx(Layers, { size: 18, color: theme.colors.primary }),
2698
+ /* @__PURE__ */ jsx(
2699
+ "span",
2700
+ {
2701
+ style: {
2702
+ fontSize: `${theme.fontSizes[2]}px`,
2703
+ fontWeight: theme.fontWeights.medium,
2704
+ color: theme.colors.text,
2705
+ fontFamily: theme.fonts.body
2706
+ },
2707
+ children: "Workspaces"
2708
+ }
2709
+ ),
2710
+ workspaces.length > 0 && /* @__PURE__ */ jsx(
2711
+ "span",
2712
+ {
2713
+ style: {
2714
+ fontSize: `${theme.fontSizes[1]}px`,
2715
+ color: theme.colors.textSecondary,
2716
+ padding: "2px 8px",
2717
+ borderRadius: "12px",
2718
+ backgroundColor: theme.colors.background
2719
+ },
2720
+ children: workspaces.length
2721
+ }
2722
+ )
2723
+ ] }),
2724
+ /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
2725
+ /* @__PURE__ */ jsx(
2726
+ "button",
2727
+ {
2728
+ onClick: () => {
2729
+ setShowSearchBox(!showSearchBox);
2730
+ if (showSearchBox) {
2731
+ setSearchQuery("");
2732
+ }
2733
+ },
2734
+ style: {
2735
+ background: showSearchBox ? theme.colors.backgroundSecondary : "none",
2736
+ border: `1px solid ${showSearchBox ? theme.colors.border : "transparent"}`,
2737
+ borderRadius: "4px",
2738
+ cursor: "pointer",
2739
+ padding: "4px",
2740
+ display: "flex",
2741
+ alignItems: "center",
2742
+ justifyContent: "center",
2743
+ color: showSearchBox ? theme.colors.primary : theme.colors.textSecondary
2744
+ },
2745
+ title: showSearchBox ? "Close search" : "Search workspaces",
2746
+ children: /* @__PURE__ */ jsx(Search, { size: 16 })
2747
+ }
2748
+ ),
2749
+ /* @__PURE__ */ jsx(
2750
+ "button",
2751
+ {
2752
+ onClick: handleCreateWorkspace,
2753
+ style: {
2754
+ padding: "4px",
2755
+ borderRadius: "4px",
2756
+ border: "none",
2757
+ backgroundColor: theme.colors.primary,
2758
+ color: theme.colors.background,
2759
+ cursor: "pointer",
2760
+ display: "flex",
2761
+ alignItems: "center",
2762
+ justifyContent: "center"
2763
+ },
2764
+ title: "Create new workspace",
2765
+ children: /* @__PURE__ */ jsx(Plus, { size: 16 })
2766
+ }
2767
+ )
2768
+ ] })
2769
+ ]
2781
2770
  }
2782
2771
  ),
2783
- searchQuery && /* @__PURE__ */ jsx(
2784
- "button",
2772
+ showSearchBox && /* @__PURE__ */ jsxs(
2773
+ "div",
2785
2774
  {
2786
- onClick: () => setSearchQuery(""),
2787
2775
  style: {
2776
+ position: "absolute",
2777
+ top: 0,
2778
+ left: 0,
2779
+ right: 0,
2780
+ bottom: 0,
2788
2781
  display: "flex",
2789
2782
  alignItems: "center",
2790
- justifyContent: "center",
2791
- width: "28px",
2792
- height: "28px",
2793
- borderRadius: "6px",
2794
- border: `1px solid ${theme.colors.border}`,
2795
- backgroundColor: theme.colors.backgroundTertiary,
2796
- color: theme.colors.text,
2797
- cursor: "pointer",
2798
- transition: "all 0.15s ease"
2783
+ padding: "0 16px",
2784
+ backgroundColor: theme.colors.backgroundSecondary,
2785
+ zIndex: 10
2799
2786
  },
2800
- title: "Clear search",
2801
- children: /* @__PURE__ */ jsx(X, { size: 16 })
2787
+ children: [
2788
+ /* @__PURE__ */ jsxs("div", { style: { position: "relative", flex: 1, display: "flex", alignItems: "center" }, children: [
2789
+ /* @__PURE__ */ jsx(
2790
+ Search,
2791
+ {
2792
+ size: 16,
2793
+ color: theme.colors.textSecondary,
2794
+ style: {
2795
+ position: "absolute",
2796
+ left: "10px",
2797
+ pointerEvents: "none"
2798
+ }
2799
+ }
2800
+ ),
2801
+ /* @__PURE__ */ jsx(
2802
+ "input",
2803
+ {
2804
+ type: "text",
2805
+ placeholder: "Filter workspaces...",
2806
+ value: searchQuery,
2807
+ onChange: (e) => setSearchQuery(e.target.value),
2808
+ autoFocus: true,
2809
+ style: {
2810
+ width: "100%",
2811
+ padding: "6px 32px 6px 32px",
2812
+ fontSize: `${theme.fontSizes[1]}px`,
2813
+ color: theme.colors.text,
2814
+ backgroundColor: theme.colors.background,
2815
+ border: `1px solid ${theme.colors.border}`,
2816
+ borderRadius: "4px",
2817
+ outline: "none",
2818
+ fontFamily: theme.fonts.body
2819
+ }
2820
+ }
2821
+ ),
2822
+ searchQuery && /* @__PURE__ */ jsx(
2823
+ "button",
2824
+ {
2825
+ onClick: () => setSearchQuery(""),
2826
+ style: {
2827
+ position: "absolute",
2828
+ right: "8px",
2829
+ background: "none",
2830
+ border: "none",
2831
+ cursor: "pointer",
2832
+ padding: "4px",
2833
+ display: "flex",
2834
+ alignItems: "center",
2835
+ justifyContent: "center",
2836
+ color: theme.colors.textSecondary
2837
+ },
2838
+ title: "Clear search",
2839
+ children: /* @__PURE__ */ jsx(X, { size: 16 })
2840
+ }
2841
+ )
2842
+ ] }),
2843
+ /* @__PURE__ */ jsx(
2844
+ "button",
2845
+ {
2846
+ onClick: () => {
2847
+ setShowSearchBox(false);
2848
+ setSearchQuery("");
2849
+ },
2850
+ style: {
2851
+ background: "none",
2852
+ border: "none",
2853
+ cursor: "pointer",
2854
+ padding: "4px",
2855
+ marginLeft: "8px",
2856
+ display: "flex",
2857
+ alignItems: "center",
2858
+ justifyContent: "center",
2859
+ color: theme.colors.textSecondary
2860
+ },
2861
+ title: "Close search",
2862
+ children: /* @__PURE__ */ jsx(X, { size: 16 })
2863
+ }
2864
+ )
2865
+ ]
2802
2866
  }
2803
2867
  )
2804
2868
  ]