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.
- package/lib/1fb4472b34e4fe07.css +1 -0
- package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
- package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
- package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
- package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
- package/lib/components/AddButton/AddButton.d.ts +5 -0
- package/lib/components/AddButton/AddButton.stories.d.ts +6 -0
- package/lib/components/AddButton/index.d.ts +1 -0
- package/lib/components/AddButton/types.d.ts +4 -0
- package/lib/components/AddVariables/AddVariables.d.ts +5 -0
- package/lib/components/AddVariables/index.d.ts +1 -0
- package/lib/components/AddVariables/types.d.ts +35 -0
- package/lib/components/AllProjectsDropdown/AllProjectsDropdown.stories.d.ts +7 -0
- package/lib/components/AppHeader/AppHeader.stories.d.ts +7 -0
- package/lib/components/AttachImage/AttachImage.stories.d.ts +7 -0
- package/lib/components/AttachmentButton/AttachmentButton.stories.d.ts +9 -0
- package/lib/components/Avatar/Avatar.stories.d.ts +10 -0
- package/lib/components/Button/Button.stories.d.ts +1 -0
- package/lib/components/Charts/BarChart/BarChart.stories.d.ts +6 -0
- package/lib/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.d.ts +7 -0
- package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts +8 -0
- package/lib/components/Charts/LineChart/LineChart.stories.d.ts +7 -0
- package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts +8 -0
- package/lib/components/Charts/PieChart/PieChart.stories.d.ts +7 -0
- package/lib/components/Comment/Comments.d.ts +1 -1
- package/lib/components/Comment/type.d.ts +3 -3
- package/lib/components/ConnectingBranch/ConnectingBranch.stories.d.ts +6 -0
- package/lib/components/Drawer/Drawer.stories.d.ts +5 -0
- package/lib/components/EditTextField/EditTextField.stories.d.ts +10 -0
- package/lib/components/Editor/Editor.stories.d.ts +6 -0
- package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +4 -0
- package/lib/components/Excel/ExcelFile.stories.d.ts +6 -0
- package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +14 -0
- package/lib/components/ExcelFile/ColorBarSelector/ColorBarSelector.d.ts +8 -0
- package/lib/components/ExcelFile/ContextMenu/ContextMenu.d.ts +4 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/ActiveCell.d.ts +7 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Cell.d.ts +4 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/ColumnIndicator.d.ts +5 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Copied.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/CornerIndicator.d.ts +5 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/DataEditor.d.ts +5 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/DataViewer.d.ts +8 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/FloatingRect.d.ts +10 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/HeaderRow.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Row.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/RowIndicator.d.ts +5 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Selected.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Spreadsheet.d.ts +80 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Table.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/actions.d.ts +174 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/areModelsEqual.d.ts +1 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/context.d.ts +8 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/engine.d.ts +22 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/formula.d.ts +17 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/index.d.ts +2 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-graph.d.ts +21 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-hash.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-set.d.ts +24 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/index.d.ts +13 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/matrix.d.ts +67 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/point-range.d.ts +22 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/point.d.ts +11 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/reducer.d.ts +27 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/selection.d.ts +95 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/types.d.ts +178 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/use-dispatch.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/use-selector.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/util.d.ts +44 -0
- package/lib/components/ExcelFile/ExcelFile/ExcelFile.d.ts +19 -0
- package/lib/components/ExcelFile/ExcelFile.stories.d.ts +6 -0
- package/lib/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.d.ts +12 -0
- package/lib/components/ExcelFile/ExcelToolBar/ExcelToolBar.d.ts +15 -0
- package/lib/components/ExcelFile/ImportExcelStyles.d.ts +24 -0
- package/lib/components/ExcelFile/Types.d.ts +129 -0
- package/lib/components/ExcelFile/index.d.ts +1 -0
- package/lib/components/FF_Captcha/captcha.stories.d.ts +8 -0
- package/lib/components/Form/Form.stories.d.ts +6 -5
- package/lib/components/Icon/Icon.stories.d.ts +1 -0
- package/lib/components/IconButton/IconButton.stories.d.ts +1 -0
- package/lib/components/IconRadioGroup/IconRadioGroup.stories.d.ts +7 -0
- package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +13 -0
- package/lib/components/MachineInputField/MachineInputField.stories.d.ts +6 -0
- package/lib/components/MenuOption/MenuOption.stories.d.ts +1 -0
- package/lib/components/MiniModal/MiniModal.stories.d.ts +2 -1
- package/lib/components/MobileSkin/types.d.ts +1 -1
- package/lib/components/ModulesChip/ModuleChip.stories.d.ts +6 -0
- package/lib/components/MultiSelect/MultiSelect.stories.d.ts +2 -0
- package/lib/components/NLPInput/NlpInput.stories.d.ts +7 -0
- package/lib/components/NLPInput/type.d.ts +70 -0
- package/lib/components/Paper/Paper.stories.d.ts +11 -0
- package/lib/components/RadioGroup/RadioGroup.stories.d.ts +2 -1
- package/lib/components/Select/Select.stories.d.ts +1 -0
- package/lib/components/Select/components/Dropdown/Dropdown.d.ts +1 -1
- package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts +2 -0
- package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.d.ts +6 -0
- package/lib/components/StatusCard/StatusCard.stories.d.ts +11 -0
- package/lib/components/Table/Table.stories.d.ts +2 -0
- package/lib/components/Toastify/Toastify.stories.d.ts +6 -0
- package/lib/components/VariableInput/VariableInput.stories.d.ts +6 -0
- package/lib/index.d.ts +8 -22
- package/lib/index.esm.js +4508 -905
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +4509 -904
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/utils/ffID/ffID.stories.d.ts +1 -1
- package/lib/utils/findAndInsert/findAndInsert.stories.d.ts +7 -0
- package/lib/utils/getEncryptedData/getEncryptedData.stories.d.ts +6 -0
- package/lib/utils/getSequentialPayload/getSequentialPayload.stories.d.ts +10 -0
- package/lib/utils/indexDBStore/indexDB.d.ts +2 -0
- package/package.json +2 -1
- package/src/assets/icons/approval_pending.svg +8 -8
- package/src/assets/icons/clear_cache.svg +5 -0
- package/src/assets/icons/configuration.svg +3 -3
- package/src/assets/icons/defects.svg +8 -8
- package/src/assets/icons/element.svg +4 -4
- package/src/assets/icons/project_element.svg +4 -4
- package/src/assets/icons/step_group.svg +10 -10
- package/src/assets/icons/variable.svg +3 -3
- package/src/assets/icons/web_service_icon.svg +3 -3
- package/src/components/Comment/Comments.scss +0 -1
- package/src/components/Comment/Comments.stories.tsx +22 -4
- package/src/components/Comment/Comments.tsx +20 -1
- package/src/components/Comment/type.ts +3 -3
- package/src/components/Icon/iconList.ts +2 -0
- package/src/components/MobileSkin/MobileSkin.scss +44 -44
- package/src/components/MobileSkin/MobileSkin.tsx +15 -14
- package/src/components/MobileSkin/types.ts +1 -1
- package/src/index.ts +3 -0
- package/src/utils/indexDBStore/indexDB.ts +37 -0
- package/lib/components/ThemeProvider/CustomThemeProvider.d.ts +0 -8
- 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
|
-
|
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
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
overflow: hidden;
|
25
|
+
&::-webkit-scrollbar {
|
26
|
+
width: 0;
|
27
|
+
height: 0;
|
28
|
+
}
|
26
29
|
|
27
|
-
|
28
|
-
|
29
|
-
|
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
|
-
|
33
|
-
background-color:
|
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
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
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
|
-
|
65
|
-
|
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 ${
|
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
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
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) => (
|
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 {};
|