@rufous/ui 0.1.63 → 0.2.0-beta.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/README.md +4 -0
  2. package/dist/Buttons/addButton.js +1 -0
  3. package/dist/Buttons/cancelButton.js +1 -0
  4. package/dist/Buttons/index.cjs +2 -2
  5. package/dist/Buttons/index.js +3 -2
  6. package/dist/Buttons/stdButton.js +1 -0
  7. package/dist/Buttons/submitButton.cjs +2 -2
  8. package/dist/Buttons/submitButton.js +3 -2
  9. package/dist/CheckBoxes/CheckBox.cjs +2 -2
  10. package/dist/CheckBoxes/CheckBox.js +4 -25
  11. package/dist/Contexts/rufousThemeProvider.cjs +132 -100
  12. package/dist/Contexts/rufousThemeProvider.js +3 -2
  13. package/dist/DataGrid/DataGrid.cjs +418 -0
  14. package/dist/DataGrid/DataGrid.d.cts +8 -0
  15. package/dist/DataGrid/DataGrid.d.ts +8 -0
  16. package/dist/DataGrid/DataGrid.js +9 -0
  17. package/dist/DataGrid/index.cjs +418 -0
  18. package/dist/DataGrid/index.d.cts +3 -0
  19. package/dist/DataGrid/index.d.ts +3 -0
  20. package/dist/DataGrid/index.js +8 -0
  21. package/dist/{TextFields/FloatingInput.d.cjs → DataGrid/types.cjs} +3 -3
  22. package/dist/DataGrid/types.d.cts +31 -0
  23. package/dist/DataGrid/types.d.ts +31 -0
  24. package/dist/Dialogs/BaseDialog.cjs +18 -10
  25. package/dist/Dialogs/BaseDialog.css +8355 -162
  26. package/dist/Dialogs/BaseDialog.d.cts +1 -0
  27. package/dist/Dialogs/BaseDialog.d.ts +1 -0
  28. package/dist/Dialogs/BaseDialog.js +33 -25
  29. package/dist/Dialogs/index.cjs +18 -10
  30. package/dist/Dialogs/index.css +8355 -162
  31. package/dist/Dialogs/index.js +33 -25
  32. package/dist/Editors/RichTextEditor.cjs +29477 -0
  33. package/dist/Editors/RichTextEditor.css +7179 -0
  34. package/dist/Editors/RichTextEditor.d.cts +57 -0
  35. package/dist/Editors/RichTextEditor.d.ts +57 -0
  36. package/dist/Editors/RichTextEditor.js +9 -0
  37. package/dist/Editors/index.cjs +29477 -0
  38. package/dist/Editors/index.css +7179 -0
  39. package/dist/Editors/index.d.cts +2 -0
  40. package/dist/Editors/index.d.ts +2 -0
  41. package/dist/Editors/index.js +8 -0
  42. package/dist/Progress/circularProgress.cjs +2 -2
  43. package/dist/Progress/circularProgress.d.cts +3 -3
  44. package/dist/Progress/circularProgress.d.ts +3 -3
  45. package/dist/Progress/circularProgress.js +2 -1
  46. package/dist/TextFields/AddressLookup.cjs +390 -0
  47. package/dist/TextFields/AddressLookup.d.cts +49 -0
  48. package/dist/TextFields/AddressLookup.d.ts +49 -0
  49. package/dist/TextFields/AddressLookup.js +11 -0
  50. package/dist/TextFields/FloatingInput.cjs +6 -4
  51. package/dist/TextFields/FloatingInput.d.cts +13 -19
  52. package/dist/TextFields/FloatingInput.d.ts +13 -19
  53. package/dist/TextFields/FloatingInput.js +4 -28
  54. package/dist/{chunk-AQXTOTWY.js → chunk-5DAOQ2V5.js} +19 -11
  55. package/dist/chunk-5QEWUCKT.js +303 -0
  56. package/dist/chunk-66HHM7VI.js +468 -0
  57. package/dist/chunk-7KRG7VNW.js +0 -0
  58. package/dist/{chunk-YRFUVQDN.js → chunk-CTBYVXFP.js} +2 -2
  59. package/dist/chunk-GJGRMMAQ.js +0 -0
  60. package/dist/chunk-HMG3FW2Q.js +97 -0
  61. package/dist/chunk-J6E3UO2W.js +402 -0
  62. package/dist/chunk-LI4N7JWK.js +39 -0
  63. package/dist/chunk-NEGQXBQV.js +29 -0
  64. package/dist/chunk-UPCMMCPQ.js +34 -0
  65. package/dist/{chunk-7YKG3WYS.js → chunk-YRLN3TBF.js} +1 -1
  66. package/dist/chunk-YXPBXCY5.js +89 -0
  67. package/dist/esm-5T53WHPT.js +27362 -0
  68. package/dist/icons/activateUserIcon.js +1 -0
  69. package/dist/icons/archivedIcon.js +1 -0
  70. package/dist/icons/assignGroupIcon.js +1 -0
  71. package/dist/icons/closeIcon.js +1 -0
  72. package/dist/icons/copyIcon.js +1 -0
  73. package/dist/icons/difficultyAllIcon.js +1 -0
  74. package/dist/icons/difficultyEasyIcon.js +1 -0
  75. package/dist/icons/difficultyHardIcon.js +1 -0
  76. package/dist/icons/difficultyMediumIcon.js +1 -0
  77. package/dist/icons/dollarIcon.js +1 -0
  78. package/dist/icons/downloadIcon.js +1 -0
  79. package/dist/icons/downloadPdfIcon.js +1 -0
  80. package/dist/icons/editChatIcon.js +1 -0
  81. package/dist/icons/editIcon.js +1 -0
  82. package/dist/icons/engagementIcon.js +1 -0
  83. package/dist/icons/functionIcon.js +1 -0
  84. package/dist/icons/helpOutlinedIcon.js +1 -0
  85. package/dist/icons/hierarchyIcon.js +1 -0
  86. package/dist/icons/inactiveGroupIcon.js +1 -0
  87. package/dist/icons/index.js +48 -47
  88. package/dist/icons/industryIcon.js +1 -0
  89. package/dist/icons/invoiceIcon.js +1 -0
  90. package/dist/icons/locationPinIcon.js +1 -0
  91. package/dist/icons/logsIcon.js +1 -0
  92. package/dist/icons/minExperienceIcon.js +1 -0
  93. package/dist/icons/nineDotMenuIcon.js +1 -0
  94. package/dist/icons/notificationIcon.js +1 -0
  95. package/dist/icons/projectIcon.js +1 -0
  96. package/dist/icons/qualificationsIcon.js +1 -0
  97. package/dist/icons/questionStatusAllIcon.js +1 -0
  98. package/dist/icons/questionStatusPrivateIcon.js +1 -0
  99. package/dist/icons/questionStatusPublicIcon.js +1 -0
  100. package/dist/icons/questionTypeAllIcon.js +1 -0
  101. package/dist/icons/questionTypeCodingIcon.js +1 -0
  102. package/dist/icons/questionTypeDescriptiveIcon.js +1 -0
  103. package/dist/icons/questionTypeMultipleIcon.js +1 -0
  104. package/dist/icons/questionTypeSingleIcon.js +1 -0
  105. package/dist/icons/refreshIcon.js +1 -0
  106. package/dist/icons/resendInviteIcon.js +1 -0
  107. package/dist/icons/rolesIcon.js +1 -0
  108. package/dist/icons/rufousAiIcon.js +1 -0
  109. package/dist/icons/rufousBirdIcon.js +1 -0
  110. package/dist/icons/rufousLauncherBird.js +1 -0
  111. package/dist/icons/sidebarIcon.js +1 -0
  112. package/dist/icons/softSkillsIcon.js +1 -0
  113. package/dist/icons/subscribeIcon.js +1 -0
  114. package/dist/icons/suspendUserIcon.js +1 -0
  115. package/dist/icons/technicalSkillsIcon.js +1 -0
  116. package/dist/icons/tickIcon.js +1 -0
  117. package/dist/icons/timerIcon.js +1 -0
  118. package/dist/icons/trashIcon.js +1 -0
  119. package/dist/icons/unArchivedIcon.js +1 -0
  120. package/dist/icons/unsubscribeIcon.js +1 -0
  121. package/dist/icons/uploadIcon.js +1 -0
  122. package/dist/icons/userAssignIcon.js +1 -0
  123. package/dist/icons/viewIcon.js +1 -0
  124. package/dist/icons/workItemIcon.js +1 -0
  125. package/dist/main.cjs +30440 -222
  126. package/dist/main.css +8355 -162
  127. package/dist/main.d.cts +7 -0
  128. package/dist/main.d.ts +7 -0
  129. package/dist/main.js +82 -56
  130. package/dist/style.css +1068 -163
  131. package/dist/styles/address-lookup.css +107 -0
  132. package/dist/styles/address-lookup.d.cts +2 -0
  133. package/dist/styles/address-lookup.d.ts +2 -0
  134. package/dist/styles/button.css +82 -110
  135. package/dist/styles/checkbox.css +60 -0
  136. package/dist/styles/checkbox.d.cts +2 -0
  137. package/dist/styles/checkbox.d.ts +2 -0
  138. package/dist/styles/datagrid.css +531 -0
  139. package/dist/styles/datagrid.d.cts +2 -0
  140. package/dist/styles/datagrid.d.ts +2 -0
  141. package/dist/styles/dialog.css +78 -51
  142. package/dist/styles/editor.css +211 -0
  143. package/dist/styles/editor.d.cts +2 -0
  144. package/dist/styles/editor.d.ts +2 -0
  145. package/dist/utils/constants.cjs +75 -69
  146. package/dist/utils/constants.d.cts +54 -56
  147. package/dist/utils/constants.d.ts +54 -56
  148. package/dist/utils/constants.js +2 -1
  149. package/package.json +13 -2
  150. package/dist/TextFields/FloatingInput.d.d.cts +0 -23
  151. package/dist/TextFields/FloatingInput.d.d.ts +0 -23
  152. package/dist/chunk-2FHTGYR4.js +0 -83
  153. package/dist/chunk-BCGCLMKA.js +0 -71
  154. /package/dist/{TextFields/FloatingInput.d.js → DataGrid/types.js} +0 -0
@@ -1,23 +0,0 @@
1
- import * as React from 'react';
2
-
3
- interface FloatingInputProps
4
- extends React.InputHTMLAttributes<HTMLInputElement> {
5
- /** Label text shown above the input */
6
- label: string;
7
-
8
- /** Name attribute for the input (used for forms) */
9
- name: string;
10
-
11
- /** ID for the input and label (defaults to `name` if not provided) */
12
- id?: string;
13
-
14
- /** Placeholder text (defaults to label if not provided) */
15
- placeholder?: string;
16
-
17
- /** Optional class name to apply to the outer wrapper */
18
- className?: string;
19
- }
20
-
21
- declare const FloatingInput: React.FC<FloatingInputProps>;
22
-
23
- export { FloatingInput, type FloatingInputProps };
@@ -1,23 +0,0 @@
1
- import * as React from 'react';
2
-
3
- interface FloatingInputProps
4
- extends React.InputHTMLAttributes<HTMLInputElement> {
5
- /** Label text shown above the input */
6
- label: string;
7
-
8
- /** Name attribute for the input (used for forms) */
9
- name: string;
10
-
11
- /** ID for the input and label (defaults to `name` if not provided) */
12
- id?: string;
13
-
14
- /** Placeholder text (defaults to label if not provided) */
15
- placeholder?: string;
16
-
17
- /** Optional class name to apply to the outer wrapper */
18
- className?: string;
19
- }
20
-
21
- declare const FloatingInput: React.FC<FloatingInputProps>;
22
-
23
- export { FloatingInput, type FloatingInputProps };
@@ -1,83 +0,0 @@
1
- // lib/utils/constants.ts
2
- var APP_THEMES = {
3
- default: {
4
- name: "Default",
5
- primaryColor: "#707070",
6
- secondaryColor: "#e0e0e0",
7
- backgroundColor: "#f5f5f5",
8
- surfaceColor: "#ffffff",
9
- iconColor: "#707070",
10
- textColor: "#2d2d2d",
11
- textSecondaryColor: "#6f6f6f",
12
- borderColor: "#dcdcdc",
13
- hoverColor: "#d4d4d4",
14
- activeColor: "#5a5a5a",
15
- button: {
16
- background: "#707070",
17
- text: "#ffffff",
18
- hoverBackground: "#5f5f5f",
19
- disabledBackground: "#cfcfcf"
20
- },
21
- input: {
22
- background: "#ffffff",
23
- text: "#2d2d2d",
24
- border: "#ccc",
25
- placeholder: "#999",
26
- focusBorder: "#707070"
27
- },
28
- card: {
29
- background: "#ffffff",
30
- shadow: "0 1px 3px rgba(0,0,0,0.1)"
31
- },
32
- sidebar: {
33
- background: "#e8e8e8",
34
- text: "#2d2d2d",
35
- hover: "#dcdcdc"
36
- },
37
- success: "#4CAF50",
38
- warning: "#FFC107",
39
- error: "#F44336"
40
- },
41
- rufous: {
42
- name: "Rufous",
43
- primaryColor: "#a81c08",
44
- secondaryColor: "#f7d4cc",
45
- backgroundColor: "#fff8f7",
46
- surfaceColor: "#fff",
47
- iconColor: "#a81c08",
48
- textColor: "#2d2d2d",
49
- textSecondaryColor: "#6f6f6f",
50
- borderColor: "#e5e5e5",
51
- hoverColor: "#f3c2b9",
52
- activeColor: "#c01708",
53
- button: {
54
- background: "#a81c08",
55
- text: "#ffffff",
56
- hoverBackground: "#8f1907",
57
- disabledBackground: "#f4cccc"
58
- },
59
- input: {
60
- background: "#ffffff",
61
- text: "#2d2d2d",
62
- border: "#ccc",
63
- placeholder: "#999",
64
- focusBorder: "#a81c08"
65
- },
66
- card: {
67
- background: "#ffffff",
68
- shadow: "0 1px 3px rgba(0,0,0,0.1)"
69
- },
70
- sidebar: {
71
- background: "#fff0ed",
72
- text: "#2d2d2d",
73
- hover: "#f5e0dc"
74
- },
75
- success: "#4CAF50",
76
- warning: "#FFC107",
77
- error: "#F44336"
78
- }
79
- };
80
-
81
- export {
82
- APP_THEMES
83
- };
@@ -1,71 +0,0 @@
1
- import {
2
- APP_THEMES
3
- } from "./chunk-2FHTGYR4.js";
4
-
5
- // lib/Contexts/rufousThemeProvider.tsx
6
- import React, {
7
- createContext,
8
- useContext,
9
- useEffect,
10
- useMemo,
11
- useState
12
- } from "react";
13
- var RufousThemeContext = createContext(null);
14
- var RufousThemeProvider = ({ children }) => {
15
- const [committedThemeKey, setCommittedThemeKey] = useState("default");
16
- const [previewThemeKey, setPreviewThemeKey] = useState("default");
17
- const [settings, setSettings] = useState(null);
18
- const getGeneralSettings = async () => {
19
- try {
20
- const theme = localStorage.getItem("theme") || "default";
21
- setCommittedThemeKey(theme);
22
- setPreviewThemeKey(theme);
23
- } catch (err) {
24
- console.error("Error fetching general settings:", err);
25
- }
26
- };
27
- useEffect(() => {
28
- getGeneralSettings();
29
- }, []);
30
- const fullTheme = useMemo(() => {
31
- return {
32
- themeKey: previewThemeKey || settings.theme,
33
- customStyles: APP_THEMES[previewThemeKey || settings.theme]
34
- };
35
- }, [previewThemeKey, settings]);
36
- const previewTheme = (key) => setPreviewThemeKey(key);
37
- const saveTheme = (inputKey) => {
38
- const key = inputKey || previewThemeKey || settings.theme;
39
- localStorage.setItem("theme", key);
40
- setCommittedThemeKey(key);
41
- };
42
- const cancelTheme = () => setPreviewThemeKey(committedThemeKey);
43
- return /* @__PURE__ */ React.createElement(
44
- RufousThemeContext.Provider,
45
- {
46
- value: {
47
- theme: fullTheme,
48
- previewTheme,
49
- saveTheme,
50
- cancelTheme,
51
- currentThemeKey: previewThemeKey,
52
- committedThemeKey,
53
- settings,
54
- updateSettings: (v) => setSettings(v)
55
- }
56
- },
57
- /* @__PURE__ */ React.createElement(
58
- "div",
59
- {
60
- className: `theme-${previewThemeKey || committedThemeKey || "default"}`
61
- },
62
- children
63
- )
64
- );
65
- };
66
- var useRufousTheme = () => useContext(RufousThemeContext);
67
-
68
- export {
69
- RufousThemeProvider,
70
- useRufousTheme
71
- };