pixel-react 1.9.2 → 1.9.4

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 (203) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/lib/components/Charts/BarChart/BarChart.d.ts +1 -0
  3. package/lib/components/Charts/MultiRadialChart/types.d.ts +2 -0
  4. package/lib/components/Table/Table.d.ts +1 -1
  5. package/lib/components/Table/Types.d.ts +8 -0
  6. package/lib/components/TableTree/Components/TableCell.d.ts +1 -1
  7. package/lib/components/TableTree/Components/TableRow.d.ts +1 -1
  8. package/lib/components/TableTree/data.d.ts +54 -222
  9. package/lib/components/TableTree/types.d.ts +0 -6
  10. package/lib/index.d.ts +15 -2
  11. package/lib/index.esm.js +21314 -21374
  12. package/lib/index.esm.js.map +1 -1
  13. package/lib/index.js +21319 -21378
  14. package/lib/index.js.map +1 -1
  15. package/lib/tsconfig.tsbuildinfo +1 -1
  16. package/lib/utils/swapArrayItem/dragAndDropUtils.d.ts +1 -0
  17. package/package.json +1 -1
  18. package/src/StyleGuide/ColorPalette/colorPaletteList.ts +55 -0
  19. package/src/assets/Themes/BaseTheme.scss +17 -6
  20. package/src/assets/Themes/BlueTheme.scss +12 -0
  21. package/src/assets/Themes/DarkTheme.scss +20 -6
  22. package/src/assets/icons/approval_pending.svg +8 -8
  23. package/src/assets/icons/azure.svg +9 -0
  24. package/src/assets/icons/bitbucket.svg +9 -0
  25. package/src/assets/icons/configuration.svg +3 -3
  26. package/src/assets/icons/defects.svg +8 -8
  27. package/src/assets/icons/element.svg +4 -4
  28. package/src/assets/icons/github.svg +9 -0
  29. package/src/assets/icons/gitlab.svg +9 -0
  30. package/src/assets/icons/jenkins.svg +9 -0
  31. package/src/assets/icons/jira_logo.svg +9 -0
  32. package/src/assets/icons/primary_calendar_icon.svg +3 -0
  33. package/src/assets/icons/project_element.svg +4 -4
  34. package/src/assets/icons/slack.svg +9 -0
  35. package/src/assets/icons/step_group.svg +10 -10
  36. package/src/assets/icons/variable.svg +3 -3
  37. package/src/assets/icons/web_service_icon.svg +3 -3
  38. package/src/components/Charts/BarChart/BarChart.stories.tsx +2 -1
  39. package/src/components/Charts/BarChart/BarChart.tsx +6 -2
  40. package/src/components/Charts/MultiRadialChart/MultiRadialChart.scss +0 -2
  41. package/src/components/Charts/MultiRadialChart/MultiRadialChart.stories.tsx +7 -1
  42. package/src/components/Charts/MultiRadialChart/MultiRadialChart.tsx +5 -2
  43. package/src/components/Charts/MultiRadialChart/types.ts +2 -0
  44. package/src/components/DatePicker/DatePicker.scss +379 -632
  45. package/src/components/DatePicker/DatePicker.tsx +130 -98
  46. package/src/components/DatePicker/Timepicker.tsx +1 -13
  47. package/src/components/Icon/iconList.ts +16 -0
  48. package/src/components/Table/Table.scss +44 -11
  49. package/src/components/Table/Table.stories.tsx +60 -1
  50. package/src/components/Table/Table.tsx +190 -123
  51. package/src/components/Table/Types.ts +8 -0
  52. package/src/components/TableTree/Components/TableBody.tsx +17 -19
  53. package/src/components/TableTree/Components/TableCell.tsx +4 -7
  54. package/src/components/TableTree/Components/TableRow.tsx +4 -7
  55. package/src/components/TableTree/TableTree.stories.tsx +10 -10
  56. package/src/components/TableTree/TableTree.tsx +1 -1
  57. package/src/components/TableTree/data.ts +53 -331
  58. package/src/components/TableTree/types.ts +0 -6
  59. package/src/components/TextArea/Textarea.scss +24 -6
  60. package/src/index.ts +3 -1
  61. package/src/utils/swapArrayItem/dragAndDropUtils.ts +11 -0
  62. package/lib/1fb4472b34e4fe07.css +0 -1
  63. package/lib/StyleGuide/ColorPalette/ColorPalette.stories.d.ts +0 -6
  64. package/lib/StyleGuide/Typography/Typography.stories.d.ts +0 -6
  65. package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
  66. package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
  67. package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
  68. package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
  69. package/lib/components/Accordion/Accordion.stories.d.ts +0 -6
  70. package/lib/components/AddButton/AddButton.d.ts +0 -5
  71. package/lib/components/AddButton/AddButton.stories.d.ts +0 -6
  72. package/lib/components/AddButton/index.d.ts +0 -1
  73. package/lib/components/AddButton/types.d.ts +0 -4
  74. package/lib/components/AddResourceButton/AddButton.stories.d.ts +0 -8
  75. package/lib/components/AddVariables/AddVariables.d.ts +0 -5
  76. package/lib/components/AddVariables/index.d.ts +0 -1
  77. package/lib/components/AddVariables/types.d.ts +0 -35
  78. package/lib/components/AllProjectsDropdown/AllProjectsDropdown.stories.d.ts +0 -7
  79. package/lib/components/AppHeader/AppHeader.stories.d.ts +0 -7
  80. package/lib/components/AttachImage/AttachImage.stories.d.ts +0 -7
  81. package/lib/components/AttachmentButton/AttachmentButton.stories.d.ts +0 -9
  82. package/lib/components/Avatar/Avatar.stories.d.ts +0 -10
  83. package/lib/components/Button/Button.stories.d.ts +0 -13
  84. package/lib/components/Charts/BarChart/BarChart.stories.d.ts +0 -6
  85. package/lib/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.d.ts +0 -7
  86. package/lib/components/Charts/DonutChart/DonutChart.stories.d.ts +0 -6
  87. package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts +0 -8
  88. package/lib/components/Charts/LineChart/LineChart.stories.d.ts +0 -7
  89. package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts +0 -8
  90. package/lib/components/Charts/PieChart/PieChart.stories.d.ts +0 -7
  91. package/lib/components/Charts/RadialChart/RadialChart.stories.d.ts +0 -6
  92. package/lib/components/Checkbox/Checkbox.stories.d.ts +0 -8
  93. package/lib/components/Chip/Chip.stories.d.ts +0 -14
  94. package/lib/components/ConnectingBranch/ConnectingBranch.stories.d.ts +0 -6
  95. package/lib/components/DatePicker/DatePicker.stories.d.ts +0 -9
  96. package/lib/components/DragAndDrop/DragAndDrop.stories.d.ts +0 -6
  97. package/lib/components/Drawer/Drawer.stories.d.ts +0 -12
  98. package/lib/components/EditTextField/EditTextField.stories.d.ts +0 -10
  99. package/lib/components/Editor/Editor.stories.d.ts +0 -6
  100. package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +0 -4
  101. package/lib/components/Excel/ExcelFile.stories.d.ts +0 -6
  102. package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +0 -14
  103. package/lib/components/ExcelFile/ColorBarSelector/ColorBarSelector.d.ts +0 -8
  104. package/lib/components/ExcelFile/ContextMenu/ContextMenu.d.ts +0 -4
  105. package/lib/components/ExcelFile/ExcelFile/Excel/ActiveCell.d.ts +0 -7
  106. package/lib/components/ExcelFile/ExcelFile/Excel/Cell.d.ts +0 -4
  107. package/lib/components/ExcelFile/ExcelFile/Excel/ColumnIndicator.d.ts +0 -5
  108. package/lib/components/ExcelFile/ExcelFile/Excel/Copied.d.ts +0 -3
  109. package/lib/components/ExcelFile/ExcelFile/Excel/CornerIndicator.d.ts +0 -5
  110. package/lib/components/ExcelFile/ExcelFile/Excel/DataEditor.d.ts +0 -5
  111. package/lib/components/ExcelFile/ExcelFile/Excel/DataViewer.d.ts +0 -8
  112. package/lib/components/ExcelFile/ExcelFile/Excel/FloatingRect.d.ts +0 -10
  113. package/lib/components/ExcelFile/ExcelFile/Excel/HeaderRow.d.ts +0 -3
  114. package/lib/components/ExcelFile/ExcelFile/Excel/Row.d.ts +0 -3
  115. package/lib/components/ExcelFile/ExcelFile/Excel/RowIndicator.d.ts +0 -5
  116. package/lib/components/ExcelFile/ExcelFile/Excel/Selected.d.ts +0 -3
  117. package/lib/components/ExcelFile/ExcelFile/Excel/Spreadsheet.d.ts +0 -80
  118. package/lib/components/ExcelFile/ExcelFile/Excel/Table.d.ts +0 -3
  119. package/lib/components/ExcelFile/ExcelFile/Excel/actions.d.ts +0 -174
  120. package/lib/components/ExcelFile/ExcelFile/Excel/areModelsEqual.d.ts +0 -1
  121. package/lib/components/ExcelFile/ExcelFile/Excel/context.d.ts +0 -8
  122. package/lib/components/ExcelFile/ExcelFile/Excel/engine/engine.d.ts +0 -22
  123. package/lib/components/ExcelFile/ExcelFile/Excel/engine/formula.d.ts +0 -17
  124. package/lib/components/ExcelFile/ExcelFile/Excel/engine/index.d.ts +0 -2
  125. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-graph.d.ts +0 -21
  126. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-hash.d.ts +0 -3
  127. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-set.d.ts +0 -24
  128. package/lib/components/ExcelFile/ExcelFile/Excel/index.d.ts +0 -13
  129. package/lib/components/ExcelFile/ExcelFile/Excel/matrix.d.ts +0 -67
  130. package/lib/components/ExcelFile/ExcelFile/Excel/point-range.d.ts +0 -22
  131. package/lib/components/ExcelFile/ExcelFile/Excel/point.d.ts +0 -11
  132. package/lib/components/ExcelFile/ExcelFile/Excel/reducer.d.ts +0 -27
  133. package/lib/components/ExcelFile/ExcelFile/Excel/selection.d.ts +0 -95
  134. package/lib/components/ExcelFile/ExcelFile/Excel/types.d.ts +0 -178
  135. package/lib/components/ExcelFile/ExcelFile/Excel/use-dispatch.d.ts +0 -3
  136. package/lib/components/ExcelFile/ExcelFile/Excel/use-selector.d.ts +0 -3
  137. package/lib/components/ExcelFile/ExcelFile/Excel/util.d.ts +0 -44
  138. package/lib/components/ExcelFile/ExcelFile/ExcelFile.d.ts +0 -19
  139. package/lib/components/ExcelFile/ExcelFile.stories.d.ts +0 -6
  140. package/lib/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.d.ts +0 -12
  141. package/lib/components/ExcelFile/ExcelToolBar/ExcelToolBar.d.ts +0 -15
  142. package/lib/components/ExcelFile/ImportExcelStyles.d.ts +0 -24
  143. package/lib/components/ExcelFile/Types.d.ts +0 -129
  144. package/lib/components/ExcelFile/index.d.ts +0 -1
  145. package/lib/components/ExpandableMenu/ExpandableMenu.stories.d.ts +0 -7
  146. package/lib/components/FF_Captcha/captcha.stories.d.ts +0 -8
  147. package/lib/components/FileDropzone/FileDropzone.stories.d.ts +0 -8
  148. package/lib/components/Form/Form.stories.d.ts +0 -7
  149. package/lib/components/GridLayout/GridLayout.stories.d.ts +0 -8
  150. package/lib/components/HighlightText/HighlightText.stories.d.ts +0 -6
  151. package/lib/components/Icon/Icon.stories.d.ts +0 -8
  152. package/lib/components/IconButton/IconButton.stories.d.ts +0 -7
  153. package/lib/components/IconRadioGroup/IconRadioGroup.stories.d.ts +0 -7
  154. package/lib/components/Input/Input.stories.d.ts +0 -9
  155. package/lib/components/InputWithDropdown/InputWithDropdown.stories.d.ts +0 -9
  156. package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +0 -13
  157. package/lib/components/LazyLoad/LazyLoad.stories.d.ts +0 -6
  158. package/lib/components/MachineInputField/MachineInputField.stories.d.ts +0 -6
  159. package/lib/components/MenuOption/MenuOption.stories.d.ts +0 -16
  160. package/lib/components/MiniModal/MiniModal.stories.d.ts +0 -10
  161. package/lib/components/Modal/Modal.stories.d.ts +0 -7
  162. package/lib/components/ModulesChip/ModuleChip.stories.d.ts +0 -6
  163. package/lib/components/MultiSelect/MultiSelect.stories.d.ts +0 -11
  164. package/lib/components/NLPInput/NlpInput.stories.d.ts +0 -7
  165. package/lib/components/NLPInput/type.d.ts +0 -70
  166. package/lib/components/Paper/Paper.stories.d.ts +0 -11
  167. package/lib/components/RadioButton/RadioButton.stories.d.ts +0 -10
  168. package/lib/components/RadioGroup/RadioGroup.stories.d.ts +0 -9
  169. package/lib/components/Search/Search.stories.d.ts +0 -6
  170. package/lib/components/Select/Select.stories.d.ts +0 -14
  171. package/lib/components/Select/components/Dropdown/Dropdown.d.ts +0 -4
  172. package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts +0 -17
  173. package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.d.ts +0 -6
  174. package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/AddBrowserModal.d.ts +0 -4
  175. package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/types.d.ts +0 -3
  176. package/lib/components/SequentialConnectingBranch/components/DatasetListModal/DatasetListModal.d.ts +0 -4
  177. package/lib/components/SequentialConnectingBranch/components/DatasetListModal/types.d.ts +0 -3
  178. package/lib/components/StateDropdown/StateDropdown.stories.d.ts +0 -10
  179. package/lib/components/StatusButton/StatusButton.stories.d.ts +0 -14
  180. package/lib/components/StatusCard/StatusCard.stories.d.ts +0 -11
  181. package/lib/components/Table/Table.stories.d.ts +0 -13
  182. package/lib/components/TableTree/TableTree.stories.d.ts +0 -7
  183. package/lib/components/Tabs/Tabs.stories.d.ts +0 -9
  184. package/lib/components/TextArea/Textarea.stories.d.ts +0 -9
  185. package/lib/components/Toast/Toast.stories.d.ts +0 -6
  186. package/lib/components/Toastify/Toastify.stories.d.ts +0 -6
  187. package/lib/components/Toggle/Toggle.stories.d.ts +0 -12
  188. package/lib/components/Tooltip/Tooltip.stories.d.ts +0 -15
  189. package/lib/components/Typography/Typography.stories.d.ts +0 -10
  190. package/lib/components/VariableInput/VariableInput.stories.d.ts +0 -6
  191. package/lib/utils/checkEmpty/checkEmpty.stories.d.ts +0 -6
  192. package/lib/utils/compareArrays/compareArrays.stories.d.ts +0 -6
  193. package/lib/utils/compareObjects/compareObjects.stories.d.ts +0 -6
  194. package/lib/utils/debounce/debounce.stories.d.ts +0 -6
  195. package/lib/utils/ffID/ffID.stories.d.ts +0 -6
  196. package/lib/utils/find/findAndInsert.d.ts +0 -7
  197. package/lib/utils/find/findAndInsert.stories.d.ts +0 -7
  198. package/lib/utils/findAndInsert/findAndInsert.stories.d.ts +0 -7
  199. package/lib/utils/getEncryptedData/getEncryptedData.stories.d.ts +0 -6
  200. package/lib/utils/getExtension/getExtension.stories.d.ts +0 -6
  201. package/lib/utils/getSequentialPayload/getSequentialPayload.stories.d.ts +0 -10
  202. package/lib/utils/throttle/throttle.stories.d.ts +0 -6
  203. package/lib/utils/truncateText/truncateText.stories.d.ts +0 -6
@@ -11,13 +11,14 @@ type BarChartProps = {
11
11
  barGap?: number;
12
12
  colors?: string[][];
13
13
  xAxisLabel?: string;
14
+ isTruncateText?: boolean;
14
15
  yAxisLabel?: string;
15
16
  padding?: number;
16
17
  yAxisDivisions?: number;
17
18
  barBorderRadius?: number;
18
19
  legend?: boolean;
19
20
  showXAxisLabels?: boolean;
20
- icons?: (string | React.ReactNode)[];
21
+ icons?: (string | React.ReactNode)[];
21
22
  iconSize?: number;
22
23
  backgroundColor?: string;
23
24
  legendPosition?: 'top' | 'bottom';
@@ -32,6 +33,7 @@ const BarChart: React.FC<BarChartProps> = ({
32
33
  barGap = 20,
33
34
  colors = [],
34
35
  xAxisLabel,
36
+ isTruncateText = true,
35
37
  yAxisLabel,
36
38
  padding = 20,
37
39
  yAxisDivisions = 5,
@@ -249,7 +251,9 @@ const BarChart: React.FC<BarChartProps> = ({
249
251
  textAnchor="middle"
250
252
  className="ff-bar-chart-labels"
251
253
  >
252
- {truncateText(item.label, 10)}
254
+ {isTruncateText
255
+ ? truncateText(item.label, 10)
256
+ : item.label}
253
257
  </text>
254
258
  )}
255
259
  </g>
@@ -4,7 +4,6 @@
4
4
  cursor: pointer;
5
5
  display: flex;
6
6
  align-items: center;
7
- gap: 16px;
8
7
  &.ff-multi-radial-chart-number {
9
8
  flex-direction: column;
10
9
  }
@@ -55,7 +54,6 @@
55
54
  grid-template-columns: auto;
56
55
  display: flex;
57
56
  flex-direction: column;
58
- gap: 15px;
59
57
  justify-content: center;
60
58
  margin-left: 8px;
61
59
 
@@ -42,6 +42,8 @@ export const Default: Story = {
42
42
  lineCap: 'round',
43
43
  legendType: 'numberLegend',
44
44
  isLegendDetails: true,
45
+ chartToPillGap: "16px",
46
+ pillLegendGap: "15px"
45
47
  },
46
48
  };
47
49
 
@@ -74,6 +76,8 @@ export const numberLegend: Story = {
74
76
  lineCap: 'square',
75
77
  legendType: 'numberLegend',
76
78
  isLegendDetails: true,
79
+ chartToPillGap: "16px",
80
+ pillLegendGap: "15px"
77
81
  },
78
82
  };
79
83
 
@@ -112,6 +116,8 @@ export const PillLegend: Story = {
112
116
  legendType: 'pillLegend',
113
117
  isLegendDetails: true,
114
118
  labelFontSize: 12,
115
- subLabelFontSize: 8
119
+ subLabelFontSize: 8,
120
+ chartToPillGap: "16px",
121
+ pillLegendGap: "15px"
116
122
  },
117
123
  };
@@ -25,6 +25,8 @@ const MultiRadialChart: React.FC<MultiRadialChartProps> = ({
25
25
  labelHeading,
26
26
  legendType = 'numberLegend',
27
27
  isLegendDetails = true,
28
+ chartToPillGap,
29
+ pillLegendGap,
28
30
  labelFontSize = 12,
29
31
  subLabelFontSize = 8,
30
32
  }) => {
@@ -56,7 +58,7 @@ const MultiRadialChart: React.FC<MultiRadialChartProps> = ({
56
58
  switch (legendType) {
57
59
  case 'numberLegend':
58
60
  return (
59
- <div className="ff-legend-container ff-number-legend">
61
+ <div className="ff-legend-container ff-number-legend" style={{gap:pillLegendGap}}>
60
62
  {legendData.map((item, index) => (
61
63
  <div className="ff-legend-item" key={index}>
62
64
  <Typography
@@ -81,7 +83,7 @@ const MultiRadialChart: React.FC<MultiRadialChartProps> = ({
81
83
 
82
84
  case 'pillLegend':
83
85
  return (
84
- <div className="ff-legend-container ff-pill-legend">
86
+ <div className="ff-legend-container ff-pill-legend" style={{gap:pillLegendGap}}>
85
87
  {legendData.reverse().map((item, index) => (
86
88
  <div className="ff-legend-item" key={index}>
87
89
  <span
@@ -148,6 +150,7 @@ const MultiRadialChart: React.FC<MultiRadialChartProps> = ({
148
150
  ? 'ff-multi-radial-chart-number'
149
151
  : 'ff-multi-radial-chart-pill'
150
152
  }`}
153
+ style={{gap: chartToPillGap}}
151
154
  >
152
155
  <div className="relative" style={{ width: svgSize, height: svgSize }}>
153
156
  <svg width={svgSize} height={svgSize} viewBox={`0 0 ${svgSize} ${svgSize}`} className="absolute top-0 left-0">
@@ -19,6 +19,8 @@ export interface MultiRadialChartProps {
19
19
  labelFontSize?: number,
20
20
  subLabelFontSize?: number
21
21
  gapAngle?:number;
22
+ chartToPillGap: number | string;
23
+ pillLegendGap: number | string;
22
24
  }
23
25
  export interface ChartItem extends BarValue{
24
26
  label: string;