pixel-react 1.9.0 → 1.9.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 (132) hide show
  1. package/lib/1fb4472b34e4fe07.css +1 -0
  2. package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
  3. package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
  4. package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
  5. package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
  6. package/lib/components/AddButton/AddButton.d.ts +5 -0
  7. package/lib/components/AddButton/AddButton.stories.d.ts +6 -0
  8. package/lib/components/AddButton/index.d.ts +1 -0
  9. package/lib/components/AddButton/types.d.ts +4 -0
  10. package/lib/components/AddVariables/AddVariables.d.ts +5 -0
  11. package/lib/components/AddVariables/index.d.ts +1 -0
  12. package/lib/components/AddVariables/types.d.ts +35 -0
  13. package/lib/components/AllProjectsDropdown/AllProjectsDropdown.stories.d.ts +7 -0
  14. package/lib/components/AppHeader/AppHeader.stories.d.ts +7 -0
  15. package/lib/components/AttachImage/AttachImage.stories.d.ts +7 -0
  16. package/lib/components/AttachmentButton/AttachmentButton.stories.d.ts +9 -0
  17. package/lib/components/Avatar/Avatar.stories.d.ts +10 -0
  18. package/lib/components/Button/Button.stories.d.ts +1 -0
  19. package/lib/components/Charts/BarChart/BarChart.stories.d.ts +6 -0
  20. package/lib/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.d.ts +7 -0
  21. package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts +8 -0
  22. package/lib/components/Charts/LineChart/LineChart.stories.d.ts +7 -0
  23. package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts +8 -0
  24. package/lib/components/Charts/PieChart/PieChart.stories.d.ts +7 -0
  25. package/lib/components/Comment/Comments.d.ts +1 -1
  26. package/lib/components/Comment/type.d.ts +3 -3
  27. package/lib/components/ConnectingBranch/ConnectingBranch.stories.d.ts +6 -0
  28. package/lib/components/Drawer/Drawer.stories.d.ts +5 -0
  29. package/lib/components/EditTextField/EditTextField.stories.d.ts +10 -0
  30. package/lib/components/Editor/Editor.stories.d.ts +6 -0
  31. package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +4 -0
  32. package/lib/components/Excel/ExcelFile.stories.d.ts +6 -0
  33. package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +14 -0
  34. package/lib/components/ExcelFile/ColorBarSelector/ColorBarSelector.d.ts +8 -0
  35. package/lib/components/ExcelFile/ContextMenu/ContextMenu.d.ts +4 -0
  36. package/lib/components/ExcelFile/ExcelFile/Excel/ActiveCell.d.ts +7 -0
  37. package/lib/components/ExcelFile/ExcelFile/Excel/Cell.d.ts +4 -0
  38. package/lib/components/ExcelFile/ExcelFile/Excel/ColumnIndicator.d.ts +5 -0
  39. package/lib/components/ExcelFile/ExcelFile/Excel/Copied.d.ts +3 -0
  40. package/lib/components/ExcelFile/ExcelFile/Excel/CornerIndicator.d.ts +5 -0
  41. package/lib/components/ExcelFile/ExcelFile/Excel/DataEditor.d.ts +5 -0
  42. package/lib/components/ExcelFile/ExcelFile/Excel/DataViewer.d.ts +8 -0
  43. package/lib/components/ExcelFile/ExcelFile/Excel/FloatingRect.d.ts +10 -0
  44. package/lib/components/ExcelFile/ExcelFile/Excel/HeaderRow.d.ts +3 -0
  45. package/lib/components/ExcelFile/ExcelFile/Excel/Row.d.ts +3 -0
  46. package/lib/components/ExcelFile/ExcelFile/Excel/RowIndicator.d.ts +5 -0
  47. package/lib/components/ExcelFile/ExcelFile/Excel/Selected.d.ts +3 -0
  48. package/lib/components/ExcelFile/ExcelFile/Excel/Spreadsheet.d.ts +80 -0
  49. package/lib/components/ExcelFile/ExcelFile/Excel/Table.d.ts +3 -0
  50. package/lib/components/ExcelFile/ExcelFile/Excel/actions.d.ts +174 -0
  51. package/lib/components/ExcelFile/ExcelFile/Excel/areModelsEqual.d.ts +1 -0
  52. package/lib/components/ExcelFile/ExcelFile/Excel/context.d.ts +8 -0
  53. package/lib/components/ExcelFile/ExcelFile/Excel/engine/engine.d.ts +22 -0
  54. package/lib/components/ExcelFile/ExcelFile/Excel/engine/formula.d.ts +17 -0
  55. package/lib/components/ExcelFile/ExcelFile/Excel/engine/index.d.ts +2 -0
  56. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-graph.d.ts +21 -0
  57. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-hash.d.ts +3 -0
  58. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-set.d.ts +24 -0
  59. package/lib/components/ExcelFile/ExcelFile/Excel/index.d.ts +13 -0
  60. package/lib/components/ExcelFile/ExcelFile/Excel/matrix.d.ts +67 -0
  61. package/lib/components/ExcelFile/ExcelFile/Excel/point-range.d.ts +22 -0
  62. package/lib/components/ExcelFile/ExcelFile/Excel/point.d.ts +11 -0
  63. package/lib/components/ExcelFile/ExcelFile/Excel/reducer.d.ts +27 -0
  64. package/lib/components/ExcelFile/ExcelFile/Excel/selection.d.ts +95 -0
  65. package/lib/components/ExcelFile/ExcelFile/Excel/types.d.ts +178 -0
  66. package/lib/components/ExcelFile/ExcelFile/Excel/use-dispatch.d.ts +3 -0
  67. package/lib/components/ExcelFile/ExcelFile/Excel/use-selector.d.ts +3 -0
  68. package/lib/components/ExcelFile/ExcelFile/Excel/util.d.ts +44 -0
  69. package/lib/components/ExcelFile/ExcelFile/ExcelFile.d.ts +19 -0
  70. package/lib/components/ExcelFile/ExcelFile.stories.d.ts +6 -0
  71. package/lib/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.d.ts +12 -0
  72. package/lib/components/ExcelFile/ExcelToolBar/ExcelToolBar.d.ts +15 -0
  73. package/lib/components/ExcelFile/ImportExcelStyles.d.ts +24 -0
  74. package/lib/components/ExcelFile/Types.d.ts +129 -0
  75. package/lib/components/ExcelFile/index.d.ts +1 -0
  76. package/lib/components/FF_Captcha/captcha.stories.d.ts +8 -0
  77. package/lib/components/Form/Form.stories.d.ts +6 -5
  78. package/lib/components/Icon/Icon.stories.d.ts +1 -0
  79. package/lib/components/IconButton/IconButton.stories.d.ts +1 -0
  80. package/lib/components/IconRadioGroup/IconRadioGroup.stories.d.ts +7 -0
  81. package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +13 -0
  82. package/lib/components/MachineInputField/MachineInputField.stories.d.ts +6 -0
  83. package/lib/components/MenuOption/MenuOption.stories.d.ts +1 -0
  84. package/lib/components/MiniModal/MiniModal.stories.d.ts +2 -1
  85. package/lib/components/MobileSkin/types.d.ts +1 -1
  86. package/lib/components/ModulesChip/ModuleChip.stories.d.ts +6 -0
  87. package/lib/components/MultiSelect/MultiSelect.stories.d.ts +2 -0
  88. package/lib/components/NLPInput/NlpInput.stories.d.ts +7 -0
  89. package/lib/components/NLPInput/type.d.ts +70 -0
  90. package/lib/components/Paper/Paper.stories.d.ts +11 -0
  91. package/lib/components/RadioGroup/RadioGroup.stories.d.ts +2 -1
  92. package/lib/components/Select/Select.stories.d.ts +1 -0
  93. package/lib/components/Select/components/Dropdown/Dropdown.d.ts +1 -1
  94. package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts +2 -0
  95. package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.d.ts +6 -0
  96. package/lib/components/StatusCard/StatusCard.stories.d.ts +11 -0
  97. package/lib/components/Table/Table.stories.d.ts +2 -0
  98. package/lib/components/Toastify/Toastify.stories.d.ts +6 -0
  99. package/lib/components/VariableInput/VariableInput.stories.d.ts +6 -0
  100. package/lib/index.d.ts +8 -22
  101. package/lib/index.esm.js +4508 -905
  102. package/lib/index.esm.js.map +1 -1
  103. package/lib/index.js +4509 -904
  104. package/lib/index.js.map +1 -1
  105. package/lib/tsconfig.tsbuildinfo +1 -1
  106. package/lib/utils/ffID/ffID.stories.d.ts +1 -1
  107. package/lib/utils/findAndInsert/findAndInsert.stories.d.ts +7 -0
  108. package/lib/utils/getEncryptedData/getEncryptedData.stories.d.ts +6 -0
  109. package/lib/utils/getSequentialPayload/getSequentialPayload.stories.d.ts +10 -0
  110. package/lib/utils/indexDBStore/indexDB.d.ts +2 -0
  111. package/package.json +2 -1
  112. package/src/assets/icons/approval_pending.svg +8 -8
  113. package/src/assets/icons/clear_cache.svg +5 -0
  114. package/src/assets/icons/configuration.svg +3 -3
  115. package/src/assets/icons/defects.svg +8 -8
  116. package/src/assets/icons/element.svg +4 -4
  117. package/src/assets/icons/project_element.svg +4 -4
  118. package/src/assets/icons/step_group.svg +10 -10
  119. package/src/assets/icons/variable.svg +3 -3
  120. package/src/assets/icons/web_service_icon.svg +3 -3
  121. package/src/components/Comment/Comments.scss +0 -1
  122. package/src/components/Comment/Comments.stories.tsx +22 -4
  123. package/src/components/Comment/Comments.tsx +20 -1
  124. package/src/components/Comment/type.ts +3 -3
  125. package/src/components/Icon/iconList.ts +2 -0
  126. package/src/components/MobileSkin/MobileSkin.scss +44 -44
  127. package/src/components/MobileSkin/MobileSkin.tsx +15 -14
  128. package/src/components/MobileSkin/types.ts +1 -1
  129. package/src/index.ts +3 -0
  130. package/src/utils/indexDBStore/indexDB.ts +37 -0
  131. package/lib/components/ThemeProvider/CustomThemeProvider.d.ts +0 -8
  132. package/lib/hooks/useCustomThemeProvider.d.ts +0 -11
@@ -12,56 +12,56 @@
12
12
  &.landscape {
13
13
  gap: 38px;
14
14
  }
15
- }
16
15
 
17
- .ff-mobileskin-container {
18
- @extend .ff-mobileskin-wrapper;
19
- }
16
+ .ff-mobileskin-container {
17
+ @extend .ff-mobileskin-wrapper;
18
+ .ff-mobile-container {
19
+ @include center-content;
20
+ border: 8px solid var(--text-color);
21
+ border-radius: 30px;
22
+ position: relative;
23
+ overflow: hidden;
20
24
 
21
- .ff-mobile-container {
22
- border: 8px solid var(--text-color);
23
- @include center-content;
24
- position: relative;
25
- overflow: hidden;
25
+ &::-webkit-scrollbar {
26
+ width: 0;
27
+ height: 0;
28
+ }
26
29
 
27
- &::-webkit-scrollbar {
28
- width: 0;
29
- height: 0;
30
+ &::-webkit-scrollbar-thumb {
31
+ background-color: transparent;
32
+ }
33
+ .ff-mobile-image-container {
34
+ @include center-content;
35
+ overflow: hidden;
36
+ }
37
+ }
30
38
  }
31
39
 
32
- &::-webkit-scrollbar-thumb {
33
- background-color: transparent;
40
+ .ff-notch {
41
+ background-color: var(--text-color);
42
+ border-radius: 24px;
43
+ position: absolute;
44
+ &.android-notch {
45
+ border-radius: 50%;
46
+ }
34
47
  }
35
- }
36
-
37
- .ff-mobile-image-container {
38
- @include center-content;
39
- overflow: hidden;
40
- }
41
-
42
- .ff-notch {
43
- background-color: var(--text-color);
44
- border-radius: 24px;
45
- position: absolute;
46
- }
47
-
48
- .ff-nav-bar {
49
- height: 32px;
50
- padding: 8px;
51
- display: flex;
52
- justify-content: space-evenly;
53
- align-items: center;
54
- border: 1px solid var(--brand-color);
55
- border-radius: 24px;
56
- }
57
-
58
- .ff-nav-bar-icon {
59
- height: 16px;
60
- padding: 8px;
61
- border-right: 1px solid var(--brand-color);
62
- @include center-content;
48
+ .ff-nav-bar {
49
+ height: 32px;
50
+ padding: 8px;
51
+ display: flex;
52
+ justify-content: space-evenly;
53
+ align-items: center;
54
+ border: 1px solid var(--brand-color);
55
+ border-radius: 24px;
56
+ }
57
+ .ff-nav-bar-icon {
58
+ height: 16px;
59
+ padding: 8px;
60
+ border-right: 1px solid var(--brand-color);
61
+ @include center-content;
63
62
 
64
- &.last-icon {
65
- border-right: none;
63
+ &.last-icon {
64
+ border-right: none;
65
+ }
66
66
  }
67
67
  }
@@ -22,7 +22,9 @@ const MobileSkin: React.FC<MobileSkinProps> = ({
22
22
 
23
23
  return (
24
24
  <div
25
- className={`ff-mobileskin-wrapper ${isPortrait ? 'portrait' : 'landscape'}`}
25
+ className={`ff-mobileskin-wrapper ${
26
+ isPortrait ? 'portrait' : 'landscape'
27
+ }`}
26
28
  >
27
29
  <div
28
30
  className="ff-mobileskin-container"
@@ -36,7 +38,6 @@ const MobileSkin: React.FC<MobileSkinProps> = ({
36
38
  style={{
37
39
  width: containerWidth,
38
40
  height: containerHeight,
39
- borderRadius: isIos ? '30px' : '10px',
40
41
  }}
41
42
  >
42
43
  <div className="ff-mobile-image-container">
@@ -55,18 +56,18 @@ const MobileSkin: React.FC<MobileSkinProps> = ({
55
56
  </div>
56
57
  </div>
57
58
 
58
- {isIos && (
59
- <div
60
- className="ff-notch"
61
- style={{
62
- height: isPortrait ? notchHeight : notchWidth,
63
- width: isPortrait ? notchWidth : notchHeight,
64
- transform: isPortrait
65
- ? `translate(${mobileWidth * 0.01}px, ${mobileHeight * -0.46}px)`
66
- : `translate(${containerWidth * -0.46}px, ${containerHeight * -0.01}px)`,
67
- }}
68
- ></div>
69
- )}
59
+ <div
60
+ className={`ff-notch ${!isIos ? 'android-notch' : ''}`}
61
+ style={{
62
+ height: !isIos ? 15 : isPortrait ? notchHeight : notchWidth,
63
+ width: !isIos ? 15 : isPortrait ? notchWidth : notchHeight,
64
+ transform: isPortrait
65
+ ? `translate(${mobileWidth * 0.01}px, ${mobileHeight * -0.43}px)`
66
+ : `translate(${containerWidth * -0.46}px, ${
67
+ containerHeight * -0.01
68
+ }px)`,
69
+ }}
70
+ ></div>
70
71
  </div>
71
72
  <div className="ff-nav-bar">
72
73
  {navBarIcons.map((icon, index) => (
@@ -12,7 +12,7 @@ export interface MobileSkinProps {
12
12
  /**
13
13
  * Portrait or landScape View of the Mobile
14
14
  */
15
- orientation: string;
15
+ orientation: "portrait" | "landscape";
16
16
  /**
17
17
  * type either it will be ios or android
18
18
  */
package/src/index.ts CHANGED
@@ -162,6 +162,7 @@ import {
162
162
  ELEMENTS_WHITE_SPACE_REGEX,
163
163
  PARAMETER_ALPHANUMERIC_REGEX,
164
164
  } from './validations/regex';
165
+ import { getFromIndexedDB, saveToIndexedDB } from './utils/indexDBStore/indexDB';
165
166
 
166
167
  export {
167
168
  Button,
@@ -270,6 +271,8 @@ export {
270
271
  FormatString,
271
272
  hasDuplicateFile,
272
273
  useKeyboardActions,
274
+ saveToIndexedDB,
275
+ getFromIndexedDB,
273
276
 
274
277
  EMAIL_REGEX,
275
278
  URL_REGEX,
@@ -0,0 +1,37 @@
1
+ import { openDB, DBSchema } from 'idb';
2
+
3
+ // Define the database schema
4
+ interface MyDB extends DBSchema {
5
+ items: {
6
+ key: string; // Key for each item
7
+ value: string; // Stored value, encoded as a string
8
+ };
9
+ }
10
+
11
+ // Open the database
12
+ const dbPromise = openDB<MyDB>('my-database', 1, {
13
+ upgrade(db) {
14
+ if (!db.objectStoreNames.contains('items')) {
15
+ db.createObjectStore('items');
16
+ }
17
+ },
18
+ });
19
+
20
+ // Encoding utility
21
+ const encode = (data: string): string => btoa(unescape(encodeURIComponent(data))); // Example: Base64 encoding
22
+ // Decoding utility
23
+ const decode = (data: string): string => decodeURIComponent(escape(atob(data)));
24
+
25
+ // Save data to IndexedDB
26
+ export const saveToIndexedDB = async (key: string, value: string): Promise<void> => {
27
+ const db = await dbPromise;
28
+ const encodedValue = encode(value);
29
+ await db.put('items', encodedValue, key);
30
+ };
31
+
32
+ // Get data from IndexedDB
33
+ export const getFromIndexedDB = async (key: string): Promise<string | null> => {
34
+ const db = await dbPromise;
35
+ const encodedValue = await db.get('items', key);
36
+ return encodedValue ? decode(encodedValue) : null;
37
+ };
@@ -1,8 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import { ThemeContextType } from './types';
3
- declare const ThemeContext: React.Context<ThemeContextType | undefined>;
4
- declare const CustomThemeProvider: React.FC<{
5
- children: ReactNode;
6
- }>;
7
- export { ThemeContext };
8
- export default CustomThemeProvider;
@@ -1,11 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- interface ThemeContextType {
3
- currentTheme: string;
4
- setCurrentTheme: React.Dispatch<React.SetStateAction<string>>;
5
- applyTheme: (newTheme: string) => void;
6
- }
7
- export declare const useCustomThemeProvider: React.FC<{
8
- children: ReactNode;
9
- }>;
10
- export declare const useTheme: () => ThemeContextType;
11
- export {};