@codezee/sixtify-brahma 0.2.189 → 0.2.191

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 (15) hide show
  1. package/package.json +1 -1
  2. package/packages/shared-components/dist/AgGrid/AgGrid.d.ts +1 -1
  3. package/packages/shared-components/dist/AgGrid/AgGrid.d.ts.map +1 -1
  4. package/packages/shared-components/dist/AgGrid/AgGrid.js +2 -2
  5. package/packages/shared-components/dist/FormFields/FileUpload/FileNames.d.ts.map +1 -1
  6. package/packages/shared-components/dist/FormFields/FileUpload/FileNames.js +2 -1
  7. package/packages/shared-components/dist/FormFields/ImageUpload/ImageUpload.d.ts.map +1 -1
  8. package/packages/shared-components/dist/FormFields/ImageUpload/ImageUpload.js +24 -6
  9. package/packages/shared-components/dist/FormFields/ImageUpload/ImageUpload.styled.d.ts.map +1 -1
  10. package/packages/shared-components/dist/FormFields/ImageUpload/ImageUpload.styled.js +3 -2
  11. package/packages/shared-components/dist/FormFields/Select/Select.styled.js +1 -1
  12. package/packages/shared-components/dist/TabBar/Tab.d.ts.map +1 -1
  13. package/packages/shared-components/dist/TabBar/Tab.js +1 -1
  14. package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.styled.d.ts.map +1 -1
  15. package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.styled.js +2 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codezee/sixtify-brahma",
3
- "version": "0.2.189",
3
+ "version": "0.2.191",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/hardikranpariya/sixtify-brahma.git"
package/packages/shared-components/dist/AgGrid/AgGrid.d.ts CHANGED
@@ -15,9 +15,9 @@ export type AgGridProps<T = unknown> = AgGridReactProps<T> & {
15
15
  loadingOverlayMessage?: string;
16
16
  selectedItems?: number;
17
17
  enableSecondRowFilter?: boolean;
18
- disableKeyBoardEvent?: boolean;
19
18
  enableFloatingFilter?: boolean;
20
19
  isSelectAllVisible?: boolean;
20
+ filterButtons?: ("reset" | "apply")[];
21
21
  selectAllMessage?: {
22
22
  show: boolean;
23
23
  text: string;
package/packages/shared-components/dist/AgGrid/AgGrid.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AgGrid.d.ts","sourceRoot":"","sources":["../../src/AgGrid/AgGrid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAIV,OAAO,EAGR,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAOjC,OAAO,yBAAyB,CAAC;AAWjC,eAAO,MAAM,iBAAiB,GAAI,KAAK,OAAO,CAAC,OAAO,CAAC,KAAG,IAczD,CAAC;AAEF,eAAO,MAAM,eAAe,MAAM,CAAC;AAEnC,eAAO,MAAM,eAAe,UAAqB,CAAC;AAGlD,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,OAAO,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE;QACjB,IAAI,EAAE,OAAO,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;QACnB,aAAa,EAAE,MAAM,IAAI,CAAC;KAC3B,GAAG,IAAI,CAAC;CACV,CAAC;AAEF,KAAK,UAAU,GAAG,KAAK,CAAC,yBAAyB,CAAC,WAAW,CAAC,GAC5D,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;AAElE,eAAO,MAAM,MAAM,EAoRd,UAAU,CAAC"}
1
+ {"version":3,"file":"AgGrid.d.ts","sourceRoot":"","sources":["../../src/AgGrid/AgGrid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAIV,OAAO,EAGR,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAOjC,OAAO,yBAAyB,CAAC;AAWjC,eAAO,MAAM,iBAAiB,GAAI,KAAK,OAAO,CAAC,OAAO,CAAC,KAAG,IAczD,CAAC;AAEF,eAAO,MAAM,eAAe,MAAM,CAAC;AAEnC,eAAO,MAAM,eAAe,UAAqB,CAAC;AAGlD,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,OAAO,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,OAAO,GAAG,OAAO,CAAC,EAAE,CAAC;IACtC,gBAAgB,CAAC,EAAE;QACjB,IAAI,EAAE,OAAO,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;QACnB,aAAa,EAAE,MAAM,IAAI,CAAC;KAC3B,GAAG,IAAI,CAAC;CACV,CAAC;AAEF,KAAK,UAAU,GAAG,KAAK,CAAC,yBAAyB,CAAC,WAAW,CAAC,GAC5D,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;AAElE,eAAO,MAAM,MAAM,EAoRd,UAAU,CAAC"}
package/packages/shared-components/dist/AgGrid/AgGrid.js CHANGED
@@ -38,7 +38,7 @@ exports.AgGrid = (0, react_1.forwardRef)((props, ref) => {
38
38
  const { layout } = (0, utils_1.useGetDeviceType)();
39
39
  const { height = "597px", rowHeight = 30, rowModelType = "infinite", defaultColDef, rowBuffer = 5,
40
40
  // eslint-disable-next-line quotes
41
- overlayNoRowsTemplate = '<span class="ag-overlay-no-rows-center">No Data Found</span>', pagination = false, enableSecondRowFilter, disableKeyBoardEvent, isSelectAllVisible = false, onSelectAllClick, selectAllMessage, onModelUpdated, onFirstDataRendered, onViewportChanged, onFilterChanged, paginationPageSize: paginationPageSizeProp, cacheBlockSize: cacheBlockSizeProp, infiniteInitialRowCount: infiniteInitialRowCountProp, loading: gridLoading = false, ...rest } = props;
41
+ overlayNoRowsTemplate = '<span class="ag-overlay-no-rows-center">No Data Found</span>', pagination = false, enableSecondRowFilter, isSelectAllVisible = false, onSelectAllClick, selectAllMessage, onModelUpdated, onFirstDataRendered, onViewportChanged, onFilterChanged, paginationPageSize: paginationPageSizeProp, cacheBlockSize: cacheBlockSizeProp, infiniteInitialRowCount: infiniteInitialRowCountProp, loading: gridLoading = false, filterButtons = ["reset"], ...rest } = props;
42
42
  const resolvedPaginationPageSize = paginationPageSizeProp ?? exports.defaultPageSize;
43
43
  const cacheBlockSize = cacheBlockSizeProp ?? resolvedPaginationPageSize;
44
44
  const infiniteInitialRowCount = infiniteInitialRowCountProp ?? resolvedPaginationPageSize;
@@ -153,7 +153,7 @@ exports.AgGrid = (0, react_1.forwardRef)((props, ref) => {
153
153
  suppressFloatingFilterButton: enableSecondRowFilter,
154
154
  filterParams: {
155
155
  ...defaultColumnDef.filterParams,
156
- buttons: disableKeyBoardEvent ? ["apply", "reset"] : [],
156
+ buttons: filterButtons,
157
157
  },
158
158
  }, rowHeight: rowHeight, rowModelType: rowModelType, rowBuffer: rowBuffer, infiniteInitialRowCount: infiniteInitialRowCount, overlayNoRowsTemplate: overlayNoRowsTemplate, loadingOverlayComponent: LoadingOverlay_1.LoadingOverlay, loading: gridLoading, noRowsOverlayComponent: NoDataOverlay_1.NoDataOverlay, suppressNoRowsOverlay: rowModelType === "infinite" || gridLoading, pagination: pagination, onModelUpdated: handleModelUpdated, onFirstDataRendered: handleFirstDataRendered, onViewportChanged: handleViewportChanged, onFilterChanged: handleFilterChanged, ...(pagination
159
159
  ? { paginationPageSize: resolvedPaginationPageSize }
package/packages/shared-components/dist/FormFields/FileUpload/FileNames.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FileNames.d.ts","sourceRoot":"","sources":["../../../src/FormFields/FileUpload/FileNames.tsx"],"names":[],"mappings":"AAYA,KAAK,cAAc,GAAG;IACpB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,0CAIvB,cAAc,4CA+EhB,CAAC"}
1
+ {"version":3,"file":"FileNames.d.ts","sourceRoot":"","sources":["../../../src/FormFields/FileUpload/FileNames.tsx"],"names":[],"mappings":"AAaA,KAAK,cAAc,GAAG;IACpB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,0CAIvB,cAAc,4CAmFhB,CAAC"}
package/packages/shared-components/dist/FormFields/FileUpload/FileNames.js CHANGED
@@ -16,6 +16,7 @@ const react_1 = require("react");
16
16
  const uuid_1 = require("uuid");
17
17
  const utils_1 = require("../../utils");
18
18
  const ViewFilePreviewDialog_1 = require("./Dialogs/ViewFilePreviewDialog");
19
+ const Tooltip_1 = require("../../Tooltip");
19
20
  const FileNames = ({ fileNames, previewEnabled = false, onDelete, }) => {
20
21
  const [selectedFile, setSelectedFile] = (0, react_1.useState)();
21
22
  const { openedDialog, onDialogClose, onDialogOpen } = (0, utils_1.useDialogActions)();
@@ -35,6 +36,6 @@ const FileNames = ({ fileNames, previewEnabled = false, onDelete, }) => {
35
36
  const dialogRenderer = {
36
37
  viewAttachment: selectedFile && ((0, jsx_runtime_1.jsx)(ViewFilePreviewDialog_1.ViewFilePreviewDialog, { open: openedDialog === "viewAttachment", onClose: onDialogClose, fileName: selectedFile })),
37
38
  };
38
- return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "5px", maxHeight: "120px", overflow: "auto", children: [names.map((name, index) => ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "5x", alignItems: "center", maxWidth: "80%", overflow: "hidden", children: [(0, jsx_runtime_1.jsx)(icons_material_1.AttachFile, {}), (0, jsx_runtime_1.jsx)(material_1.Typography, { maxWidth: "100%", textOverflow: "clip", children: name })] }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", children: [previewEnabled && ((0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => fileNames[index] && handlePreviewClick(fileNames[index]), children: (0, jsx_runtime_1.jsx)(icons_material_1.VisibilityOutlined, {}) })), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => onDelete(index), children: (0, jsx_runtime_1.jsx)(DeleteOutlineOutlined_1.default, {}) })] })] }, (0, uuid_1.v4)()))), openedDialog && dialogRenderer[openedDialog]] }));
39
+ return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "5px", maxHeight: "120px", overflow: "auto", children: [names.map((name, index) => ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "5x", alignItems: "center", maxWidth: "80%", overflow: "hidden", children: [(0, jsx_runtime_1.jsx)(icons_material_1.AttachFile, {}), (0, jsx_runtime_1.jsx)(material_1.Typography, { maxWidth: "100%", textOverflow: "clip", children: name })] }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", children: [previewEnabled && ((0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => fileNames[index] && handlePreviewClick(fileNames[index]), children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: "Preview", children: (0, jsx_runtime_1.jsx)(icons_material_1.VisibilityOutlined, {}) }) })), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => onDelete(index), children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: "Delete", children: (0, jsx_runtime_1.jsx)(DeleteOutlineOutlined_1.default, {}) }) })] })] }, (0, uuid_1.v4)()))), openedDialog && dialogRenderer[openedDialog]] }));
39
40
  };
40
41
  exports.FileNames = FileNames;
package/packages/shared-components/dist/FormFields/ImageUpload/ImageUpload.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/ImageUpload.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAKlD,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AASH,wBAAgB,WAAW,CAAC,EAC1B,OAAkB,EAClB,WAAmB,EACnB,YAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAiB,EACjB,OAAe,EACf,IAAQ,EACR,QAAiC,GAClC,EAAE,gBAAgB,2CAwMlB"}
1
+ {"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/ImageUpload.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAKlD,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AASH,wBAAgB,WAAW,CAAC,EAC1B,OAAkB,EAClB,WAAmB,EACnB,YAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAiB,EACjB,OAAe,EACf,IAAQ,EACR,QAAiC,GAClC,EAAE,gBAAgB,2CA6OlB"}
package/packages/shared-components/dist/FormFields/ImageUpload/ImageUpload.js CHANGED
@@ -28,7 +28,7 @@ function ImageUpload({ variant = "square", isUploading = false, defaultValue = "
28
28
  isOpen: isOpenCaptureModal,
29
29
  });
30
30
  const theme = (0, material_1.useTheme)();
31
- const { butterflyBlue, iron } = theme.palette.app.color;
31
+ const { butterflyBlue, iron, lightBlue } = theme.palette.app.color;
32
32
  const handleFileChange = (event) => {
33
33
  if (event.target.files) {
34
34
  const files = Array.from(event.target.files);
@@ -69,21 +69,25 @@ function ImageUpload({ variant = "square", isUploading = false, defaultValue = "
69
69
  if (loading) {
70
70
  return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, {});
71
71
  }
72
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { flexWrap: isCapture ? "wrap" : "nowrap", gap: "20px", direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { onClick: () => !defaultValue && inputRef.current?.click(), onKeyDown: handleContainerKeyDown, onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), tabIndex: 0, role: "button", "aria-label": label ?? "Upload image", sx: {
72
+ return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { flexWrap: isCapture ? "wrap" : "nowrap", gap: "20px", direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { onClick: () => !defaultValue && inputRef.current?.click(), onKeyDown: handleContainerKeyDown, onMouseEnter: () => setHover(true), onFocus: () => setHover(true), onBlur: (e) => {
73
+ if (!e.currentTarget.contains(e.relatedTarget)) {
74
+ setHover(false);
75
+ }
76
+ }, onMouseLeave: () => setHover(false), tabIndex: 0, role: "button", "aria-label": label ?? "Upload image", sx: {
73
77
  height: "120px",
74
78
  width: "120px",
75
79
  position: "relative",
76
80
  overflow: "hidden",
77
81
  border: defaultValue
78
- ? `2px solid ${butterflyBlue[900]}`
79
- : `2px dashed ${theme.palette.grey[400]}`,
82
+ ? `1px solid ${butterflyBlue[900]}`
83
+ : `1px solid ${theme.palette.grey[400]}`,
80
84
  cursor: "pointer",
81
85
  borderRadius: "10px",
82
86
  "& img": {
83
87
  borderRadius: "10px",
84
88
  },
85
89
  ":hover": {
86
- border: `2px dashed ${butterflyBlue[900]}`,
90
+ border: `1px solid ${butterflyBlue[900]}`,
87
91
  },
88
92
  ":focus-visible": {
89
93
  outline: `2px solid ${butterflyBlue[900]}`,
@@ -97,7 +101,21 @@ function ImageUpload({ variant = "square", isUploading = false, defaultValue = "
97
101
  },
98
102
  }
99
103
  : {}),
100
- }, children: [(0, jsx_runtime_1.jsx)("input", { type: "file", ref: setInputRef, accept: imageFileType.join(","), onChange: handleFileChange, style: { display: "none" } }), hover && !!defaultValue && ((0, jsx_runtime_1.jsxs)(ImageUpload_styled_1.DarkBackgroundContainer, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => inputRef.current?.click(), children: (0, jsx_runtime_1.jsx)(icons_material_1.Edit, { sx: { color: "white" } }) }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: handleFileRemove, children: (0, jsx_runtime_1.jsx)(icons_material_1.Delete, { sx: { color: "white" } }) })] })), isUploading && ((0, jsx_runtime_1.jsx)(ImageUpload_styled_1.DarkBackgroundContainer, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, { color: iron[600], children: "Processing..." }) })), defaultValue ? ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "2px" }, children: (0, jsx_runtime_1.jsx)("img", { alt: "", src: defaultValue, style: {
104
+ }, children: [(0, jsx_runtime_1.jsx)("input", { type: "file", ref: setInputRef, accept: imageFileType.join(","), onChange: handleFileChange, style: { display: "none" } }), (0, jsx_runtime_1.jsx)(material_1.Fade, { in: hover && !!defaultValue, timeout: { enter: 300, exit: 1000 }, children: (0, jsx_runtime_1.jsxs)(ImageUpload_styled_1.DarkBackgroundContainer, { onFocus: () => setHover(true), onBlur: (e) => {
105
+ if (!e.currentTarget.contains(e.relatedTarget)) {
106
+ setHover(false);
107
+ }
108
+ }, children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { tabIndex: 0, onClick: () => inputRef.current?.click(), onKeyDown: (event) => {
109
+ if (event.key === "Enter" || event.key === " ") {
110
+ event.preventDefault();
111
+ inputRef.current?.click();
112
+ }
113
+ }, children: (0, jsx_runtime_1.jsx)(icons_material_1.Edit, { sx: { color: lightBlue[50] } }) }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onKeyDown: (event) => {
114
+ if (event.key === "Enter" || event.key === " ") {
115
+ event.preventDefault();
116
+ onDelete();
117
+ }
118
+ }, tabIndex: 0, onClick: handleFileRemove, children: (0, jsx_runtime_1.jsx)(icons_material_1.Delete, { sx: { color: lightBlue[50] } }) })] }) }), isUploading && ((0, jsx_runtime_1.jsx)(ImageUpload_styled_1.DarkBackgroundContainer, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, { color: iron[600], children: "Processing..." }) })), defaultValue ? ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "2px" }, children: (0, jsx_runtime_1.jsx)("img", { alt: "", src: defaultValue, style: {
101
119
  width: "100%",
102
120
  height: "100%",
103
121
  objectFit: "cover",
package/packages/shared-components/dist/FormFields/ImageUpload/ImageUpload.styled.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ImageUpload.styled.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/ImageUpload.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,eAAO,MAAM,uBAAuB,EAAE,aAAa,CAAC,QAAQ,CAe1D,CAAC"}
1
+ {"version":3,"file":"ImageUpload.styled.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/ImageUpload.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,eAAO,MAAM,uBAAuB,EAAE,aAAa,CAAC,QAAQ,CAgB1D,CAAC"}
package/packages/shared-components/dist/FormFields/ImageUpload/ImageUpload.styled.js CHANGED
@@ -9,10 +9,11 @@ exports.DarkBackgroundContainer = (0, material_1.styled)(material_1.Box)(({ them
9
9
  left: 0,
10
10
  right: 0,
11
11
  bottom: 0,
12
- backgroundColor: theme.palette.app.color.mirage[600],
12
+ backgroundColor: (0, material_1.alpha)(theme.palette.app.color.mirage[600], 0.2),
13
13
  display: "flex",
14
14
  justifyContent: "center",
15
15
  alignItems: "center",
16
- transition: "opacity 0.5s ease",
16
+ backdropFilter: "blur(3px)",
17
+ transition: "1s",
17
18
  };
18
19
  });
package/packages/shared-components/dist/FormFields/Select/Select.styled.js CHANGED
@@ -35,7 +35,7 @@ exports.GroupHeader = (0, styles_1.styled)(material_1.Typography)(({ theme, }) =
35
35
  position: "sticky",
36
36
  top: 0,
37
37
  padding: "8px 16px",
38
- fontSize: "14px",
38
+ fontSize: "13px",
39
39
  fontWeight: 600,
40
40
  color: butterflyBlue[900],
41
41
  backgroundColor: butterflyBlue[500],
package/packages/shared-components/dist/TabBar/Tab.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../src/TabBar/Tab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAS7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;AAEvE,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;CACjE,CAAC;AAIF,MAAM,MAAM,QAAQ,GAAG,WAAW,GAChC,QAAQ,GAAG;IACT,SAAS,EAAE,QAAQ,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,oBAAoB,CAAC;IACnC,UAAU,EAAE,WAAW,GAAG,IAAI,CAAC;CAChC,CAAC;AAGJ,wBAAgB,GAAG,CAAC,EAClB,EAAE,EACF,KAAK,EACL,KAAK,EACL,IAAI,EACJ,SAAgB,EAChB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,QAAQ,2CAoFV"}
1
+ {"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../src/TabBar/Tab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAS7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;AAEvE,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;CACjE,CAAC;AAIF,MAAM,MAAM,QAAQ,GAAG,WAAW,GAChC,QAAQ,GAAG;IACT,SAAS,EAAE,QAAQ,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,oBAAoB,CAAC;IACnC,UAAU,EAAE,WAAW,GAAG,IAAI,CAAC;CAChC,CAAC;AAGJ,wBAAgB,GAAG,CAAC,EAClB,EAAE,EACF,KAAK,EACL,KAAK,EACL,IAAI,EACJ,SAAgB,EAChB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,QAAQ,2CAkFV"}
package/packages/shared-components/dist/TabBar/Tab.js CHANGED
@@ -43,7 +43,7 @@ function Tab({ id, label, value, menu, trimLabel = true, activeTab, index, onArr
43
43
  if (value === activeTab.value && menu?.length) {
44
44
  props.icon = ((0, jsx_runtime_1.jsx)(ArrowDropDown_1.default, { onClick: onArrowClick, id: `tabDropDown-${value}`, "aria-controls": menuAnchor !== null ? `dropDownMenu-${value}` : undefined, "aria-expanded": menuAnchor !== null ? "true" : undefined, "aria-haspopup": "true", "data-cy": `${fallbackTag}-arrowicon`, "data-ptag": `${fallbackTag}-arrowicon` }));
45
45
  }
46
- return ((0, jsx_runtime_1.jsx)(material_1.Tab, { disableFocusRipple: true, disableRipple: true, sx: {
46
+ return ((0, jsx_runtime_1.jsx)(material_1.Tab, { sx: {
47
47
  borderBottom: "2px solid",
48
48
  borderBottomColor: isActive ? butterflyBlue[900] : "white",
49
49
  overflow: "visible",
package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.styled.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"UserProfileMenu.styled.d.ts","sourceRoot":"","sources":["../../src/UserProfileMenu/UserProfileMenu.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,eAAe,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAK3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,SAAS,CAmB9C,CAAC;AAEH,eAAO,MAAM,gBAAgB,EAAE,aAAa,CAAC,eAAe,CAa1D,CAAC"}
1
+ {"version":3,"file":"UserProfileMenu.styled.d.ts","sourceRoot":"","sources":["../../src/UserProfileMenu/UserProfileMenu.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,eAAe,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAK3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,SAAS,CAmB9C,CAAC;AAEH,eAAO,MAAM,gBAAgB,EAAE,aAAa,CAAC,eAAe,CAc1D,CAAC"}
package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.styled.js CHANGED
@@ -22,11 +22,12 @@ exports.MenuStyled = (0, styles_1.styled)(material_1.Menu)(({ theme, }) => {
22
22
  });
23
23
  exports.IconButtonStyled = (0, styles_1.styled)(material_1.IconButton, {
24
24
  shouldForwardProp: (prop) => prop !== "isOpened",
25
- })(() => {
25
+ })(({ theme }) => {
26
26
  const style = {
27
27
  paddingInline: "0.3rem",
28
28
  paddingBlock: "0.2rem",
29
29
  borderRadius: "8px",
30
+ color: theme.palette.app.color.black[900],
30
31
  };
31
32
  return style;
32
33
  });