@jobber/components 4.69.1 → 4.69.3-JOB-84091.16

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 (42) hide show
  1. package/dist/Autocomplete/index.js +3 -3
  2. package/dist/Banner/index.js +11 -11
  3. package/dist/Button/Button.d.ts +3 -2
  4. package/dist/Card/index.js +2 -2
  5. package/dist/{Card-644dd256.js → Card-426a68a8.js} +2 -2
  6. package/dist/DataDump/index.js +2 -2
  7. package/dist/DataList/DataList.types.d.ts +8 -1
  8. package/dist/DataList/components/DataListHeaderTile/DataListHeaderTile.d.ts +2 -1
  9. package/dist/DataList/components/DataListHeaderTile/components/DataListSortingOptions.d.ts +12 -0
  10. package/dist/DataList/components/DataListHeaderTile/components/index.d.ts +1 -0
  11. package/dist/DataList/index.js +145 -83
  12. package/dist/DataTable/index.js +6 -5
  13. package/dist/FormField/FormFieldTypes.d.ts +1 -0
  14. package/dist/FormField/index.js +1 -1
  15. package/dist/{FormField-a332b2a6.js → FormField-b0e74d32.js} +2 -2
  16. package/dist/FormatFile/index.js +1 -1
  17. package/dist/{FormatFile-aae6c6e2.js → FormatFile-cc949eaf.js} +43 -2
  18. package/dist/Gallery/index.js +1 -1
  19. package/dist/InputAvatar/index.js +5 -2
  20. package/dist/InputDate/index.js +1 -1
  21. package/dist/InputEmail/index.js +1 -1
  22. package/dist/InputFile/InputFile.d.ts +12 -2
  23. package/dist/InputFile/index.js +7 -4
  24. package/dist/{InputFile-65bfbd78.js → InputFile-8767b7fd.js} +39 -13
  25. package/dist/InputNumber/index.js +2 -2
  26. package/dist/{InputNumber-3f5d3f8d.js → InputNumber-79da1cdc.js} +1 -1
  27. package/dist/InputPassword/index.js +1 -1
  28. package/dist/InputPhoneNumber/index.js +1 -1
  29. package/dist/InputText/index.js +2 -2
  30. package/dist/{InputText-e2d4ac19.js → InputText-9e61365c.js} +1 -1
  31. package/dist/InputTime/hooks/useTimePredict.d.ts +8 -0
  32. package/dist/InputTime/index.js +160 -5
  33. package/dist/Menu/index.js +1 -1
  34. package/dist/{Menu-da5d8217.js → Menu-81b12936.js} +1 -1
  35. package/dist/{Option-e5274cd8.js → Option-b715f6b4.js} +1 -1
  36. package/dist/Page/index.js +1 -1
  37. package/dist/RecurringSelect/index.js +3 -3
  38. package/dist/Select/index.js +2 -2
  39. package/dist/StatusLabel/index.js +1 -1
  40. package/dist/Toast/index.js +1 -1
  41. package/dist/utils/getClientBrowser.d.ts +7 -0
  42. package/package.json +3 -3
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
15
15
 
16
- var css_248z = ":root {\n --statusLabel-icon-diameter: calc(var(--space-base) - var(--space-smaller));\n}\n\n.MB0ycTR4PHg- {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n gap: calc(16px / 2);\n gap: var(--space-small);\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.fNl6zDhsox0- {\n width: calc((16px * 1) - (16px / 4));\n width: calc(calc(16px * 1) - calc(16px / 4));\n width: var(--statusLabel-icon-diameter);\n height: calc((16px * 1) - (16px / 4));\n height: calc(calc(16px * 1) - calc(16px / 4));\n height: var(--statusLabel-icon-diameter);\n margin-top: calc(16px / 16);\n margin-top: var(--space-minuscule);\n border-radius: calc(16px / 8);\n border-radius: var(--radius-base);\n background-color: rgb(125, 176, 14);\n background-color: var(--color-success);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n\n._0kNfkSPBETw- {\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n";
16
+ var css_248z = ":root {\n --statusLabel-icon-diameter: 10px;\n}\n\n.MB0ycTR4PHg- {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n gap: calc(16px / 2);\n gap: var(--space-small);\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.fNl6zDhsox0- {\n width: 10px;\n width: var(--statusLabel-icon-diameter);\n height: 10px;\n height: var(--statusLabel-icon-diameter);\n margin-top: calc(16px / 16);\n margin-top: var(--space-minuscule);\n border-radius: 3px;\n background-color: rgb(125, 176, 14);\n background-color: var(--color-success);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n\n._0kNfkSPBETw- {\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n";
17
17
  var styles = {"statusLabelRow":"MB0ycTR4PHg-","statusIndicator":"fNl6zDhsox0-","labelTextEndAligned":"_0kNfkSPBETw-"};
18
18
  styleInject_es.styleInject(css_248z);
19
19
 
@@ -17,7 +17,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
17
17
 
18
18
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
19
19
 
20
- var css_248z = ".FVK4VwhLaVQ- {\n position: relative;\n z-index: 1003;\n z-index: var(--elevation-toast);\n}\n\n.MUXYGaC7Msg- {\n display: -ms-flexbox;\n display: flex;\n position: fixed;\n right: 0;\n bottom: calc(16px * 1.5);\n bottom: var(--space-large);\n left: 0;\n z-index: 1003;\n z-index: var(--elevation-toast);\n width: 100%;\n box-sizing: border-box;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: center;\n align-items: center;\n padding: 0 calc(16px * 1.5);\n padding: 0 var(--space-large);\n color: rgba(255, 255, 255, 1);\n color: var(--color-text--reverse);\n font-size: calc(16px * 1);\n font-size: var(--typography--fontSize-large);\n pointer-events: none;\n}\n\n.yCRa7jHH33M- {\n box-shadow: 0px calc(16px * 1) calc(16px * 1) 0px\n rgba(0, 0, 0, 0.075),\n 0px 0px calc(16px / 2) 0px rgba(0, 0, 0, 0.05);\n box-shadow: var(--shadow-high);\n overflow: hidden;\n pointer-events: all;\n}\n\n.yCRa7jHH33M- + .yCRa7jHH33M- {\n margin-top: calc(16px * 1);\n margin-top: var(--space-base);\n}\n\n.KiJL-VNZ3Sg- {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n padding: calc((16px / 2) / 1.25) calc(16px * 1);\n padding: calc(calc(16px / 2) / 1.25) calc(16px * 1);\n padding: calc(var(--space-small) / 1.25) var(--space-base);\n border-radius: calc(16px / 8);\n border-radius: var(--radius-base);\n background: rgb(1, 41, 57);\n background: var(--color-surface--reverse);\n}\n\n.xtRB59TMHcU- {\n margin-right: calc(16px * 1);\n margin-right: var(--space-base);\n}\n\n.cExoS0APILs- {\n margin-left: calc(16px * 1);\n margin-left: var(--space-base);\n}\n\n.-T38wWbQUNs- {\n margin-left: calc(16px / 2);\n margin-left: var(--space-small);\n}\n";
20
+ var css_248z = ".FVK4VwhLaVQ- {\n position: relative;\n z-index: 1003;\n z-index: var(--elevation-toast);\n}\n\n.MUXYGaC7Msg- {\n display: -ms-flexbox;\n display: flex;\n position: fixed;\n right: 0;\n bottom: calc(16px * 1.5);\n bottom: var(--space-large);\n left: 0;\n z-index: 1003;\n z-index: var(--elevation-toast);\n width: 100%;\n box-sizing: border-box;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: center;\n align-items: center;\n padding: 0 calc(16px * 1.5);\n padding: 0 var(--space-large);\n color: rgba(255, 255, 255, 1);\n color: var(--color-text--reverse);\n font-size: calc(16px * 1);\n font-size: var(--typography--fontSize-large);\n pointer-events: none;\n}\n\n.yCRa7jHH33M- {\n box-shadow: 0px calc(16px * 1) calc(16px * 1) 0px\n rgba(0, 0, 0, 0.075),\n 0px 0px calc(16px / 2) 0px rgba(0, 0, 0, 0.05);\n box-shadow: var(--shadow-high);\n overflow: hidden;\n pointer-events: all;\n}\n\n.yCRa7jHH33M- + .yCRa7jHH33M- {\n margin-top: calc(16px * 1);\n margin-top: var(--space-base);\n}\n\n.KiJL-VNZ3Sg- {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n padding: calc((16px / 2) / 1.25) calc(16px * 1);\n padding: calc(calc(16px / 2) / 1.25) calc(16px * 1);\n padding: calc(var(--space-small) / 1.25) var(--space-base);\n border-radius: calc(16px / 8);\n border-radius: var(--radius-base);\n background: rgb(1, 41, 57);\n background: var(--color-surface--reverse);\n}\n\n.xtRB59TMHcU- {\n margin-right: calc(16px * 1);\n margin-right: var(--space-base);\n}\n\n.cExoS0APILs- {\n margin-left: calc(16px * 1);\n margin-left: var(--space-base);\n}\n\n.jobber-retheme .cExoS0APILs- svg path {\n fill: rgb(147, 161, 169);\n fill: var(--color-greyBlue--light);\n}\n\n.jobber-retheme .cExoS0APILs-:hover svg path {\n fill: rgba(101, 120, 132, 1);\n fill: var(--color-greyBlue);\n}\n\n.-T38wWbQUNs- {\n margin-left: calc(16px / 2);\n margin-left: var(--space-small);\n}\n";
21
21
  var styles = {"wrapper":"FVK4VwhLaVQ-","container":"MUXYGaC7Msg-","toast":"yCRa7jHH33M-","slice":"KiJL-VNZ3Sg-","icon":"xtRB59TMHcU-","button":"cExoS0APILs-","action":"-T38wWbQUNs-"};
22
22
  styleInject_es.styleInject(css_248z);
23
23
 
@@ -0,0 +1,7 @@
1
+ export declare function getClientBrowser(userAgent: string): "Mozilla Firefox" | "Samsung Internet" | "Opera" | "Microsoft Edge (Legacy)" | "Microsoft Edge (Chromium)" | "Google Chrome or Chromium" | "Apple Safari" | "unknown";
2
+ export declare function isSafari(userAgent: string): boolean;
3
+ export declare function isChrome(userAgent: string): boolean;
4
+ export declare function isFirefox(userAgent: string): boolean;
5
+ export declare function isEdge(userAgent: string): boolean;
6
+ export declare function isOpera(userAgent: string): boolean;
7
+ export declare function isSamsung(userAgent: string): boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/components",
3
- "version": "4.69.1",
3
+ "version": "4.69.3-JOB-84091.16+bdc24b65",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -20,7 +20,7 @@
20
20
  ],
21
21
  "dependencies": {
22
22
  "@jobber/design": "^0.51.1",
23
- "@jobber/formatters": "*",
23
+ "@jobber/formatters": "^0.2.2",
24
24
  "@jobber/hooks": "^2.8.0",
25
25
  "@popperjs/core": "^2.0.6",
26
26
  "@std-proposal/temporal": "0.0.1",
@@ -83,5 +83,5 @@
83
83
  "> 1%",
84
84
  "IE 10"
85
85
  ],
86
- "gitHead": "992a5968a872438138695ba79a970235a048303e"
86
+ "gitHead": "bdc24b650546378d775bba4600b2e44caaf754b7"
87
87
  }