@zydon/common 2.7.77 → 2.7.78

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 (61) hide show
  1. package/dist/chunk-23NOJPUV.js +19 -0
  2. package/dist/chunk-23NOJPUV.js.map +1 -0
  3. package/dist/chunk-373WGZZL.js +5 -0
  4. package/dist/chunk-373WGZZL.js.map +1 -0
  5. package/dist/chunk-IGOVBLZ2.js +19 -0
  6. package/dist/chunk-IGOVBLZ2.js.map +1 -0
  7. package/dist/chunk-SVJYA4Q6.js +20 -0
  8. package/dist/chunk-SVJYA4Q6.js.map +1 -0
  9. package/dist/{chunk-QVU6HSYP.js → chunk-TB4Y7LXN.js} +6 -5
  10. package/dist/chunk-TB4Y7LXN.js.map +1 -0
  11. package/dist/{chunk-74KBZX6F.js → chunk-U4ZTAFZV.js} +2 -2
  12. package/dist/chunk-UJGDCLUU.js +25 -0
  13. package/dist/chunk-UJGDCLUU.js.map +1 -0
  14. package/dist/{chunk-JZ55NEMI.js → chunk-WYJV57WG.js} +2 -2
  15. package/dist/components/Autocomplete/index.js +1 -1
  16. package/dist/components/AutocompleteDetailed/index.js +1 -1
  17. package/dist/components/AvatarButton/index.js +2 -2
  18. package/dist/components/BulkEditModal/index.js +3 -3
  19. package/dist/components/Common/index.js +2 -2
  20. package/dist/components/DataCards/index.d.ts +3 -2
  21. package/dist/components/DataCards/index.js +10 -10
  22. package/dist/components/DataCards/index.js.map +1 -1
  23. package/dist/components/DataView/index.d.ts +15 -5
  24. package/dist/components/DataView/index.js +2 -2
  25. package/dist/components/DynamicDataView/index.js +6 -6
  26. package/dist/components/DynamicDataView/index.js.map +1 -1
  27. package/dist/components/SelectableCards/index.js +1 -1
  28. package/dist/components/ToggleTheme/index.js +2 -2
  29. package/dist/components/form/Address/index.js +2 -2
  30. package/dist/components/form/Autocomplete/index.js +2 -2
  31. package/dist/components/form/AutocompleteDetailed/index.js +1 -1
  32. package/dist/components/form/SelectList/index.js.map +1 -1
  33. package/dist/components/form/SelectableCards/index.js +1 -1
  34. package/dist/components/form/Webhook/index.js +2 -2
  35. package/dist/hooks/useAutocomplete.js +3 -3
  36. package/dist/hooks/useAutocomplete.js.map +1 -1
  37. package/dist/hooks/useScreenSize.js.map +1 -1
  38. package/dist/hooks/useSnackbar.d.ts +7 -7
  39. package/dist/hooks/useThemeToggle.js +2 -2
  40. package/dist/index.d.ts +2 -2
  41. package/dist/index.js +2 -2
  42. package/dist/theme/core/index.d.ts +1 -1
  43. package/dist/theme/styles/index.d.ts +12 -12
  44. package/dist/theme/theme-provider.js +2 -2
  45. package/dist/utils/object.d.ts +7 -1
  46. package/dist/utils/object.js +1 -1
  47. package/package.json +1 -1
  48. package/dist/chunk-LDGBS7ZI.js +0 -5
  49. package/dist/chunk-LDGBS7ZI.js.map +0 -1
  50. package/dist/chunk-LY3IB5VH.js +0 -19
  51. package/dist/chunk-LY3IB5VH.js.map +0 -1
  52. package/dist/chunk-N22KLIFJ.js +0 -19
  53. package/dist/chunk-N22KLIFJ.js.map +0 -1
  54. package/dist/chunk-QKKARUG5.js +0 -20
  55. package/dist/chunk-QKKARUG5.js.map +0 -1
  56. package/dist/chunk-QVU6HSYP.js.map +0 -1
  57. package/dist/chunk-U7SYDDK7.js +0 -25
  58. package/dist/chunk-U7SYDDK7.js.map +0 -1
  59. package/dist/{chunk-74KBZX6F.js.map → chunk-U4ZTAFZV.js.map} +0 -0
  60. package/dist/{chunk-JZ55NEMI.js.map → chunk-WYJV57WG.js.map} +0 -0
  61. package/dist/{index-c8f1e6e7.d.ts → index-5a5e5dc8.d.ts} +12 -12
@@ -1,4 +1,4 @@
1
- export { d as ColorType, k as action, j as background, l as basePalette, o as colorSchemes, h as common, c as components, a as createShadowColor, b as customShadows, n as darkPalette, r as defaultFont, f as error, g as grey, i as info, m as lightPalette, p as primary, u as primaryFont, s as secondary, v as secondaryFont, q as shadows, e as success, t as text, x as typography, w as warning } from '../../index-c8f1e6e7.js';
1
+ export { d as ColorType, k as action, j as background, l as basePalette, o as colorSchemes, h as common, c as components, a as createShadowColor, b as customShadows, n as darkPalette, r as defaultFont, f as error, g as grey, i as info, m as lightPalette, p as primary, u as primaryFont, s as secondary, v as secondaryFont, q as shadows, e as success, t as text, x as typography, w as warning } from '../../index-5a5e5dc8.js';
2
2
  import '@mui/lab/TimelineConnector';
3
3
  import '@mui/system';
4
4
  import '@mui/lab/TimelineDot';
@@ -164,7 +164,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
164
164
  flexShrink?: readonly ((string & {}) | csstype.Globals)[] | csstype.Property.FlexShrink | readonly NonNullable<csstype.Property.FlexShrink | undefined>[] | undefined;
165
165
  flexWrap?: csstype.Property.FlexWrap | readonly NonNullable<csstype.Property.FlexWrap | undefined>[] | readonly csstype.Property.FlexWrap[] | undefined;
166
166
  float?: csstype.Property.Float | readonly NonNullable<csstype.Property.Float | undefined>[] | readonly csstype.Property.Float[] | undefined;
167
- fontFamily?: readonly string[] | csstype.Property.FontFamily | readonly csstype.Property.FontFamily[] | undefined;
167
+ fontFamily?: csstype.Property.FontFamily | readonly string[] | readonly csstype.Property.FontFamily[] | undefined;
168
168
  fontFeatureSettings?: readonly string[] | csstype.Property.FontFeatureSettings | readonly csstype.Property.FontFeatureSettings[] | undefined;
169
169
  fontKerning?: csstype.Property.FontKerning | readonly NonNullable<csstype.Property.FontKerning | undefined>[] | readonly csstype.Property.FontKerning[] | undefined;
170
170
  fontLanguageOverride?: readonly string[] | csstype.Property.FontLanguageOverride | readonly csstype.Property.FontLanguageOverride[] | undefined;
@@ -189,7 +189,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
189
189
  fontVariantNumeric?: readonly string[] | csstype.Property.FontVariantNumeric | readonly csstype.Property.FontVariantNumeric[] | undefined;
190
190
  fontVariantPosition?: csstype.Property.FontVariantPosition | readonly NonNullable<csstype.Property.FontVariantPosition | undefined>[] | readonly csstype.Property.FontVariantPosition[] | undefined;
191
191
  fontVariationSettings?: readonly string[] | csstype.Property.FontVariationSettings | readonly csstype.Property.FontVariationSettings[] | undefined;
192
- fontWeight?: csstype.Property.FontWeight | readonly NonNullable<csstype.Property.FontWeight | undefined>[] | readonly ("bold" | (string & {}) | csstype.Globals | "normal" | "bolder" | "lighter")[] | undefined;
192
+ fontWeight?: csstype.Property.FontWeight | readonly NonNullable<csstype.Property.FontWeight | undefined>[] | readonly ((string & {}) | csstype.Globals | "bold" | "normal" | "bolder" | "lighter")[] | undefined;
193
193
  forcedColorAdjust?: csstype.Property.ForcedColorAdjust | readonly NonNullable<csstype.Property.ForcedColorAdjust | undefined>[] | readonly csstype.Property.ForcedColorAdjust[] | undefined;
194
194
  gridAutoColumns?: readonly (string | (string & {}))[] | csstype.Property.GridAutoColumns<string | number> | readonly NonNullable<csstype.Property.GridAutoColumns<string | number> | undefined>[] | undefined;
195
195
  gridAutoFlow?: readonly string[] | csstype.Property.GridAutoFlow | readonly csstype.Property.GridAutoFlow[] | undefined;
@@ -416,7 +416,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
416
416
  zIndex?: readonly ((string & {}) | csstype.Globals | "auto")[] | csstype.Property.ZIndex | readonly NonNullable<csstype.Property.ZIndex | undefined>[] | undefined;
417
417
  zoom?: csstype.Property.Zoom | readonly NonNullable<csstype.Property.Zoom | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "reset")[] | undefined;
418
418
  all?: csstype.Globals | readonly NonNullable<csstype.Globals | undefined>[] | readonly csstype.Globals[] | undefined;
419
- animation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
419
+ animation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "reverse" | "none" | "auto" | "alternate" | "alternate-reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
420
420
  animationRange?: readonly (string | (string & {}))[] | csstype.Property.AnimationRange<string | number> | readonly NonNullable<csstype.Property.AnimationRange<string | number> | undefined>[] | undefined;
421
421
  background?: readonly (string | (string & {}))[] | csstype.Property.Background<string | number> | readonly NonNullable<csstype.Property.Background<string | number> | undefined>[] | undefined;
422
422
  border?: readonly (string | (string & {}))[] | csstype.Property.Border<string | number> | readonly NonNullable<csstype.Property.Border<string | number> | undefined>[] | undefined;
@@ -425,7 +425,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
425
425
  borderBlockStart?: readonly (string | (string & {}))[] | csstype.Property.BorderBlockStart<string | number> | readonly NonNullable<csstype.Property.BorderBlockStart<string | number> | undefined>[] | undefined;
426
426
  borderBottom?: readonly (string | (string & {}))[] | csstype.Property.BorderBottom<string | number> | readonly NonNullable<csstype.Property.BorderBottom<string | number> | undefined>[] | undefined;
427
427
  borderColor?: readonly string[] | csstype.Property.BorderColor | readonly csstype.Property.BorderColor[] | undefined;
428
- borderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
428
+ borderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
429
429
  borderInline?: readonly (string | (string & {}))[] | csstype.Property.BorderInline<string | number> | readonly NonNullable<csstype.Property.BorderInline<string | number> | undefined>[] | undefined;
430
430
  borderInlineEnd?: readonly (string | (string & {}))[] | csstype.Property.BorderInlineEnd<string | number> | readonly NonNullable<csstype.Property.BorderInlineEnd<string | number> | undefined>[] | undefined;
431
431
  borderInlineStart?: readonly (string | (string & {}))[] | csstype.Property.BorderInlineStart<string | number> | readonly NonNullable<csstype.Property.BorderInlineStart<string | number> | undefined>[] | undefined;
@@ -457,7 +457,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
457
457
  marginBlock?: readonly (string | (string & {}))[] | csstype.Property.MarginBlock<string | number> | readonly NonNullable<csstype.Property.MarginBlock<string | number> | undefined>[] | undefined;
458
458
  marginInline?: readonly (string | (string & {}))[] | csstype.Property.MarginInline<string | number> | readonly NonNullable<csstype.Property.MarginInline<string | number> | undefined>[] | undefined;
459
459
  mask?: readonly (string | (string & {}))[] | csstype.Property.Mask<string | number> | readonly NonNullable<csstype.Property.Mask<string | number> | undefined>[] | undefined;
460
- maskBorder?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
460
+ maskBorder?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
461
461
  motion?: readonly (string | (string & {}))[] | csstype.Property.Offset<string | number> | readonly NonNullable<csstype.Property.Offset<string | number> | undefined>[] | undefined;
462
462
  offset?: readonly (string | (string & {}))[] | csstype.Property.Offset<string | number> | readonly NonNullable<csstype.Property.Offset<string | number> | undefined>[] | undefined;
463
463
  outline?: readonly (string | (string & {}))[] | csstype.Property.Outline<string | number> | readonly NonNullable<csstype.Property.Outline<string | number> | undefined>[] | undefined;
@@ -700,8 +700,8 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
700
700
  WebkitUserModify?: csstype.Property.WebkitUserModify | readonly NonNullable<csstype.Property.WebkitUserModify | undefined>[] | readonly csstype.Property.WebkitUserModify[] | undefined;
701
701
  WebkitUserSelect?: csstype.Property.UserSelect | readonly NonNullable<csstype.Property.UserSelect | undefined>[] | readonly csstype.Property.UserSelect[] | undefined;
702
702
  WebkitWritingMode?: csstype.Property.WritingMode | readonly NonNullable<csstype.Property.WritingMode | undefined>[] | readonly csstype.Property.WritingMode[] | undefined;
703
- MozAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
704
- MozBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
703
+ MozAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "reverse" | "none" | "auto" | "alternate" | "alternate-reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
704
+ MozBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
705
705
  MozColumnRule?: readonly (string | (string & {}))[] | csstype.Property.ColumnRule<string | number> | readonly NonNullable<csstype.Property.ColumnRule<string | number> | undefined>[] | undefined;
706
706
  MozColumns?: readonly (string | (string & {}))[] | csstype.Property.Columns<string | number> | readonly NonNullable<csstype.Property.Columns<string | number> | undefined>[] | undefined;
707
707
  MozOutlineRadius?: readonly (string | (string & {}))[] | csstype.Property.MozOutlineRadius<string | number> | readonly NonNullable<csstype.Property.MozOutlineRadius<string | number> | undefined>[] | undefined;
@@ -712,16 +712,16 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
712
712
  msScrollSnapX?: readonly string[] | csstype.Property.MsScrollSnapX | readonly csstype.Property.MsScrollSnapX[] | undefined;
713
713
  msScrollSnapY?: readonly string[] | csstype.Property.MsScrollSnapY | readonly csstype.Property.MsScrollSnapY[] | undefined;
714
714
  msTransition?: readonly string[] | csstype.Property.Transition<string & {}> | readonly csstype.Property.Transition<string & {}>[] | undefined;
715
- WebkitAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
715
+ WebkitAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "reverse" | "none" | "auto" | "alternate" | "alternate-reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
716
716
  WebkitBorderBefore?: readonly (string | (string & {}))[] | csstype.Property.WebkitBorderBefore<string | number> | readonly NonNullable<csstype.Property.WebkitBorderBefore<string | number> | undefined>[] | undefined;
717
- WebkitBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
717
+ WebkitBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
718
718
  WebkitBorderRadius?: readonly (string | (string & {}))[] | csstype.Property.BorderRadius<string | number> | readonly NonNullable<csstype.Property.BorderRadius<string | number> | undefined>[] | undefined;
719
719
  WebkitColumnRule?: readonly (string | (string & {}))[] | csstype.Property.ColumnRule<string | number> | readonly NonNullable<csstype.Property.ColumnRule<string | number> | undefined>[] | undefined;
720
720
  WebkitColumns?: readonly (string | (string & {}))[] | csstype.Property.Columns<string | number> | readonly NonNullable<csstype.Property.Columns<string | number> | undefined>[] | undefined;
721
721
  WebkitFlex?: readonly (string | (string & {}))[] | csstype.Property.Flex<string | number> | readonly NonNullable<csstype.Property.Flex<string | number> | undefined>[] | undefined;
722
722
  WebkitFlexFlow?: readonly string[] | csstype.Property.FlexFlow | readonly csstype.Property.FlexFlow[] | undefined;
723
723
  WebkitMask?: readonly (string | (string & {}))[] | csstype.Property.WebkitMask<string | number> | readonly NonNullable<csstype.Property.WebkitMask<string | number> | undefined>[] | undefined;
724
- WebkitMaskBoxImage?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
724
+ WebkitMaskBoxImage?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
725
725
  WebkitTextEmphasis?: readonly string[] | csstype.Property.TextEmphasis | readonly csstype.Property.TextEmphasis[] | undefined;
726
726
  WebkitTextStroke?: readonly (string | (string & {}))[] | csstype.Property.WebkitTextStroke<string | number> | readonly NonNullable<csstype.Property.WebkitTextStroke<string | number> | undefined>[] | undefined;
727
727
  WebkitTransition?: readonly string[] | csstype.Property.Transition<string & {}> | readonly csstype.Property.Transition<string & {}>[] | undefined;
@@ -802,7 +802,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
802
802
  MozTransitionTimingFunction?: readonly string[] | csstype.Property.TransitionTimingFunction | readonly csstype.Property.TransitionTimingFunction[] | undefined;
803
803
  MozUserInput?: csstype.Property.MozUserInput | readonly NonNullable<csstype.Property.MozUserInput | undefined>[] | readonly csstype.Property.MozUserInput[] | undefined;
804
804
  msImeMode?: csstype.Property.ImeMode | readonly NonNullable<csstype.Property.ImeMode | undefined>[] | readonly csstype.Property.ImeMode[] | undefined;
805
- OAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
805
+ OAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "reverse" | "none" | "auto" | "alternate" | "alternate-reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
806
806
  OAnimationDelay?: readonly string[] | csstype.Property.AnimationDelay<string & {}> | readonly csstype.Property.AnimationDelay<string & {}>[] | undefined;
807
807
  OAnimationDirection?: readonly string[] | csstype.Property.AnimationDirection | readonly csstype.Property.AnimationDirection[] | undefined;
808
808
  OAnimationDuration?: readonly string[] | csstype.Property.AnimationDuration<string & {}> | readonly csstype.Property.AnimationDuration<string & {}>[] | undefined;
@@ -812,7 +812,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
812
812
  OAnimationPlayState?: readonly string[] | csstype.Property.AnimationPlayState | readonly csstype.Property.AnimationPlayState[] | undefined;
813
813
  OAnimationTimingFunction?: readonly string[] | csstype.Property.AnimationTimingFunction | readonly csstype.Property.AnimationTimingFunction[] | undefined;
814
814
  OBackgroundSize?: readonly (string | (string & {}))[] | csstype.Property.BackgroundSize<string | number> | readonly NonNullable<csstype.Property.BackgroundSize<string | number> | undefined>[] | undefined;
815
- OBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
815
+ OBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
816
816
  OObjectFit?: csstype.Property.ObjectFit | readonly NonNullable<csstype.Property.ObjectFit | undefined>[] | readonly csstype.Property.ObjectFit[] | undefined;
817
817
  OObjectPosition?: readonly (string | (string & {}))[] | csstype.Property.ObjectPosition<string | number> | readonly NonNullable<csstype.Property.ObjectPosition<string | number> | undefined>[] | undefined;
818
818
  OTabSize?: readonly (string | (string & {}))[] | csstype.Property.TabSize<string | number> | readonly NonNullable<csstype.Property.TabSize<string | number> | undefined>[] | undefined;
@@ -1,5 +1,5 @@
1
- export { b as default } from '../chunk-74KBZX6F.js';
2
- import '../chunk-LDGBS7ZI.js';
1
+ export { b as default } from '../chunk-U4ZTAFZV.js';
2
+ import '../chunk-373WGZZL.js';
3
3
  import '../chunk-TWSAWMZ3.js';
4
4
  import '../chunk-ROVD7OGE.js';
5
5
  import '../chunk-WUFEPE2G.js';
@@ -1,3 +1,9 @@
1
1
  declare const setNestedProperty: (obj: Record<string, unknown>, path: string, value: unknown) => void;
2
+ declare const mapToOptions: <T, L extends keyof T, V extends keyof T>(items: T[], labelKey: L, valueKey: V) => {
3
+ label: string;
4
+ value: string;
5
+ }[];
6
+ declare const extractValues: <T, K extends keyof T>(items: T[], key: K) => T[K][];
7
+ declare const mapValuesToObjects: <K extends string>(value: string | string[], key: K) => Record<K, string>[];
2
8
 
3
- export { setNestedProperty };
9
+ export { extractValues, mapToOptions, mapValuesToObjects, setNestedProperty };
@@ -1,3 +1,3 @@
1
- export { a as setNestedProperty } from '../chunk-LDGBS7ZI.js';
1
+ export { c as extractValues, b as mapToOptions, d as mapValuesToObjects, a as setNestedProperty } from '../chunk-373WGZZL.js';
2
2
  //# sourceMappingURL=out.js.map
3
3
  //# sourceMappingURL=object.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zydon/common",
3
- "version": "2.7.77",
3
+ "version": "2.7.78",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "module": "./dist/index.js",
@@ -1,5 +0,0 @@
1
- var c=(o,s,i)=>{let e=s.split("."),n=o;for(let r=0;r<e.length-1;r++){let t=e[r];(!(t in n)||typeof n[t]!="object"||n[t]===null||Array.isArray(n[t]))&&(n[t]={}),n=n[t];}n[e[e.length-1]]=i;};
2
-
3
- export { c as a };
4
- //# sourceMappingURL=out.js.map
5
- //# sourceMappingURL=chunk-LDGBS7ZI.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/utils/object.ts"],"names":["setNestedProperty","obj","path","value","keys","current","i","key"],"mappings":"AAMO,IAAMA,EAAoB,CAC/BC,EACAC,EACAC,IACS,CACT,IAAMC,EAAOF,EAAK,MAAM,GAAG,EACvBG,EAAmCJ,EAEvC,QAASK,EAAI,EAAGA,EAAIF,EAAK,OAAS,EAAGE,IAAK,CACxC,IAAMC,EAAMH,EAAKE,CAAC,GAEhB,EAAEC,KAAOF,IACT,OAAOA,EAAQE,CAAG,GAAM,UACxBF,EAAQE,CAAG,IAAM,MACjB,MAAM,QAAQF,EAAQE,CAAG,CAAC,KAE1BF,EAAQE,CAAG,EAAI,CAAC,GAElBF,EAAUA,EAAQE,CAAG,EAGvBF,EAAQD,EAAKA,EAAK,OAAS,CAAC,CAAC,EAAID,CACnC","sourcesContent":["/**\n * Define uma propriedade aninhada em um objeto usando notação de ponto\n * @param obj - O objeto onde definir a propriedade\n * @param path - O caminho da propriedade usando notação de ponto (ex: 'a.b.c')\n * @param value - O valor a ser definido\n */\nexport const setNestedProperty = (\n obj: Record<string, unknown>,\n path: string,\n value: unknown,\n): void => {\n const keys = path.split('.');\n let current: Record<string, unknown> = obj;\n\n for (let i = 0; i < keys.length - 1; i++) {\n const key = keys[i];\n if (\n !(key in current) ||\n typeof current[key] !== 'object' ||\n current[key] === null ||\n Array.isArray(current[key])\n ) {\n current[key] = {};\n }\n current = current[key] as Record<string, unknown>;\n }\n\n current[keys[keys.length - 1]] = value;\n};\n"]}
@@ -1,19 +0,0 @@
1
- import { a } from './chunk-NQNNMRLC.js';
2
- import { createContext, forwardRef, useContext, useState, useMemo, useRef, useEffect } from 'react';
3
- import le, { autocompleteClasses } from '@mui/material/Autocomplete';
4
- import ae from '@mui/material/CircularProgress';
5
- import ce from '@mui/material/TextField';
6
- import { VariableSizeList } from 'react-window';
7
- import K from '@mui/material/ListSubheader';
8
- import Y from '@mui/material/Stack';
9
- import { useTheme, styled } from '@mui/material/styles';
10
- import I from '@mui/material/Typography';
11
- import ee from '@mui/material/useMediaQuery';
12
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
13
- import ie from '@mui/material/Popper';
14
-
15
- var k=8,te=u=>{let{data:o,index:n,style:m}=u,r=o[n],{showValueInLabel:i,key:d,...y}=r[0],l={...m,top:m.top+k,paddingTop:8};return Object.prototype.hasOwnProperty.call(r,"group")?jsx(K,{component:"div",style:l,children:r.group},`list-box-item-group-${d}`):jsx(I,{component:"li",...y,noWrap:!0,style:l,children:jsxs(Y,{component:"div",direction:"row",flex:1,gap:1,justifyContent:"start",children:[r[1].icon&&jsx(a,{icon:r[1].icon}),r[1].label,i&&jsxs(I,{variant:"inherit",color:"grey.400",children:["(",r[1].value,")"]})]})},`list-box-item-${d}`)},z=createContext({}),M=forwardRef((u,o)=>{let n=useContext(z);return jsx("div",{ref:o,...u,...n})});M.displayName="OuterElementType";var re=u=>{let o=useRef(null);return useEffect(()=>{o.current!=null&&o.current.resetAfterIndex(0,!0);},[u]),o},oe=forwardRef(function(o,n){let{children:m,...r}=o,i=[];m.forEach(s=>{i.push(s),i.push(...s.children||[]);});let d=useTheme(),y=ee(d.breakpoints.up("sm")),l=i.length,b=y?36:48,f=s=>Object.prototype.hasOwnProperty.call(s,"group")?48:b,L=()=>l>8?8*b:i.map(f).reduce((s,a)=>s+a,0),P=re(l);return jsx("div",{ref:n,children:jsx(z.Provider,{value:r,children:jsx(VariableSizeList,{itemData:i,height:L()+2*k,width:"100%",ref:P,outerElementType:M,innerElementType:"ul",itemSize:s=>f(i[s]),overscanCount:5,itemCount:l,children:te})})})}),N=oe;var D=styled(ie)({[`& .${autocompleteClasses.listbox}`]:{boxSizing:"border-box","& ul":{padding:0,margin:0}}});var H=forwardRef(({name:u,label:o,value:n,options:m=[],loading:r,noOptionsText:i="Nenhum resultado encontrado.",loadingText:d="Carregando op\xE7\xF5es...",error:y,helperText:l,placeholder:b,onChange:f,groupBy:L,showValueInLabel:P,disabled:s,multiple:a$1,required:X,renderOption:x,tabIndex:J,onInputChange:A,onSearch:v,onBlur:E,InputLabelProps:$,...V},U)=>{let[W,T]=useState(),j=e=>e&&typeof e=="object"?e.value.toString():e.toString(),g=useMemo(()=>a$1?(Array.isArray(n)?n:[]).reduce((p,h)=>{let O=m.find(B=>B.value.toString()===h.toString());return O?[...p,O]:[...p]},[]):m.find(t=>t.value.toString()===n?.toString())||null,[m,n,a$1]);return jsx(le,{ref:U,value:W||g,onInputChange:(e,t,p)=>{if(A&&A(e,t,p),p==="input"){v&&(v(t),T(t));return}T(void 0);},options:m,loading:r,noOptionsText:i,loadingText:d,disabled:r||s,disableListWrap:!0,PopperComponent:D,ListboxComponent:x?void 0:N,filterOptions:(e,t)=>e.filter(p=>`${p.value} ${p.label}`.toLocaleUpperCase().includes(t.inputValue.toLocaleUpperCase())),onChange:(e,t)=>{if(!t){f(a$1?[]:null);return}if(Array.isArray(t)){f(t.map(j));return}f(typeof t=="string"?t.toString():t.value.toString());},onBlur:e=>{E&&E(e),T(void 0);},renderOption:(e,t,p,h)=>x?x(e,t,p,h):[{...e,showValueInLabel:P},t],renderGroup:e=>e,groupBy:L,multiple:a$1,renderInput:e=>jsx(ce,{...e,name:u,placeholder:b,fullWidth:!0,error:!!y,helperText:l,label:o,required:X,InputProps:{...e.InputProps,...!a$1&&{startAdornment:g&&!Array.isArray(g)&&g.icon?jsx(a,{icon:g.icon}):void 0},endAdornment:jsxs(Fragment,{children:[r?jsx(ae,{color:"primary",size:20}):null,e.InputProps.endAdornment]})},inputProps:{...e.inputProps,name:u,tabIndex:J},InputLabelProps:$}),...V})});H.displayName="Autocomplete";var Je=H;
16
-
17
- export { Je as a };
18
- //# sourceMappingURL=out.js.map
19
- //# sourceMappingURL=chunk-LY3IB5VH.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/Autocomplete/index.tsx","../src/components/Autocomplete/Listbox.tsx","../src/components/Autocomplete/styles.ts"],"names":["forwardRef","useMemo","useState","MuiAutocomplete","CircularProgress","TextField","createContext","useContext","useEffect","useRef","VariableSizeList","ListSubheader","Stack","useTheme","Typography","useMediaQuery","jsx","jsxs","LISTBOX_PADDING","renderRow","props","data","index","style","dataSet","showValueInLabel","key","itemProps","inlineStyle","Icon_default","OuterElementContext","OuterElementType","ref","outerProps","useResetCache","ListboxComponent","children","other","itemData","item","theme","smUp","itemCount","itemSize","getChildSize","child","getHeight","a","b","gridRef","Listbox_default","autocompleteClasses","Popper","styled","StyledPopper","Fragment","Autocomplete","name","label","value","options","loading","noOptionsText","loadingText","error","helperText","placeholder","onChange","groupBy","disabled","multiple","required","renderOption","tabIndex","onInputChange","onSearch","onBlur","InputLabelProps","inputValue","setInputValue","getOptionValue","optionValue","formattedValue","acc","curr","opt","event","eventValue","reason","optionsFilter","state","_","option","ownerState","params","Autocomplete_default"],"mappings":"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","sourcesContent":["import { forwardRef, ReactNode, useMemo, useState } from 'react';\nimport MuiAutocomplete from '@mui/material/Autocomplete';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport TextField from '@mui/material/TextField';\n\nimport { AutocompleteProps } from 'types/autoCompleteProps';\nimport { Option } from 'types/option';\n\nimport Icon from '../Icon';\n\nimport ListboxComponent from './Listbox';\nimport { StyledPopper } from './styles';\n\nconst Autocomplete = forwardRef<unknown, AutocompleteProps>(\n (\n {\n name,\n label,\n value,\n options = [],\n loading,\n noOptionsText = 'Nenhum resultado encontrado.',\n loadingText = 'Carregando opções...',\n error,\n helperText,\n placeholder,\n onChange,\n groupBy,\n showValueInLabel,\n disabled,\n multiple,\n required,\n renderOption,\n tabIndex,\n onInputChange,\n onSearch,\n onBlur,\n InputLabelProps,\n ...other\n },\n ref,\n ) => {\n const [inputValue, setInputValue] = useState<string>();\n\n const getOptionValue = (optionValue: Option | string | number) =>\n optionValue && typeof optionValue === 'object'\n ? optionValue.value.toString()\n : optionValue.toString();\n\n const formattedValue = useMemo(() => {\n if (multiple) {\n const values = Array.isArray(value) ? value : [];\n\n return values.reduce<Option[]>((acc, curr) => {\n const item = options.find(\n opt => opt.value.toString() === curr.toString(),\n );\n\n if (item) return [...acc, item];\n\n return [...acc];\n }, []);\n }\n\n const item = options.find(\n opt => opt.value.toString() === value?.toString(),\n );\n\n return item || null;\n }, [options, value, multiple]);\n\n return (\n <MuiAutocomplete\n ref={ref}\n value={inputValue || formattedValue}\n onInputChange={(event, eventValue, reason) => {\n if (onInputChange) onInputChange(event, eventValue, reason);\n\n if (reason === 'input') {\n if (onSearch) {\n onSearch(eventValue);\n setInputValue(eventValue);\n }\n\n return;\n }\n\n setInputValue(undefined);\n }}\n options={options}\n loading={loading}\n noOptionsText={noOptionsText}\n loadingText={loadingText}\n disabled={loading || disabled}\n disableListWrap\n PopperComponent={StyledPopper}\n ListboxComponent={renderOption ? undefined : ListboxComponent}\n filterOptions={(optionsFilter, state) => {\n return optionsFilter.filter(opt => {\n const search = `${opt.value} ${opt.label}`;\n\n return search\n .toLocaleUpperCase()\n .includes(state.inputValue.toLocaleUpperCase());\n });\n }}\n onChange={(_, option) => {\n if (!option) {\n onChange(multiple ? [] : null);\n return;\n }\n\n if (Array.isArray(option)) {\n onChange(option.map(getOptionValue));\n return;\n }\n\n onChange(\n typeof option === 'string'\n ? option.toString()\n : option.value.toString(),\n );\n }}\n onBlur={event => {\n if (onBlur) onBlur(event);\n setInputValue(undefined);\n }}\n renderOption={(props, option, state, ownerState) =>\n renderOption\n ? renderOption(props, option, state, ownerState)\n : ([{ ...props, showValueInLabel }, option] as ReactNode)\n }\n renderGroup={params => params as unknown as ReactNode}\n groupBy={groupBy}\n multiple={multiple}\n renderInput={params => (\n <TextField\n {...params}\n name={name}\n placeholder={placeholder}\n fullWidth\n error={!!error}\n helperText={helperText}\n label={label}\n required={required}\n InputProps={{\n ...params.InputProps,\n ...(!multiple && {\n startAdornment:\n formattedValue &&\n !Array.isArray(formattedValue) &&\n formattedValue.icon ? (\n <Icon icon={formattedValue.icon} />\n ) : undefined,\n }),\n endAdornment: (\n <>\n {loading ? (\n <CircularProgress color=\"primary\" size={20} />\n ) : null}\n {params.InputProps.endAdornment}\n </>\n ),\n }}\n inputProps={{\n ...params.inputProps,\n name,\n tabIndex,\n }}\n InputLabelProps={InputLabelProps}\n />\n )}\n {...other}\n />\n );\n },\n);\n\nAutocomplete.displayName = 'Autocomplete';\n\nexport default Autocomplete;\n","import {\n createContext,\n forwardRef,\n HTMLAttributes,\n useContext,\n useEffect,\n useRef,\n} from 'react';\nimport { ListChildComponentProps, VariableSizeList } from 'react-window';\nimport ListSubheader from '@mui/material/ListSubheader';\nimport Stack from '@mui/material/Stack';\nimport { useTheme } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport Icon from '../Icon';\n\nconst LISTBOX_PADDING = 8;\n\nconst renderRow = (props: ListChildComponentProps) => {\n const { data, index, style } = props;\n const dataSet = data[index];\n const { showValueInLabel, key, ...itemProps } = dataSet[0];\n\n const inlineStyle = {\n ...style,\n top: (style.top as number) + LISTBOX_PADDING,\n paddingTop: 8,\n };\n\n if (Object.prototype.hasOwnProperty.call(dataSet, 'group'))\n return (\n <ListSubheader\n key={`list-box-item-group-${key}`}\n component=\"div\"\n style={inlineStyle}\n >\n {dataSet.group}\n </ListSubheader>\n );\n\n return (\n <Typography\n component=\"li\"\n key={`list-box-item-${key}`}\n {...itemProps}\n noWrap\n style={inlineStyle}\n >\n <Stack\n component=\"div\"\n direction=\"row\"\n flex={1}\n gap={1}\n justifyContent=\"start\"\n >\n {dataSet[1].icon && <Icon icon={dataSet[1].icon} />}\n {dataSet[1].label}\n\n {showValueInLabel && (\n <Typography variant=\"inherit\" color=\"grey.400\">\n ({dataSet[1].value})\n </Typography>\n )}\n </Stack>\n </Typography>\n );\n};\n\nconst OuterElementContext = createContext({});\n\nconst OuterElementType = forwardRef<HTMLDivElement>((props, ref) => {\n const outerProps = useContext(OuterElementContext);\n return <div ref={ref} {...props} {...outerProps} />;\n});\n\nOuterElementType.displayName = 'OuterElementType';\n\nconst useResetCache = (data: number) => {\n const ref = useRef<VariableSizeList>(null);\n\n useEffect(() => {\n if (ref.current != null) {\n ref.current.resetAfterIndex(0, true);\n }\n }, [data]);\n\n return ref;\n};\n\nconst ListboxComponent = forwardRef<\n HTMLDivElement,\n HTMLAttributes<HTMLElement>\n>(function ListboxComponent(props, ref) {\n const { children, ...other } = props;\n const itemData: JSX.Element[] = [];\n (children as JSX.Element[]).forEach(\n (item: JSX.Element & { children?: JSX.Element[] }) => {\n itemData.push(item);\n itemData.push(...(item.children || []));\n },\n );\n\n const theme = useTheme();\n const smUp = useMediaQuery(theme.breakpoints.up('sm'));\n const itemCount = itemData.length;\n const itemSize = smUp ? 36 : 48;\n\n const getChildSize = (child: JSX.Element) => {\n if (Object.prototype.hasOwnProperty.call(child, 'group')) {\n return 48;\n }\n\n return itemSize;\n };\n\n const getHeight = () => {\n if (itemCount > 8) {\n return 8 * itemSize;\n }\n return itemData.map(getChildSize).reduce((a, b) => a + b, 0);\n };\n\n const gridRef = useResetCache(itemCount);\n\n return (\n <div ref={ref}>\n <OuterElementContext.Provider value={other}>\n <VariableSizeList\n itemData={itemData}\n height={getHeight() + 2 * LISTBOX_PADDING}\n width=\"100%\"\n ref={gridRef}\n outerElementType={OuterElementType}\n innerElementType=\"ul\"\n itemSize={index => getChildSize(itemData[index])}\n overscanCount={5}\n itemCount={itemCount}\n >\n {renderRow}\n </VariableSizeList>\n </OuterElementContext.Provider>\n </div>\n );\n});\n\nexport default ListboxComponent;\n","import { autocompleteClasses } from '@mui/material/Autocomplete';\nimport Popper from '@mui/material/Popper';\nimport { styled } from '@mui/material/styles';\n\nexport const StyledPopper = styled(Popper)({\n [`& .${autocompleteClasses.listbox}`]: {\n boxSizing: 'border-box',\n '& ul': {\n padding: 0,\n margin: 0,\n },\n },\n});\n"]}
@@ -1,19 +0,0 @@
1
- import { a } from './chunk-7R6ZYEQS.js';
2
- import { b } from './chunk-RPO7AI5K.js';
3
- import O, { forwardRef, useState, useMemo, useEffect } from 'react';
4
- import be, { autocompleteClasses } from '@mui/material/Autocomplete';
5
- import ge from '@mui/material/CircularProgress';
6
- import he from '@mui/material/TextField';
7
- import { VariableSizeList } from 'react-window';
8
- import W from '@mui/material/Typography';
9
- import oe from '@mui/material/Divider';
10
- import L from '@mui/material/Stack';
11
- import re from '@mui/material/Popper';
12
- import { styled } from '@mui/material/styles';
13
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
14
-
15
- var H=styled(re)({[`& .${autocompleteClasses.listbox}`]:{boxSizing:"border-box","& ul":{padding:0,margin:0}}}),D=styled(L)(({theme:e})=>({flex:1,width:"100%",gap:6,[e.breakpoints.down("md")]:{flexDirection:"column"},[e.breakpoints.up("md")]:{flexDirection:"row"}})),T=styled(L)(({theme:e})=>({flex:1,maxWidth:"100%",gap:6,[e.breakpoints.up("md")]:{flex:"1 1 calc(50% - 8px)",width:"calc(50% - 8px)",minWidth:"calc(50% - 8px)",maxWidth:"calc(50% - 8px)"}})),R=styled(L)(({theme:e})=>({position:"relative",alignItems:"center",justifyContent:"center",width:68,height:68,borderRadius:8,overflow:"hidden",img:{position:"absolute",width:"100%",height:"100%",objectFit:"cover"},[e.breakpoints.down("sm")]:{display:"none"}}));var ne=({option:e})=>{let t=Object.keys(e).filter(i=>i.startsWith("field")).map((i,s)=>{let a=e[i];if(a&&typeof a=="object"){let m="label"in a?a.label:null,u="value"in a?a.value:null;return jsxs(W,{component:"span",variant:"body2",color:"textPrimary",noWrap:!0,children:[m,": ",u]},`${i}:${s}`)}}),l=e.image?jsx("img",{alt:"Imagem",src:e.image}):jsx(a,{alt:e.label||e.value.toString(),name:e.label||e.value.toString(),sx:{width:68,height:68,borderRadius:1}});return jsxs(Fragment,{children:[jsxs(L,{direction:"row",gap:2,margin:2,children:[jsx(R,{children:l}),jsxs(L,{flex:1,overflow:"hidden",children:[jsxs(W,{variant:"subtitle2",color:"textPrimary",noWrap:!0,flex:1,children:[e.value," - ",e.label]}),t.length>0&&jsxs(D,{width:1,children:[jsxs(T,{children:[t[0]?t[0]:void 0,t[1]?t[1]:void 0]}),(t[2]||t[3])&&jsxs(T,{children:[t[2]?t[2]:void 0,t[3]?t[3]:void 0]})]})]})]}),jsx(oe,{className:"border",sx:{borderStyle:"dashed",position:"absolute",bottom:0,width:1}})]})},S=ne;var N=8,me=e=>{let{data:t,index:l,style:i}=e,s=t[l],a={...i,top:i.top+N,paddingTop:8,display:"block"};return jsx(W,{component:"li",...s.props,noWrap:!0,style:a,children:jsx(S,{...s?.props?.children?.props})})},X=O.createContext({}),B=forwardRef((e,t)=>{let l=O.useContext(X);return jsx("div",{ref:t,...e,...l})});B.displayName="OuterElementType";var pe=e=>{let t=O.useRef(null);return useEffect(()=>{t.current!=null&&t.current.resetAfterIndex(0,!0);},[e]),t},de=forwardRef(function(t,l){let{children:i,"data-item-height":s,...a}=t,m=[];i.forEach(p=>{m.push(p),m.push(...p.children||[]);});let u=m.length,h=s>112?s:112,y=p=>Object.prototype.hasOwnProperty.call(p,"group")?48:h,b=()=>u>8?8*h:m.map(y).reduce((p,c)=>p+c,0),C=pe(u);return jsx("div",{ref:l,children:jsx(X.Provider,{value:a,children:jsx(VariableSizeList,{itemData:m,height:b()+2*N,width:"100%",ref:C,outerElementType:B,innerElementType:"ul",itemSize:p=>y(m[p]),overscanCount:5,itemCount:u,children:me})})})}),J=de;var j=forwardRef(({name:e,label:t,value:l,options:i=[],loading:s,noOptionsText:a="Nenhum resultado encontrado.",loadingText:m="Carregando op\xE7\xF5es...",error:u,helperText:h,placeholder:y,onChange:b$1,groupBy:C,disabled:p,multiple:c,required:G,renderOption:U,tabIndex:V,onSearch:P,onInputChange:w,..._},F)=>{let[q,I]=useState(),K=b("down","md"),Q=o=>o&&typeof o=="object"?o.value.toString():o.toString(),Y=useMemo(()=>c?(Array.isArray(l)?l:[]).reduce((r,A)=>{let E=i.find(ee=>ee.value.toString()===A.toString());return E?[...r,E]:[...r]},[]):i.find(n=>n.value.toString()===l?.toString())||null,[i,l,c]),Z=K&&i[0]?Object.keys(i[0]).length*24:void 0;return jsx(be,{ref:F,value:q||Y,onInputChange:(o,n,r)=>{if(w&&w(o,n,r),r==="input"){P&&P(n),I(n);return}I(void 0);},options:i,loading:s,noOptionsText:a,loadingText:m,disabled:s||p,disableListWrap:!0,PopperComponent:H,ListboxProps:{"data-item-height":Z},ListboxComponent:U?void 0:J,filterOptions:(o,n)=>o.filter(r=>`${r.field1?.value} ${r.field1?.label} ${r.field2?.label} ${r.field2?.value} ${r.field3?.label} ${r.field3?.value} ${r.field4?.label} ${r.field4?.value} ${r.field5?.label} ${r.field5?.value} ${r.label}${r.value}`.toLocaleUpperCase().includes(n.inputValue.toLocaleUpperCase())),onChange:(o,n)=>{if(!n){b$1(c?[]:null);return}if(Array.isArray(n)){b$1(n.map(Q));return}b$1(typeof n=="string"?n.toString():n.value.toString());},renderOption:({key:o,...n},r)=>jsx("li",{...n,style:{display:"block"},children:jsx(S,{option:r})},o),renderGroup:o=>o,groupBy:C,multiple:c,renderInput:o=>jsx(he,{...o,name:e,placeholder:y,fullWidth:!0,error:!!u,helperText:h,label:t,required:G,InputProps:{...o.InputProps,endAdornment:jsxs(Fragment,{children:[s?jsx(ge,{color:"primary",size:20}):null,o.InputProps.endAdornment]})},inputProps:{...o.inputProps,name:e,tabIndex:V}}),..._})});j.displayName="Autocomplete";var Ke=j;
16
-
17
- export { Ke as a };
18
- //# sourceMappingURL=out.js.map
19
- //# sourceMappingURL=chunk-N22KLIFJ.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/AutocompleteDetailed/index.tsx","../src/components/AutocompleteDetailed/Listbox.tsx","../src/components/AutocompleteDetailed/ListItem.tsx","../src/components/AutocompleteDetailed/styles.ts"],"names":["forwardRef","useMemo","useState","MuiAutocomplete","CircularProgress","TextField","React","useEffect","VariableSizeList","Typography","Divider","Stack","autocompleteClasses","Popper","styled","StyledPopper","OptionBox","theme","OptionContent","ImageContainer","Fragment","jsx","jsxs","ListItem","option","options","key","index","data","label","value","image","CustomAvatar_default","ListItem_default","LISTBOX_PADDING","renderRow","props","style","dataSet","inlineStyle","OuterElementContext","OuterElementType","ref","outerProps","useResetCache","ListboxComponent","children","dataItemHeight","other","itemData","item","itemCount","itemSize","getChildSize","child","getHeight","a","b","gridRef","Listbox_default","AutocompleteDetailed","name","loading","noOptionsText","loadingText","error","helperText","placeholder","onChange","groupBy","disabled","multiple","required","renderOption","tabIndex","onSearch","onInputChange","inputValue","setInputValue","mdDown","useResponsive_default","getOptionValue","optionValue","formattedValue","acc","curr","opt","OPTION_HEIGHT","event","eventValue","reason","opts","state","_","params","AutocompleteDetailed_default"],"mappings":"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","sourcesContent":["import {\n forwardRef,\n HTMLAttributes,\n ReactNode,\n useMemo,\n useState,\n} from 'react';\nimport MuiAutocomplete from '@mui/material/Autocomplete';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport TextField from '@mui/material/TextField';\n\nimport useResponsive from 'hooks/useResponsive';\nimport { Option } from 'types/option';\n\nimport ListboxComponent from './Listbox';\nimport ListItem from './ListItem';\nimport { AutocompleteDetailedProps } from './props';\nimport { StyledPopper } from './styles';\n\nconst AutocompleteDetailed = forwardRef<unknown, AutocompleteDetailedProps>(\n (\n {\n name,\n label,\n value,\n options = [],\n loading,\n noOptionsText = 'Nenhum resultado encontrado.',\n loadingText = 'Carregando opções...',\n error,\n helperText,\n placeholder,\n onChange,\n groupBy,\n disabled,\n multiple,\n required,\n renderOption,\n tabIndex,\n onSearch,\n onInputChange,\n ...other\n },\n ref,\n ) => {\n const [inputValue, setInputValue] = useState<string>();\n\n const mdDown = useResponsive('down', 'md');\n\n const getOptionValue = (optionValue: Option | string | number) =>\n optionValue && typeof optionValue === 'object'\n ? optionValue.value.toString()\n : optionValue.toString();\n\n const formattedValue = useMemo(() => {\n if (multiple) {\n const values = Array.isArray(value) ? value : [];\n\n return values.reduce<Option[]>((acc, curr) => {\n const item = options.find(\n opt => opt.value.toString() === curr.toString(),\n );\n\n if (item) return [...acc, item];\n\n return [...acc];\n }, []);\n }\n\n const item = options.find(\n opt => opt.value.toString() === value?.toString(),\n );\n\n return item || null;\n }, [options, value, multiple]);\n\n const OPTION_HEIGHT =\n mdDown && options[0] ? Object.keys(options[0]).length * 24 : undefined;\n\n return (\n <MuiAutocomplete\n ref={ref}\n value={inputValue || formattedValue}\n onInputChange={(event, eventValue, reason) => {\n if (onInputChange) onInputChange(event, eventValue, reason);\n\n if (reason === 'input') {\n if (onSearch) onSearch(eventValue);\n setInputValue(eventValue);\n\n return;\n }\n\n setInputValue(undefined);\n }}\n options={options}\n loading={loading}\n noOptionsText={noOptionsText}\n loadingText={loadingText}\n disabled={loading || disabled}\n disableListWrap\n PopperComponent={StyledPopper}\n ListboxProps={\n {\n 'data-item-height': OPTION_HEIGHT,\n } as HTMLAttributes<HTMLUListElement>\n }\n ListboxComponent={renderOption ? undefined : ListboxComponent}\n filterOptions={(opts: Option[], state) => {\n return opts.filter(opt => {\n const search = `${opt.field1?.value} ${opt.field1?.label} ${opt.field2?.label} ${opt.field2?.value} ${opt.field3?.label} ${opt.field3?.value} ${opt.field4?.label} ${opt.field4?.value} ${opt.field5?.label} ${opt.field5?.value} ${opt.label}${opt.value}`;\n return search\n .toLocaleUpperCase()\n .includes(state.inputValue.toLocaleUpperCase());\n });\n }}\n onChange={(_, option) => {\n if (!option) {\n onChange(multiple ? [] : null);\n return;\n }\n\n if (Array.isArray(option)) {\n onChange(option.map(getOptionValue));\n return;\n }\n\n onChange(\n typeof option === 'string'\n ? option.toString()\n : option.value.toString(),\n );\n }}\n renderOption={({ key, ...props }, option) => {\n return (\n <li key={key} {...props} style={{ display: 'block' }}>\n <ListItem option={option} />\n </li>\n );\n }}\n renderGroup={params => params as unknown as ReactNode}\n groupBy={groupBy}\n multiple={multiple}\n renderInput={params => (\n <TextField\n {...params}\n name={name}\n placeholder={placeholder}\n fullWidth\n error={!!error}\n helperText={helperText}\n label={label}\n required={required}\n InputProps={{\n ...params.InputProps,\n endAdornment: (\n <>\n {loading ? (\n <CircularProgress color=\"primary\" size={20} />\n ) : null}\n {params.InputProps.endAdornment}\n </>\n ),\n }}\n inputProps={{\n ...params.inputProps,\n name,\n tabIndex,\n }}\n />\n )}\n {...other}\n />\n );\n },\n);\n\nAutocompleteDetailed.displayName = 'Autocomplete';\n\nexport default AutocompleteDetailed;\n","import React, { forwardRef, HTMLAttributes, useEffect } from 'react';\nimport { ListChildComponentProps, VariableSizeList } from 'react-window';\nimport Typography from '@mui/material/Typography';\n\nimport ListItem from './ListItem';\n\nconst LISTBOX_PADDING = 8;\n\nconst renderRow = (props: ListChildComponentProps) => {\n const { data, index, style } = props;\n const dataSet = data[index];\n\n const inlineStyle = {\n ...style,\n top: (style.top as number) + LISTBOX_PADDING,\n paddingTop: 8,\n display: 'block',\n };\n\n return (\n <Typography component=\"li\" {...dataSet.props} noWrap style={inlineStyle}>\n <ListItem {...dataSet?.props?.children?.props} />\n </Typography>\n );\n};\n\nconst OuterElementContext = React.createContext({});\n\nconst OuterElementType = forwardRef<HTMLDivElement>((props, ref) => {\n const outerProps = React.useContext(OuterElementContext);\n return <div ref={ref} {...props} {...outerProps} />;\n});\n\nOuterElementType.displayName = 'OuterElementType';\n\nconst useResetCache = (data: number) => {\n const ref = React.useRef<VariableSizeList>(null);\n\n useEffect(() => {\n if (ref.current != null) {\n ref.current.resetAfterIndex(0, true);\n }\n }, [data]);\n\n return ref;\n};\n\nconst ListboxComponent = forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLElement>\n>(function ListboxComponent(props, ref) {\n const {\n children,\n // eslint-disable-next-line react/prop-types\n 'data-item-height': dataItemHeight,\n ...other\n } = props as { 'data-item-height': number } & HTMLAttributes<HTMLElement>;\n const itemData: JSX.Element[] = [];\n (children as JSX.Element[]).forEach(\n (item: JSX.Element & { children?: JSX.Element[] }) => {\n itemData.push(item);\n itemData.push(...(item.children || []));\n },\n );\n const itemCount = itemData.length;\n const itemSize = dataItemHeight > 112 ? dataItemHeight : 112;\n\n const getChildSize = (child: JSX.Element) => {\n if (Object.prototype.hasOwnProperty.call(child, 'group')) {\n return 48;\n }\n\n return itemSize;\n };\n\n const getHeight = () => {\n if (itemCount > 8) {\n return 8 * itemSize;\n }\n return itemData.map(getChildSize).reduce((a, b) => a + b, 0);\n };\n\n const gridRef = useResetCache(itemCount);\n\n return (\n <div ref={ref}>\n <OuterElementContext.Provider value={other}>\n <VariableSizeList\n itemData={itemData}\n height={getHeight() + 2 * LISTBOX_PADDING}\n width=\"100%\"\n ref={gridRef}\n outerElementType={OuterElementType}\n innerElementType=\"ul\"\n itemSize={index => getChildSize(itemData[index])}\n overscanCount={5}\n itemCount={itemCount}\n >\n {renderRow}\n </VariableSizeList>\n </OuterElementContext.Provider>\n </div>\n );\n});\n\nexport default ListboxComponent;\n","import Divider from '@mui/material/Divider';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport CustomAvatar from 'components/CustomAvatar';\n\nimport { ListItemProps } from './props';\nimport { ImageContainer, OptionBox, OptionContent } from './styles';\n\nconst ListItem = ({ option }: ListItemProps) => {\n const options = Object.keys(option)\n .filter(key => key.startsWith('field'))\n .map((key, index) => {\n const data = option[key];\n\n if (data && typeof data === 'object') {\n const label = ('label' in data ? data.label : null) as string;\n const value = ('value' in data ? data.value : null) as string;\n\n return (\n <Typography\n key={`${key}:${index}`}\n component=\"span\"\n variant=\"body2\"\n color=\"textPrimary\"\n noWrap\n >\n {label}: {value}\n </Typography>\n );\n }\n });\n\n const image = option.image ? (\n <img alt=\"Imagem\" src={option.image} />\n ) : (\n <CustomAvatar\n alt={option.label || option.value.toString()}\n name={option.label || option.value.toString()}\n sx={{ width: 68, height: 68, borderRadius: 1 }}\n />\n );\n\n return (\n <>\n <Stack direction=\"row\" gap={2} margin={2}>\n <ImageContainer>{image}</ImageContainer>\n\n <Stack flex={1} overflow=\"hidden\">\n <Typography variant=\"subtitle2\" color=\"textPrimary\" noWrap flex={1}>\n {option.value} - {option.label}\n </Typography>\n\n {options.length > 0 && (\n <OptionBox width={1}>\n <OptionContent>\n {options[0] ? options[0] : undefined}\n {options[1] ? options[1] : undefined}\n </OptionContent>\n\n {(options[2] || options[3]) && (\n <OptionContent>\n {options[2] ? options[2] : undefined}\n {options[3] ? options[3] : undefined}\n </OptionContent>\n )}\n </OptionBox>\n )}\n </Stack>\n </Stack>\n\n <Divider\n className=\"border\"\n sx={{\n borderStyle: 'dashed',\n position: 'absolute',\n bottom: 0,\n width: 1,\n }}\n />\n </>\n );\n};\n\nexport default ListItem;\n","import { autocompleteClasses } from '@mui/material/Autocomplete';\nimport Popper from '@mui/material/Popper';\nimport Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\n\nexport const StyledPopper = styled(Popper)({\n [`& .${autocompleteClasses.listbox}`]: {\n boxSizing: 'border-box',\n '& ul': {\n padding: 0,\n margin: 0,\n },\n },\n});\n\nexport const OptionBox = styled(Stack)(({ theme }) => ({\n flex: 1,\n width: '100%',\n gap: 6,\n\n [theme.breakpoints.down('md')]: {\n flexDirection: 'column',\n },\n\n [theme.breakpoints.up('md')]: {\n flexDirection: 'row',\n },\n}));\n\nexport const OptionContent = styled(Stack)(({ theme }) => ({\n flex: 1,\n maxWidth: '100%',\n gap: 6,\n\n [theme.breakpoints.up('md')]: {\n flex: '1 1 calc(50% - 8px)',\n width: 'calc(50% - 8px)',\n minWidth: 'calc(50% - 8px)',\n maxWidth: 'calc(50% - 8px)',\n },\n}));\n\nexport const ImageContainer = styled(Stack)(({ theme }) => ({\n position: 'relative',\n alignItems: 'center',\n justifyContent: 'center',\n width: 68,\n height: 68,\n borderRadius: 8,\n overflow: 'hidden',\n\n img: {\n position: 'absolute',\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n },\n\n [theme.breakpoints.down('sm')]: {\n display: 'none',\n },\n}));\n"]}
@@ -1,20 +0,0 @@
1
- import { a as a$4 } from './chunk-6ZSTKYGL.js';
2
- import { a as a$1 } from './chunk-RPPQBAVO.js';
3
- import { a as a$3 } from './chunk-IJZCVZ32.js';
4
- import { a as a$5 } from './chunk-NQNNMRLC.js';
5
- import { a as a$2 } from './chunk-XWUVJ22J.js';
6
- import { useState } from 'react';
7
- import W from '@mui/material/Button';
8
- import z from '@mui/material/CircularProgress';
9
- import v from '@mui/material/Grid';
10
- import a from '@mui/material/Stack';
11
- import c from '@mui/material/Typography';
12
- import $ from '@mui/material/Card';
13
- import { styled, alpha } from '@mui/material/styles';
14
- import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
15
-
16
- var b=styled($,{shouldForwardProp:t=>t!=="active"})(({theme:t,active:n})=>({boxShadow:"none",cursor:"pointer",borderRadius:8,borderStyle:"solid",borderWidth:1.5,borderColor:n?t.palette.primary.main:t.palette.grey[300],color:t.palette.primary.main,backgroundColor:n?alpha(t.palette.primary.main,.04):"white","&:hover":{borderColor:t.palette.primary.main}}));var D=({title:t,action:n,loading:w,items:i,values:l,onChange:y,disabled:s=!1})=>{let[m,x]=useState(),f=e=>l.includes(e),k=m?i.filter(e=>e.title.toLowerCase().includes(m.toLowerCase())):i,I=e=>{if(s)return;let o=f(e.value),p;o?p=l.filter(O=>O!==e.value):p=[...l,e.value],y(p);},P=()=>{s||(l.length===i.length?y([]):y(i.map(e=>e.value)));},R=new Intl.PluralRules("pt-BR"),T=new Map([["one","selecionado"],["other","selecionados"]]),E=e=>{let o=R.select(e),p=T.get(o);return `${e} ${p}`};return jsxs(a,{gap:1.5,height:450,children:[jsxs(a,{direction:"row",justifyContent:"space-between",children:[typeof t=="string"?jsx(c,{variant:"overline",color:"text.disabled",children:t}):t,jsx(c,{variant:"overline",color:"text.disabled",children:l.length===0?"nenhum selecionado":E(l.length)})]}),jsxs(a,{direction:"row",alignItems:"center",spacing:1.5,children:[jsx(a$1,{fullWidth:!0,size:"small",iconPosition:"start",placeholder:"Buscar",trigger:"change",onSearch:e=>x(e),onKeyDown:e=>{e.key==="Enter"&&e.preventDefault();}}),n?jsx(Fragment,{children:n}):jsx(W,{onClick:P,size:"small",disabled:s,children:jsx(c,{variant:"overline",children:"TODOS"})})]}),jsx(a$2,{children:jsx(a,{flex:1,mb:2,children:jsx(a$3,{isLoading:w,loading:jsx(a,{alignItems:"center",mt:3,children:jsx(z,{})}),isEmpty:i.length===0,empty:jsx(a$4,{sx:{svg:{height:140}},text:m?`N\xE3o foi possivel encontrar o item "${m}"`:"Nenhum item dispon\xEDvel"}),children:jsx(v,{container:!0,spacing:1.5,children:k.map(e=>jsx(v,{item:!0,xs:4,children:jsx(b,{active:f(e.value),onClick:()=>I(e),sx:{cursor:s?"default":"pointer",opacity:s?.6:1},children:jsxs(a,{padding:1.5,width:"100%",children:[jsxs(a,{direction:"row",alignItems:"center",justifyContent:"space-between",children:[jsx(c,{color:f(e.value)?"primary.main":"text.primary",variant:"subtitle2",textAlign:"left",noWrap:!0,children:e.title}),f(e.value)&&jsx(a$5,{icon:"CHECK_CIRCLE",width:24})]}),e.options.map(o=>jsx(c,{mt:1,variant:"body2",color:"text.disabled",fontSize:12,textAlign:"left",noWrap:!0,children:`${o.label}: ${o.value}`},o.label))]})})},e.title))})})})})]})},ee=D;
17
-
18
- export { ee as a };
19
- //# sourceMappingURL=out.js.map
20
- //# sourceMappingURL=chunk-QKKARUG5.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/SelectableCards/index.tsx","../src/components/SelectableCards/style.ts"],"names":["useState","Button","CircularProgress","Grid","Stack","Typography","Card","alpha","styled","StyledCard","prop","theme","active","Fragment","jsx","jsxs","SelectableCards","title","action","loading","items","values","onChange","disabled","search","setSearch","isSelected","itemId","filteredItems","item","onSelectItem","isItemAlreadySelected","newSelectedOptions","element","selectAllItems","enCardinalRules","strings","formatStrings","n","rule","suffix","SearchInput_default","value","event","Scrollbar_default","Result_default","EmptyView_default","Icon_default","option","SelectableCards_default"],"mappings":"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","sourcesContent":["import { useState } from 'react';\nimport Button from '@mui/material/Button';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Grid from '@mui/material/Grid';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport EmptyView from 'components/EmptyView';\nimport Icon from 'components/Icon';\nimport Result from 'components/Result';\nimport Scrollbar from 'components/Scrollbar';\nimport SearchInput from 'components/SearchInput';\n\nimport { Option, SelectableCardsProps } from './props';\nimport { StyledCard } from './style';\n\nconst SelectableCards = ({\n title,\n action,\n loading,\n items,\n values,\n onChange,\n disabled = false,\n}: SelectableCardsProps) => {\n const [search, setSearch] = useState<string>();\n\n const isSelected = (itemId: string) => {\n return values.includes(itemId);\n };\n\n const filteredItems = search\n ? items.filter(item =>\n item.title.toLowerCase().includes(search.toLowerCase()),\n )\n : items;\n\n const onSelectItem = (item: Option) => {\n if (disabled) return;\n const isItemAlreadySelected = isSelected(item.value);\n\n let newSelectedOptions: string[];\n\n if (isItemAlreadySelected) {\n newSelectedOptions = values.filter(element => element !== item.value);\n } else {\n newSelectedOptions = [...values, item.value];\n }\n\n onChange(newSelectedOptions);\n };\n\n const selectAllItems = () => {\n if (disabled) return;\n if (values.length === items.length) {\n onChange([]);\n } else {\n onChange(items.map(item => item.value));\n }\n };\n\n const enCardinalRules = new Intl.PluralRules('pt-BR');\n\n const strings = new Map([\n ['one', 'selecionado'],\n ['other', 'selecionados'],\n ]);\n\n const formatStrings = (n: number) => {\n const rule = enCardinalRules.select(n);\n const suffix = strings.get(rule);\n return `${n} ${suffix}`;\n };\n\n return (\n <Stack gap={1.5} height={450}>\n <Stack direction=\"row\" justifyContent=\"space-between\">\n {typeof title === 'string' ? (\n <Typography variant=\"overline\" color=\"text.disabled\">\n {title}\n </Typography>\n ) : (\n title\n )}\n <Typography variant=\"overline\" color=\"text.disabled\">\n {values.length === 0\n ? 'nenhum selecionado'\n : formatStrings(values.length)}\n </Typography>\n </Stack>\n <Stack direction=\"row\" alignItems=\"center\" spacing={1.5}>\n <SearchInput\n fullWidth\n size=\"small\"\n iconPosition=\"start\"\n placeholder=\"Buscar\"\n trigger=\"change\"\n onSearch={value => setSearch(value)}\n onKeyDown={event => {\n if (event.key === 'Enter') {\n event.preventDefault();\n }\n }}\n />\n\n {action ? (\n <>{action}</>\n ) : (\n <Button onClick={selectAllItems} size=\"small\" disabled={disabled}>\n <Typography variant=\"overline\">TODOS</Typography>\n </Button>\n )}\n </Stack>\n\n <Scrollbar>\n <Stack flex={1} mb={2}>\n <Result\n isLoading={loading}\n loading={\n <Stack alignItems=\"center\" mt={3}>\n <CircularProgress />\n </Stack>\n }\n isEmpty={items.length === 0}\n empty={\n <EmptyView\n sx={{ svg: { height: 140 } }}\n text={\n search\n ? `Não foi possivel encontrar o item \"${search}\"`\n : 'Nenhum item disponível'\n }\n />\n }\n >\n <Grid container spacing={1.5}>\n {filteredItems.map(item => (\n <Grid key={item.title} item xs={4}>\n <StyledCard\n active={isSelected(item.value)}\n onClick={() => onSelectItem(item)}\n sx={{\n cursor: disabled ? 'default' : 'pointer',\n opacity: disabled ? 0.6 : 1,\n }}\n >\n <Stack padding={1.5} width=\"100%\">\n <Stack\n direction=\"row\"\n alignItems=\"center\"\n justifyContent=\"space-between\"\n >\n <Typography\n color={\n isSelected(item.value)\n ? 'primary.main'\n : 'text.primary'\n }\n variant=\"subtitle2\"\n textAlign=\"left\"\n noWrap\n >\n {item.title}\n </Typography>\n\n {isSelected(item.value) && (\n <Icon icon=\"CHECK_CIRCLE\" width={24} />\n )}\n </Stack>\n\n {item.options.map(option => (\n <Typography\n key={option.label}\n mt={1}\n variant=\"body2\"\n color=\"text.disabled\"\n fontSize={12}\n textAlign=\"left\"\n noWrap\n >\n {`${option.label}: ${option.value}`}\n </Typography>\n ))}\n </Stack>\n </StyledCard>\n </Grid>\n ))}\n </Grid>\n </Result>\n </Stack>\n </Scrollbar>\n </Stack>\n );\n};\n\nexport default SelectableCards;\n","import Card from '@mui/material/Card';\nimport { alpha, styled } from '@mui/material/styles';\n\nexport type CardProps = {\n active: boolean;\n};\n\nexport const StyledCard = styled(Card, {\n shouldForwardProp: prop => prop !== 'active',\n})<CardProps>(({ theme, active }) => ({\n boxShadow: 'none',\n cursor: 'pointer',\n\n borderRadius: 8,\n borderStyle: 'solid',\n borderWidth: 1.5,\n borderColor: active ? theme.palette.primary.main : theme.palette.grey[300],\n\n color: theme.palette.primary.main,\n backgroundColor: active ? alpha(theme.palette.primary.main, 0.04) : 'white',\n\n '&:hover': {\n borderColor: theme.palette.primary.main,\n },\n}));\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/DataView/styles.ts","../src/components/DataView/Pagination.tsx"],"names":["Divider","Stack","styled","Container","Panel_default","prop","theme","breakpoint","Header","ActionsContainer","ActionsDivider","ToolbarActionsDivider","Topbar","SearchContainer","PaginationContainer","MobilePaginationContainer","DesktopPaginationContainer","MuiPagination","jsx","Pagination","count","page","rowsPerPage","onPageChange","onRowsPerPageChange","totalPages","_","newPage","event","Pagination_default"],"mappings":"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","sourcesContent":["import Divider from '@mui/material/Divider';\nimport Stack, { StackProps } from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport { Breakpoint } from '@mui/material/styles';\n\nimport Panel from 'components/Panel';\n\nexport interface DefaultProps {\n breakpoint: Breakpoint | number;\n}\n\nexport interface ContainerProps extends StackProps {\n breakpoint: Breakpoint | number;\n}\n\nexport const Container = styled(Panel, {\n shouldForwardProp: prop => prop !== 'breakpoint',\n})<ContainerProps>(({ theme, breakpoint }) => ({\n position: 'relative',\n borderRadius: 12,\n padding: 0,\n gap: 0,\n overflow: 'hidden',\n\n [theme.breakpoints.down(breakpoint)]: {\n borderColor: theme.palette.divider,\n },\n}));\n\nexport const Header = styled(Stack, {\n shouldForwardProp: prop => prop !== 'breakpoint',\n})<DefaultProps>(({ theme, breakpoint }) => ({\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n padding: '24px 24px 0',\n gap: 24,\n\n [theme.breakpoints.down(breakpoint)]: {\n padding: '16px 16px 0',\n },\n}));\n\nexport const ActionsContainer = styled(Stack, {\n shouldForwardProp: prop => prop !== 'breakpoint',\n})<DefaultProps>(({ theme, breakpoint }) => ({\n flexDirection: 'row',\n alignItems: 'center',\n gap: 12,\n color: theme.palette.text.secondary,\n\n [theme.breakpoints.down(breakpoint)]: {\n '& button, & a': {\n textIndent: '-9999em',\n fontSize: 0,\n minWidth: 36,\n maxWidth: 36,\n height: 36,\n width: 36,\n overflow: 'hidden',\n\n '& .MuiButton-icon': {\n margin: 0,\n },\n },\n },\n}));\n\nexport const ActionsDivider = styled(Divider)({\n borderStyle: 'dashed',\n height: 16,\n margin: 'auto',\n});\n\nexport const ToolbarActionsDivider = styled(Divider)({\n borderStyle: 'dashed',\n height: 12,\n marginTop: 'auto',\n marginBottom: 'auto',\n});\n\nexport const Topbar = styled(Stack, {\n shouldForwardProp: prop => prop !== 'breakpoint',\n})<DefaultProps>(({ theme, breakpoint }) => ({\n position: 'relative',\n padding: 16,\n flexDirection: 'row',\n alignItems: 'center',\n color: theme.palette.text.secondary,\n\n [theme.breakpoints.down(breakpoint)]: {\n padding: '12px 16px',\n borderBottom: `1px solid ${theme.palette.divider}`,\n minHeight: 60,\n\n [theme.breakpoints.down(breakpoint)]: {\n '& button': {\n textIndent: '-9999em',\n fontSize: 0,\n minWidth: 36,\n maxWidth: 36,\n height: 36,\n width: 36,\n overflow: 'hidden',\n\n '& .MuiButton-icon': {\n margin: 0,\n },\n },\n },\n },\n}));\n\nexport const SearchContainer = styled(Stack, {\n shouldForwardProp: prop => prop !== 'breakpoint',\n})<DefaultProps>(({ theme, breakpoint }) => ({\n width: 320,\n alignItems: 'center',\n justifyContent: 'center',\n\n [theme.breakpoints.down(breakpoint)]: {\n position: 'absolute',\n left: 0,\n width: '100%',\n padding: '0 12px',\n zIndex: 1,\n\n '& fieldset, & input': {\n display: 'flex',\n },\n\n '& .MuiInputAdornment-root': {\n marginLeft: 0,\n },\n },\n}));\n\nexport const PaginationContainer = styled(Stack)(({ theme }) => ({\n '& .MuiToolbar-root': {\n height: 24,\n minHeight: 24,\n overflow: 'hidden',\n\n [theme.breakpoints.down('sm')]: {\n height: 'auto',\n flexWrap: 'wrap',\n justifyContent: 'center',\n },\n },\n}));\n\nexport const MobilePaginationContainer = styled(Stack)(({ theme }) => ({\n minHeight: 60,\n alignItems: 'flex-end',\n justifyContent: 'center',\n borderTop: `1px solid ${theme.palette.divider}`,\n\n [theme.breakpoints.down('sm')]: {\n minHeight: 'auto',\n },\n}));\n\nexport const DesktopPaginationContainer = styled(Stack)(({ theme }) => ({\n flexDirection: 'row',\n height: 60,\n alignItems: 'center',\n justifyContent: 'space-between',\n borderTop: `1px solid ${theme.palette.divider}`,\n gap: 16,\n padding: 16,\n}));\n","import MuiPagination from '@mui/material/TablePagination';\n\nimport { PaginationProps } from './props';\nimport { PaginationContainer } from './styles';\n\nconst Pagination = ({\n count,\n page,\n rowsPerPage,\n onPageChange,\n onRowsPerPageChange,\n}: PaginationProps) => {\n const totalPages = Math.ceil(count / rowsPerPage) || 1;\n return (\n <PaginationContainer\n aria-label={`Página ${page + 1} de ${totalPages}`}\n aria-live=\"polite\"\n role=\"navigation\"\n >\n <MuiPagination\n color=\"primary\"\n component=\"div\"\n size=\"small\"\n count={count}\n page={page}\n rowsPerPage={rowsPerPage}\n onPageChange={(_, newPage) => onPageChange(newPage)}\n onRowsPerPageChange={event =>\n onRowsPerPageChange(Number(event.target.value))\n }\n />\n </PaginationContainer>\n );\n};\n\nexport default Pagination;\n"]}
@@ -1,25 +0,0 @@
1
- import { a as a$5 } from './chunk-RPPQBAVO.js';
2
- import { a as a$6 } from './chunk-IJZCVZ32.js';
3
- import { a as a$9 } from './chunk-IDFJFFIV.js';
4
- import { a as a$7 } from './chunk-6U5LS7MP.js';
5
- import { i, j, a as a$3, b as b$1, c, d, f, e, g, h } from './chunk-QVU6HSYP.js';
6
- import { a as a$1 } from './chunk-IN7SP2ND.js';
7
- import { a as a$4 } from './chunk-CO2KQFUN.js';
8
- import { a } from './chunk-NQNNMRLC.js';
9
- import { a as a$8 } from './chunk-XWUVJ22J.js';
10
- import { a as a$2 } from './chunk-LQRRMVFN.js';
11
- import { b } from './chunk-RPO7AI5K.js';
12
- import { forwardRef, useCallback, useState, Children, isValidElement, cloneElement } from 'react';
13
- import B from '@mui/material/Button';
14
- import vo from '@mui/material/CircularProgress';
15
- import Ro from '@mui/material/Divider';
16
- import x from '@mui/material/Stack';
17
- import P from '@mui/material/Typography';
18
- import { GridToolbarColumnsButton } from '@mui/x-data-grid-premium';
19
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
20
-
21
- var C="datagrid-actions";var So=forwardRef(({children:a$1,...n},t)=>jsx(B,{...n,ref:t,color:"inherit",startIcon:jsx(a,{icon:"COLUMNS"}),children:a$1??"Colunas"}));So.displayName="ColumnsButton";var bo=({setFilterButtonEl:a$2})=>{let n=useCallback(t=>{a$2(t);},[a$2]);return jsx(a$1,{container:C,children:jsx(GridToolbarColumnsButton,{ref:n,slotProps:{button:{color:"inherit",startIcon:jsx(a,{icon:"COLUMNS"}),children:"Colunas"}}})})},no=bo;var ao=(a,n)=>Children.map(a,t=>{if(!isValidElement(t))return t;let d=t.props.onClick,i={};return i.onClick=(...S)=>{n(),d&&d(...S);},t.props?.children&&(i.children=ao(t.props.children,n)),cloneElement(t,i)}),yo=({title:a$1,headerContent:n,breakpoint:t="md",columns:d$1,rows:i$1=[],mobileRender:S,rowCount:b$2=0,paginationModel:s={page:0,pageSize:25},onPaginationChange:g$1,actions:E,moreActions:k,onAdd:O,onSearch:N,searchValue:io,onSearchChange:so,slots:w,slotProps:lo,loading:p,fetching:G,containerProps:co={height:562,maxHeight:562},hideFooter:M,hideHeader:H=!1,showColumnButton:L=!1,...po})=>{let c$1=a$2(),m=b("down",t),[mo,uo]=useState(null),z=!!N,D=!!O,h$1=!!E,T=!!k,v=m&&T,R=!m&&T,fo=h$1||D||v,_=R||z||L||!m,y={...w,footer:()=>jsxs(i,{children:[jsxs(x,{direction:"row",alignItems:"center",gap:.5,children:[jsx(P,{variant:"body2",color:"text.disabled",children:"Total de itens:"}),jsx(P,{variant:"body2",children:b$2})]}),jsx(j,{count:b$2,page:s.page,rowsPerPage:s.pageSize,onPageChange:e=>g$1(e,s.pageSize),onRowsPerPageChange:e=>g$1(s.page,e)})]})};return L&&!y.toolbar&&(y.toolbar=no),jsxs(a$3,{breakpoint:t,...co,flex:p?1:void 0,minHeight:!p&&i$1.length===0?562:void 0,children:[!H&&jsxs(Fragment,{children:[jsxs(b$1,{breakpoint:t,children:[jsx(P,{variant:"overline",color:"text.secondary",noWrap:!0,children:a$1}),fo&&jsxs(c,{breakpoint:t,children:[h$1&&E,D&&jsxs(Fragment,{children:[h$1&&jsx(d,{orientation:"vertical",flexItem:!0}),jsx(B,{startIcon:jsx(a,{icon:"SIMPLE_ADD"}),variant:"contained",onClick:O,children:"Adicionar"})]}),v&&jsxs(Fragment,{children:[(h$1||D)&&jsx(d,{orientation:"vertical",flexItem:!0}),jsx(B,{color:"inherit",startIcon:jsx(a,{icon:"MORE_BOLD"}),size:"small",onClick:c$1.onOpen,children:"Mais"})]})]})]}),_&&jsxs(f,{breakpoint:t,children:[jsx(x,{flex:1,direction:"row",alignItems:"center",id:C,gap:.5,children:T&&jsxs(Fragment,{children:[R&&jsxs(Fragment,{children:[jsx(B,{color:"inherit",startIcon:jsx(a,{icon:"MORE_BOLD"}),size:"small",onClick:c$1.onOpen,children:"Mais"}),!m&&jsx(e,{orientation:"vertical",flexItem:!0})]}),(R||v)&&jsx(a$4,{open:c$1.open,anchorEl:c$1.open,onClose:c$1.onClose,sx:{minWidth:160},disabledArrow:!0,children:k?ao(k,c$1.onClose):null})]})}),z&&jsx(g,{breakpoint:t,children:jsx(a$5,{value:io,placeholder:"Buscar",onSearch:N,onChange:e=>so?.(e.target.value),size:"small",fullWidth:!0,iconPosition:"start"})})]})]}),!_&&!H&&jsx(Ro,{sx:{mt:2}}),n&&n,m?jsxs(a$6,{isFetching:G,fetching:jsx(a$7,{}),isLoading:p,loading:jsx(vo,{sx:{m:"160px auto"}}),isEmpty:i$1.length===0,empty:jsx(x,{flex:1,alignItems:"center",justifyContent:"center",children:w?.noRowsOverlay?jsx(w.noRowsOverlay,{}):jsx(P,{variant:"body2",color:"text.secondary",children:"Nenhum registro encontrado"})}),children:[jsx(a$8,{fillContent:!0,children:i$1.map(e=>S(e))}),!M&&jsx(h,{children:jsx(j,{count:b$2,page:s.page,rowsPerPage:s.pageSize,onPageChange:e=>g$1(e,s.pageSize),onRowsPerPageChange:e=>g$1(s.page,e)})})]}):jsx(a$9,{columns:d$1,rows:i$1,slots:y,slotProps:{panel:{anchorEl:mo},toolbar:{setFilterButtonEl:uo,showQuickFilter:!0},...lo},columnHeaderHeight:48,getRowHeight:()=>68,loading:p,fetching:G,hideFooter:M,...po})]},p?"loading":"data")},it=yo;
22
-
23
- export { no as a, it as b };
24
- //# sourceMappingURL=out.js.map
25
- //# sourceMappingURL=chunk-U7SYDDK7.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/DataView/index.tsx","../src/components/DataView/contants.ts","../src/components/DataView/Toolbar.tsx"],"names":["Children","cloneElement","isValidElement","useState","Button","CircularProgress","Divider","Stack","Typography","DATAGRID_ACTIONS","forwardRef","useCallback","GridToolbarColumnsButton","jsx","ColumnsButton","children","props","ref","Icon_default","Toolbar","setFilterButtonEl","handleColumnsButtonRef","button","Portal_default","Toolbar_default","Fragment","jsxs","enhanceMoreActions","onClose","child","originalOnClick","enhancedProps","args","DataView","title","headerContent","breakpoint","columns","rows","mobileRender","rowCount","paginationModel","onPaginationChange","actions","moreActions","onAdd","onSearch","searchValue","onSearchChange","slots","slotProps","loading","fetching","containerProps","hideFooter","hideHeader","showColumnButton","others","popover","usePopover_default","isMobile","useResponsive_default","filterButtonEl","showSearch","showAdd","showActions","showMoreActions","showHeaderMoreActions","showTopbarMoreActions","showActionsContainer","showTopbar","dataGridSlots","DesktopPaginationContainer","Pagination_default","newPage","newRowsPerPage","Container","Header","ActionsContainer","ActionsDivider","Topbar","ToolbarActionsDivider","MenuPopover_default","SearchContainer","SearchInput_default","Result_default","FixedProgressBar_default","Scrollbar_default","row","MobilePaginationContainer","DataGrid_default","DataView_default"],"mappings":"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","sourcesContent":["import {\n Children,\n cloneElement,\n isValidElement,\n ReactElement,\n ReactNode,\n useState,\n} from 'react';\nimport Button from '@mui/material/Button';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Divider from '@mui/material/Divider';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\nimport { GridSlotsComponentsProps } from '@mui/x-data-grid-premium';\n\nimport DataGrid from 'components/DataGrid';\nimport FixedProgressBar from 'components/FixedProgressBar';\nimport Icon from 'components/Icon';\nimport MenuPopover from 'components/MenuPopover';\nimport Result from 'components/Result';\nimport Scrollbar from 'components/Scrollbar';\nimport SearchInput from 'components/SearchInput';\nimport usePopover from 'hooks/usePopover';\nimport useResponsive from 'hooks/useResponsive';\n\nimport { DATAGRID_ACTIONS } from './contants';\nimport Pagination from './Pagination';\nimport { DataGridSlotsProps, DataViewProps } from './props';\nimport {\n ActionsContainer,\n ActionsDivider,\n Container,\n DesktopPaginationContainer,\n Header,\n MobilePaginationContainer,\n SearchContainer,\n ToolbarActionsDivider,\n Topbar,\n} from './styles';\nimport Toolbar from './Toolbar';\n\nconst enhanceMoreActions = (\n children: ReactNode,\n onClose: () => void,\n): ReactNode => {\n return Children.map(children, child => {\n if (!isValidElement(child)) {\n return child;\n }\n\n const originalOnClick = (\n child.props as { onClick?: (...args: unknown[]) => void }\n ).onClick;\n\n const enhancedProps: {\n onClick?: (...args: unknown[]) => void;\n children?: ReactNode;\n } = {};\n\n enhancedProps.onClick = (...args: unknown[]) => {\n onClose();\n if (originalOnClick) {\n originalOnClick(...args);\n }\n };\n\n if (child.props?.children) {\n enhancedProps.children = enhanceMoreActions(\n child.props.children as ReactNode,\n onClose,\n );\n }\n\n return cloneElement(child as ReactElement, enhancedProps);\n });\n};\n\nconst DataView = ({\n title,\n headerContent,\n breakpoint = 'md',\n columns,\n rows = [],\n mobileRender,\n rowCount = 0,\n paginationModel = { page: 0, pageSize: 25 },\n onPaginationChange,\n actions,\n moreActions,\n onAdd,\n onSearch,\n searchValue,\n onSearchChange,\n slots,\n slotProps,\n loading,\n fetching,\n containerProps = { height: 562, maxHeight: 562 },\n hideFooter,\n hideHeader = false,\n showColumnButton = false,\n ...others\n}: DataViewProps) => {\n const popover = usePopover();\n const isMobile = useResponsive('down', breakpoint);\n const [filterButtonEl, setFilterButtonEl] =\n useState<HTMLButtonElement | null>(null);\n\n const showSearch = !!onSearch;\n const showAdd = !!onAdd;\n const showActions = !!actions;\n const showMoreActions = !!moreActions;\n const showHeaderMoreActions = isMobile && showMoreActions;\n const showTopbarMoreActions = !isMobile && showMoreActions;\n const showActionsContainer = showActions || showAdd || showHeaderMoreActions;\n const showTopbar =\n showTopbarMoreActions || showSearch || showColumnButton || !isMobile;\n\n const renderDesktopFooter = (): ReactNode => (\n <DesktopPaginationContainer>\n <Stack direction=\"row\" alignItems=\"center\" gap={0.5}>\n <Typography variant=\"body2\" color=\"text.disabled\">\n Total de itens:\n </Typography>\n <Typography variant=\"body2\">{rowCount}</Typography>\n </Stack>\n\n <Pagination\n count={rowCount}\n page={paginationModel.page}\n rowsPerPage={paginationModel.pageSize}\n onPageChange={newPage =>\n onPaginationChange(newPage, paginationModel.pageSize)\n }\n onRowsPerPageChange={newRowsPerPage =>\n onPaginationChange(paginationModel.page, newRowsPerPage)\n }\n />\n </DesktopPaginationContainer>\n );\n\n const dataGridSlots: DataGridSlotsProps = {\n ...slots,\n footer: renderDesktopFooter as unknown as DataGridSlotsProps['footer'],\n };\n\n if (showColumnButton && !dataGridSlots.toolbar) {\n dataGridSlots.toolbar = Toolbar as unknown as DataGridSlotsProps['toolbar'];\n }\n\n return (\n <Container\n key={loading ? 'loading' : 'data'}\n breakpoint={breakpoint}\n {...containerProps}\n flex={loading ? 1 : undefined}\n minHeight={!loading && rows.length === 0 ? 562 : undefined}\n >\n {!hideHeader && (\n <>\n <Header breakpoint={breakpoint}>\n <Typography variant=\"overline\" color=\"text.secondary\" noWrap>\n {title}\n </Typography>\n\n {showActionsContainer && (\n <ActionsContainer breakpoint={breakpoint}>\n {showActions && actions}\n\n {showAdd && (\n <>\n {showActions && (\n <ActionsDivider orientation=\"vertical\" flexItem />\n )}\n\n <Button\n startIcon={<Icon icon=\"SIMPLE_ADD\" />}\n variant=\"contained\"\n onClick={onAdd}\n >\n Adicionar\n </Button>\n </>\n )}\n\n {showHeaderMoreActions && (\n <>\n {(showActions || showAdd) && (\n <ActionsDivider orientation=\"vertical\" flexItem />\n )}\n\n <Button\n color=\"inherit\"\n startIcon={<Icon icon=\"MORE_BOLD\" />}\n size=\"small\"\n onClick={popover.onOpen}\n >\n Mais\n </Button>\n </>\n )}\n </ActionsContainer>\n )}\n </Header>\n\n {showTopbar && (\n <Topbar breakpoint={breakpoint}>\n <Stack\n flex={1}\n direction=\"row\"\n alignItems=\"center\"\n id={DATAGRID_ACTIONS}\n gap={0.5}\n >\n {showMoreActions && (\n <>\n {showTopbarMoreActions && (\n <>\n <Button\n color=\"inherit\"\n startIcon={<Icon icon=\"MORE_BOLD\" />}\n size=\"small\"\n onClick={popover.onOpen}\n >\n Mais\n </Button>\n\n {!isMobile && (\n <ToolbarActionsDivider\n orientation=\"vertical\"\n flexItem\n />\n )}\n </>\n )}\n\n {(showTopbarMoreActions || showHeaderMoreActions) && (\n <MenuPopover\n open={popover.open}\n anchorEl={popover.open}\n onClose={popover.onClose}\n sx={{\n minWidth: 160,\n }}\n disabledArrow={true}\n >\n {moreActions\n ? enhanceMoreActions(moreActions, popover.onClose)\n : null}\n </MenuPopover>\n )}\n </>\n )}\n </Stack>\n\n {showSearch && (\n <SearchContainer breakpoint={breakpoint}>\n <SearchInput\n value={searchValue}\n placeholder=\"Buscar\"\n onSearch={onSearch}\n onChange={e => onSearchChange?.(e.target.value)}\n size=\"small\"\n fullWidth\n iconPosition=\"start\"\n />\n </SearchContainer>\n )}\n </Topbar>\n )}\n </>\n )}\n\n {!showTopbar && !hideHeader && <Divider sx={{ mt: 2 }} />}\n\n {headerContent && headerContent}\n\n {isMobile ? (\n <Result\n isFetching={fetching}\n fetching={<FixedProgressBar />}\n isLoading={loading}\n loading={<CircularProgress sx={{ m: '160px auto' }} />}\n isEmpty={rows.length === 0}\n empty={\n <Stack flex={1} alignItems=\"center\" justifyContent=\"center\">\n {slots?.noRowsOverlay ? (\n <slots.noRowsOverlay />\n ) : (\n <Typography variant=\"body2\" color=\"text.secondary\">\n Nenhum registro encontrado\n </Typography>\n )}\n </Stack>\n }\n >\n <Scrollbar fillContent>\n {rows.map(row => mobileRender(row))}\n </Scrollbar>\n\n {!hideFooter && (\n <MobilePaginationContainer>\n <Pagination\n count={rowCount}\n page={paginationModel.page}\n rowsPerPage={paginationModel.pageSize}\n onPageChange={newPage =>\n onPaginationChange(newPage, paginationModel.pageSize)\n }\n onRowsPerPageChange={newRowsPerPage =>\n onPaginationChange(paginationModel.page, newRowsPerPage)\n }\n />\n </MobilePaginationContainer>\n )}\n </Result>\n ) : (\n <DataGrid\n columns={columns}\n rows={rows}\n slots={dataGridSlots}\n slotProps={{\n panel: { anchorEl: filterButtonEl },\n toolbar: {\n setFilterButtonEl,\n showQuickFilter: true,\n } as unknown as GridSlotsComponentsProps['toolbar'],\n ...slotProps,\n }}\n columnHeaderHeight={48}\n getRowHeight={() => 68}\n loading={loading}\n fetching={fetching}\n hideFooter={hideFooter}\n {...others}\n />\n )}\n </Container>\n );\n};\n\nexport default DataView;\nexport {\n ActionsContainer,\n ActionsDivider,\n Container,\n DesktopPaginationContainer,\n Header,\n MobilePaginationContainer,\n SearchContainer,\n Toolbar,\n ToolbarActionsDivider,\n Topbar,\n};\n","export const DATAGRID_ACTIONS = 'datagrid-actions';\n","import { forwardRef, useCallback } from 'react';\nimport Button, { ButtonProps } from '@mui/material/Button';\nimport { GridToolbarColumnsButton } from '@mui/x-data-grid-premium';\n\nimport Icon from 'components/Icon';\nimport Portal from 'components/Portal';\n\nimport { DATAGRID_ACTIONS } from './contants';\nimport { ToolbarProps } from './props';\n\nconst ColumnsButton = forwardRef<HTMLButtonElement, ButtonProps>(\n ({ children, ...props }, ref) => (\n <Button\n {...props}\n ref={ref}\n color=\"inherit\"\n startIcon={<Icon icon=\"COLUMNS\" />}\n >\n {children ?? 'Colunas'}\n </Button>\n ),\n);\n\nColumnsButton.displayName = 'ColumnsButton';\n\nconst Toolbar = ({ setFilterButtonEl }: ToolbarProps) => {\n const handleColumnsButtonRef = useCallback(\n (button: HTMLButtonElement | null) => {\n setFilterButtonEl(button);\n },\n [setFilterButtonEl],\n );\n\n return (\n <Portal container={DATAGRID_ACTIONS}>\n <GridToolbarColumnsButton\n ref={handleColumnsButtonRef}\n slotProps={{\n button: {\n color: 'inherit',\n startIcon: <Icon icon=\"COLUMNS\" />,\n children: 'Colunas',\n },\n }}\n />\n </Portal>\n );\n};\n\nexport default Toolbar;\n"]}
@@ -286,13 +286,10 @@ declare const components: {
286
286
  MuiTimelineDot: {
287
287
  defaultProps?: Partial<_mui_lab_TimelineDot.TimelineDotProps> | undefined;
288
288
  styleOverrides?: Partial<_mui_material_styles_overrides.OverridesStyleRules<keyof _mui_lab_TimelineDot.TimelineDotClasses, "MuiTimelineDot", {
289
- cssVarPrefix: string;
290
- zIndex: _mui_material.ZIndex;
291
- direction: _mui_system.Direction;
292
- opacity: _mui_material.Opacity;
293
- typography: _mui_material.TypographyVariants;
289
+ transitions: _mui_material.Transitions;
294
290
  palette: _mui_material.Palette;
295
291
  colorSchemes: Record<_mui_material.SupportedColorScheme, _mui_material.ColorSystem>;
292
+ cssVarPrefix: string;
296
293
  vars: _mui_material.ThemeVars;
297
294
  getCssVar: (field: _mui_material.ThemeCssVar, ...vars: _mui_material.ThemeCssVar[]) => string;
298
295
  getColorSchemeSelector: (colorScheme: _mui_material.SupportedColorScheme) => string;
@@ -303,13 +300,16 @@ declare const components: {
303
300
  spacing: _mui_system.Spacing;
304
301
  breakpoints: _mui_system.Breakpoints;
305
302
  shape: _mui_system.Shape;
306
- transitions: _mui_material.Transitions;
303
+ typography: _mui_material.TypographyVariants;
307
304
  shadows: _mui_material.Shadows;
308
305
  mixins: _mui_material.Mixins;
306
+ zIndex: _mui_material.ZIndex;
307
+ direction: _mui_system.Direction;
309
308
  shouldSkipGeneratingVar: (keys: string[], value: string | number) => boolean;
310
309
  unstable_sxConfig: _mui_system.SxConfig;
311
310
  unstable_sx: (props: _mui_system.SxProps<_mui_material.Theme>) => _mui_styled_engine.CSSObject;
312
311
  applyStyles: _mui_system.ApplyStyles<"light" | "dark">;
312
+ opacity: _mui_material.Opacity;
313
313
  overlays: _mui_material.Overlays;
314
314
  customShadows: CustomShadows;
315
315
  unstable_strictMode?: boolean | undefined;
@@ -326,13 +326,10 @@ declare const components: {
326
326
  MuiTimelineConnector: {
327
327
  defaultProps?: Partial<_mui_lab_TimelineConnector.TimelineConnectorProps> | undefined;
328
328
  styleOverrides?: Partial<_mui_material_styles_overrides.OverridesStyleRules<"root", "MuiTimelineConnector", {
329
- cssVarPrefix: string;
330
- zIndex: _mui_material.ZIndex;
331
- direction: _mui_system.Direction;
332
- opacity: _mui_material.Opacity;
333
- typography: _mui_material.TypographyVariants;
329
+ transitions: _mui_material.Transitions;
334
330
  palette: _mui_material.Palette;
335
331
  colorSchemes: Record<_mui_material.SupportedColorScheme, _mui_material.ColorSystem>;
332
+ cssVarPrefix: string;
336
333
  vars: _mui_material.ThemeVars;
337
334
  getCssVar: (field: _mui_material.ThemeCssVar, ...vars: _mui_material.ThemeCssVar[]) => string;
338
335
  getColorSchemeSelector: (colorScheme: _mui_material.SupportedColorScheme) => string;
@@ -343,13 +340,16 @@ declare const components: {
343
340
  spacing: _mui_system.Spacing;
344
341
  breakpoints: _mui_system.Breakpoints;
345
342
  shape: _mui_system.Shape;
346
- transitions: _mui_material.Transitions;
343
+ typography: _mui_material.TypographyVariants;
347
344
  shadows: _mui_material.Shadows;
348
345
  mixins: _mui_material.Mixins;
346
+ zIndex: _mui_material.ZIndex;
347
+ direction: _mui_system.Direction;
349
348
  shouldSkipGeneratingVar: (keys: string[], value: string | number) => boolean;
350
349
  unstable_sxConfig: _mui_system.SxConfig;
351
350
  unstable_sx: (props: _mui_system.SxProps<_mui_material.Theme>) => _mui_styled_engine.CSSObject;
352
351
  applyStyles: _mui_system.ApplyStyles<"light" | "dark">;
352
+ opacity: _mui_material.Opacity;
353
353
  overlays: _mui_material.Overlays;
354
354
  customShadows: CustomShadows;
355
355
  unstable_strictMode?: boolean | undefined;