infinity-forge 11.1.6 → 11.1.7

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 (52) hide show
  1. package/dist/ui/components/form/input-week-availability/availability-preview/index.d.ts +1 -1
  2. package/dist/ui/components/form/input-week-availability/availability-preview/index.js +1 -1
  3. package/dist/ui/components/form/input-week-availability/availability-preview/index.js.map +1 -1
  4. package/dist/ui/components/form/input-week-availability/input.d.ts +7 -12
  5. package/dist/ui/components/form/input-week-availability/input.js +8 -93
  6. package/dist/ui/components/form/input-week-availability/input.js.map +1 -1
  7. package/dist/ui/components/form/input-week-availability/shared/components/availability-switch.d.ts +7 -0
  8. package/dist/ui/components/form/input-week-availability/shared/components/availability-switch.js +19 -0
  9. package/dist/ui/components/form/input-week-availability/shared/components/availability-switch.js.map +1 -0
  10. package/dist/ui/components/form/input-week-availability/shared/components/desktop-table-v1.d.ts +11 -0
  11. package/dist/ui/components/form/input-week-availability/shared/components/desktop-table-v1.js +15 -0
  12. package/dist/ui/components/form/input-week-availability/shared/components/desktop-table-v1.js.map +1 -0
  13. package/dist/ui/components/form/input-week-availability/shared/components/desktop-table.d.ts +11 -0
  14. package/dist/ui/components/form/input-week-availability/shared/components/desktop-table.js +14 -0
  15. package/dist/ui/components/form/input-week-availability/shared/components/desktop-table.js.map +1 -0
  16. package/dist/ui/components/form/input-week-availability/shared/components/mobile-layout.d.ts +11 -0
  17. package/dist/ui/components/form/input-week-availability/shared/components/mobile-layout.js +14 -0
  18. package/dist/ui/components/form/input-week-availability/shared/components/mobile-layout.js.map +1 -0
  19. package/dist/ui/components/form/input-week-availability/shared/constants/day-labels.d.ts +6 -0
  20. package/dist/ui/components/form/input-week-availability/shared/constants/day-labels.js +9 -0
  21. package/dist/ui/components/form/input-week-availability/shared/constants/day-labels.js.map +1 -0
  22. package/dist/ui/components/form/input-week-availability/shared/hooks/use-week-availability.d.ts +5 -0
  23. package/dist/ui/components/form/input-week-availability/shared/hooks/use-week-availability.js +39 -0
  24. package/dist/ui/components/form/input-week-availability/shared/hooks/use-week-availability.js.map +1 -0
  25. package/dist/ui/components/form/input-week-availability/shared/index.d.ts +9 -0
  26. package/dist/ui/components/form/input-week-availability/shared/index.js +26 -0
  27. package/dist/ui/components/form/input-week-availability/shared/index.js.map +1 -0
  28. package/dist/ui/components/form/input-week-availability/shared/styles/base-styles.d.ts +1 -0
  29. package/dist/ui/components/form/input-week-availability/shared/styles/base-styles.js +14 -0
  30. package/dist/ui/components/form/input-week-availability/shared/styles/base-styles.js.map +1 -0
  31. package/dist/ui/components/form/input-week-availability/shared/styles/desktop-styles.d.ts +1 -0
  32. package/dist/ui/components/form/input-week-availability/shared/styles/desktop-styles.js +14 -0
  33. package/dist/ui/components/form/input-week-availability/shared/styles/desktop-styles.js.map +1 -0
  34. package/dist/ui/components/form/input-week-availability/shared/styles/mobile-styles.d.ts +1 -0
  35. package/dist/ui/components/form/input-week-availability/shared/styles/mobile-styles.js +14 -0
  36. package/dist/ui/components/form/input-week-availability/shared/styles/mobile-styles.js.map +1 -0
  37. package/dist/ui/components/form/input-week-availability/shared/types.d.ts +20 -0
  38. package/dist/ui/components/form/input-week-availability/shared/types.js +9 -0
  39. package/dist/ui/components/form/input-week-availability/shared/types.js.map +1 -0
  40. package/dist/ui/components/form/input-week-availability/shared/utils/day-formatter.d.ts +6 -0
  41. package/dist/ui/components/form/input-week-availability/shared/utils/day-formatter.js +13 -0
  42. package/dist/ui/components/form/input-week-availability/shared/utils/day-formatter.js.map +1 -0
  43. package/dist/ui/components/form/input-week-availability/v-01/index.d.ts +7 -0
  44. package/dist/ui/components/form/input-week-availability/v-01/index.js +16 -0
  45. package/dist/ui/components/form/input-week-availability/v-01/index.js.map +1 -0
  46. package/dist/ui/components/form/input-week-availability/v-02/index.d.ts +7 -0
  47. package/dist/ui/components/form/input-week-availability/v-02/index.js +22 -0
  48. package/dist/ui/components/form/input-week-availability/v-02/index.js.map +1 -0
  49. package/package.json +1 -1
  50. package/dist/ui/components/form/input-week-availability/styles.d.ts +0 -1
  51. package/dist/ui/components/form/input-week-availability/styles.js +0 -14
  52. package/dist/ui/components/form/input-week-availability/styles.js.map +0 -1
@@ -1,4 +1,4 @@
1
- import { WeekAvailabilityResult } from '../../../../../ui/index.js';
1
+ import { WeekAvailabilityResult } from '../shared/types.js';
2
2
  export declare function AvailabilityPreview({ weekAvailability }: {
3
3
  weekAvailability?: WeekAvailabilityResult;
4
4
  }): import("react/jsx-runtime").JSX.Element;
@@ -42,7 +42,7 @@ function AvailabilityPreview(_a) {
42
42
  var weekAvailability = _a.weekAvailability;
43
43
  return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'AvailabilityPreview', children: (0, jsx_runtime_1.jsx)(S.AvailabilityPreview, { className: 'availability-preview', children: mock_1.days === null || mock_1.days === void 0 ? void 0 : mock_1.days.map(function (day) {
44
44
  var dayIsActive = Object.values((weekAvailability === null || weekAvailability === void 0 ? void 0 : weekAvailability[day.value]) || {}).some(function (period) { return period.active; });
45
- return ((0, jsx_runtime_1.jsxs)("div", { className: "day ".concat(dayIsActive && 'active'), children: [(0, jsx_runtime_1.jsx)("span", { className: 'font-20', children: day.label }, day.value), dayIsActive ? ((0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '15', height: '11', viewBox: '0 0 15 11', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M5.33308 8.14237L12.9934 0.482056L14.1719 1.66056L5.33308 10.4994L0.0297852 5.19612L1.2083 4.01762L5.33308 8.14237Z' }) })) : ((0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconClose' }))] }));
45
+ return ((0, jsx_runtime_1.jsxs)("div", { className: "day ".concat(dayIsActive && 'active'), children: [(0, jsx_runtime_1.jsx)("span", { className: 'font-20', children: day.label }), dayIsActive ? ((0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '15', height: '11', viewBox: '0 0 15 11', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M5.33308 8.14237L12.9934 0.482056L14.1719 1.66056L5.33308 10.4994L0.0297852 5.19612L1.2083 4.01762L5.33308 8.14237Z' }) })) : ((0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconClose' }))] }, day.value));
46
46
  }) }) }));
47
47
  }
48
48
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-week-availability/availability-preview/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,kDA0BC;;AAhCD,2BAA0D;AAE1D,gCAA8B;AAE9B,0CAA6B;AAE7B,SAAgB,mBAAmB,CAAC,EAAmE;QAAjE,gBAAgB,sBAAA;IACpD,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,qBAAqB,YAC/B,uBAAC,CAAC,CAAC,mBAAmB,IAAC,SAAS,EAAC,sBAAsB,YACpD,WAAI,aAAJ,WAAI,uBAAJ,WAAI,CAAE,GAAG,CAAC,UAAC,GAAG;gBACb,IAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,GAAG,CAAC,KAAK,CAAC,KAAI,EAAE,CAAC,CAAC,IAAI,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,MAAM,EAAb,CAAa,CAAC,CAAA;gBAEtG,OAAO,CACL,iCAAK,SAAS,EAAE,cAAO,WAAW,IAAI,QAAQ,CAAE,aAC9C,iCAAM,SAAS,EAAC,SAAS,YACtB,GAAG,CAAC,KAAK,IADmB,GAAG,CAAC,KAAK,CAEjC,EAEN,WAAW,CAAC,CAAC,CAAC,CACb,gCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YAC5F,iCAAM,CAAC,EAAC,qHAAqH,GAAG,GAC5H,CACP,CAAC,CAAC,CAAC,CACF,uBAAC,SAAI,IAAC,IAAI,EAAC,WAAW,GAAG,CAC1B,IACG,CACP,CAAA;YACH,CAAC,CAAC,GACoB,GAClB,CACT,CAAA;AACH,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-week-availability/availability-preview/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,kDA0BC;;AA/BD,2BAAkC;AAClC,gCAA8B;AAE9B,0CAA6B;AAE7B,SAAgB,mBAAmB,CAAC,EAAmE;QAAjE,gBAAgB,sBAAA;IACpD,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,qBAAqB,YAC/B,uBAAC,CAAC,CAAC,mBAAmB,IAAC,SAAS,EAAC,sBAAsB,YACpD,WAAI,aAAJ,WAAI,uBAAJ,WAAI,CAAE,GAAG,CAAC,UAAC,GAAG;gBACb,IAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,GAAG,CAAC,KAAK,CAAC,KAAI,EAAE,CAAC,CAAC,IAAI,CACzE,UAAC,MAAM,IAAK,OAAC,MAA8B,CAAC,MAAM,EAAtC,CAAsC,CACnD,CAAA;gBAED,OAAO,CACL,iCAAK,SAAS,EAAE,cAAO,WAAW,IAAI,QAAQ,CAAE,aAC9C,iCAAM,SAAS,EAAC,SAAS,YAAE,GAAG,CAAC,KAAK,GAAQ,EAE3C,WAAW,CAAC,CAAC,CAAC,CACb,gCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YAC5F,iCAAM,CAAC,EAAC,qHAAqH,GAAG,GAC5H,CACP,CAAC,CAAC,CAAC,CACF,uBAAC,SAAI,IAAC,IAAI,EAAC,WAAW,GAAG,CAC1B,KAToD,GAAG,CAAC,KAAK,CAU1D,CACP,CAAA;YACH,CAAC,CAAC,GACoB,GAClB,CACT,CAAA;AACH,CAAC"}
@@ -1,13 +1,8 @@
1
1
  import { InputProps } from '../../../../ui/index.js';
2
- import { days, periods } from './mock.js';
3
- type DayValue = (typeof days)[number]['value'];
4
- type PeriodValue = (typeof periods)[number]['value'];
5
- export type WeekAvailabilityResult = {
6
- [day in DayValue]: {
7
- [period in PeriodValue]: {
8
- active: boolean;
9
- };
10
- };
11
- };
12
- export declare function InputWeekAvailability({ name, label, readOnly }: InputProps): import("react/jsx-runtime").JSX.Element;
13
- export {};
2
+ import { WeekAvailabilityResult, DayLabelFormat } from './shared/types.js';
3
+ export type WeekAvailabilityProps = {
4
+ version?: 'v1' | 'v2';
5
+ dayLabelFormat?: DayLabelFormat;
6
+ } & InputProps;
7
+ export declare function InputWeekAvailability({ name, label, readOnly, version, dayLabelFormat, }: WeekAvailabilityProps): import("react/jsx-runtime").JSX.Element;
8
+ export type { WeekAvailabilityResult };
@@ -1,101 +1,16 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- var desc = Object.getOwnPropertyDescriptor(m, k);
16
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
- desc = { enumerable: true, get: function() { return m[k]; } };
18
- }
19
- Object.defineProperty(o, k2, desc);
20
- }) : (function(o, m, k, k2) {
21
- if (k2 === undefined) k2 = k;
22
- o[k2] = m[k];
23
- }));
24
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
- Object.defineProperty(o, "default", { enumerable: true, value: v });
26
- }) : function(o, v) {
27
- o["default"] = v;
28
- });
29
- var __importStar = (this && this.__importStar) || (function () {
30
- var ownKeys = function(o) {
31
- ownKeys = Object.getOwnPropertyNames || function (o) {
32
- var ar = [];
33
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
34
- return ar;
35
- };
36
- return ownKeys(o);
37
- };
38
- return function (mod) {
39
- if (mod && mod.__esModule) return mod;
40
- var result = {};
41
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
42
- __setModuleDefault(result, mod);
43
- return result;
44
- };
45
- })();
46
2
  Object.defineProperty(exports, "__esModule", { value: true });
47
3
  exports.InputWeekAvailability = InputWeekAvailability;
48
4
  var jsx_runtime_1 = require("react/jsx-runtime");
49
- var react_1 = require("react");
50
- var ui_1 = require("../../../../ui/index.js");
51
- var mock_1 = require("./mock.js");
52
- var formik_1 = require("formik");
53
- var use_window_1 = require("../../../../ui/hooks/use-window.js");
54
- var S = __importStar(require("./styles.js"));
5
+ var v_01_1 = require("./v-01/index.js");
6
+ var v_02_1 = require("./v-02/index.js");
55
7
  function InputWeekAvailability(_a) {
56
- var name = _a.name, label = _a.label, readOnly = _a.readOnly;
57
- var _b = (0, formik_1.useFormikContext)(), values = _b.values, setFieldValue = _b.setFieldValue;
58
- var windowObj = (0, use_window_1.useWindow)();
59
- var isMobile = windowObj && windowObj.innerWidth <= 768;
60
- var initialValue = mock_1.days.reduce(function (reducer, day) {
61
- var _a;
62
- return __assign(__assign({}, reducer), (_a = {}, _a[day.value] = mock_1.periods.reduce(function (reducerPeriod, period) {
63
- var _a;
64
- return (__assign(__assign({}, reducerPeriod), (_a = {}, _a[period.value] = { active: false }, _a)));
65
- }, {}), _a));
66
- }, {});
67
- var nameInput = name || 'weekAvailability';
68
- (0, react_1.useEffect)(function () {
69
- if (!(values === null || values === void 0 ? void 0 : values[nameInput])) {
70
- setFieldValue(nameInput, initialValue);
71
- }
72
- }, []);
73
- function renderDesktopLayout() {
74
- return ((0, jsx_runtime_1.jsxs)("table", { className: 'tabela-disponibilidade', children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", {}), mock_1.days.map(function (day, i) { return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("th", { className: 'dia font-14', children: (0, jsx_runtime_1.jsx)("span", { className: 'font-14-regular', children: day.label }) }, i) })); })] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: mock_1.periods.map(function (period) { return ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: 'periodo font-14', children: period.label }), mock_1.days.map(function (day) {
75
- var key = "".concat(nameInput, ".").concat(day.value, ".").concat(period.value, ".active");
76
- return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("td", { className: 'celula', children: (0, jsx_runtime_1.jsx)(ui_1.InputSwitch, { name: key, readOnly: readOnly, design: 'checkbox', inputSwitchCheckbox: {
77
- valueIsFalse: {
78
- Icon: function () { return ((0, jsx_runtime_1.jsx)("svg", { className: 'icon-close', xmlns: 'http://www.w3.org/2000/svg', width: '20', height: '21', viewBox: '0 0 20 21', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M9.99959 9.32208L14.1244 5.19727L15.3029 6.37577L11.1781 10.5006L15.3029 14.6253L14.1244 15.8038L9.99959 11.6791L5.87481 15.8038L4.69629 14.6253L8.82109 10.5006L4.69629 6.37577L5.87481 5.19727L9.99959 9.32208Z', fill: '#DCDCDC' }) })); },
79
- },
80
- valueIsTrue: {
81
- Icon: function () { return ((0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'Checked', color: '#50C0BB' }) })); },
82
- },
83
- } }) }, key) }));
84
- })] }, period.value)); }) })] }));
85
- }
86
- function renderMobileLayout() {
87
- return ((0, jsx_runtime_1.jsx)("div", { className: 'week-availability-mobile', children: mock_1.days.map(function (day) { return ((0, jsx_runtime_1.jsxs)("div", { className: 'day-card', children: [(0, jsx_runtime_1.jsx)("div", { className: 'day-title', children: day.label }), (0, jsx_runtime_1.jsx)("div", { className: 'periods', children: mock_1.periods.map(function (period) {
88
- var key = "".concat(nameInput, ".").concat(day.value, ".").concat(period.value, ".active");
89
- return ((0, jsx_runtime_1.jsxs)("div", { className: 'period-row', children: [(0, jsx_runtime_1.jsx)("span", { className: 'period-label', children: period.label }), (0, jsx_runtime_1.jsx)(ui_1.InputSwitch, { name: key, readOnly: readOnly, design: 'checkbox', inputSwitchCheckbox: {
90
- valueIsFalse: {
91
- Icon: function () { return ((0, jsx_runtime_1.jsx)("svg", { className: 'icon-close', xmlns: 'http://www.w3.org/2000/svg', width: '20', height: '21', viewBox: '0 0 20 21', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M9.99959 9.32208L14.1244 5.19727L15.3029 6.37577L11.1781 10.5006L15.3029 14.6253L14.1244 15.8038L9.99959 11.6791L5.87481 15.8038L4.69629 14.6253L8.82109 10.5006L4.69629 6.37577L5.87481 5.19727L9.99959 9.32208Z', fill: '#DCDCDC' }) })); },
92
- },
93
- valueIsTrue: {
94
- Icon: function () { return (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'Checked', color: '#50C0BB' }); },
95
- },
96
- } })] }, period.value));
97
- }) })] }, day.value)); }) }));
8
+ var name = _a.name, label = _a.label, readOnly = _a.readOnly, _b = _a.version, version = _b === void 0 ? 'v1' : _b, dayLabelFormat = _a.dayLabelFormat;
9
+ switch (version) {
10
+ case 'v1':
11
+ return (0, jsx_runtime_1.jsx)(v_01_1.InputWeekAvailabilityV1, { name: name, label: label, readOnly: readOnly, dayLabelFormat: dayLabelFormat });
12
+ case 'v2':
13
+ return (0, jsx_runtime_1.jsx)(v_02_1.InputWeekAvailabilityV2, { name: name, label: label, readOnly: readOnly, dayLabelFormat: dayLabelFormat });
98
14
  }
99
- return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'InputWeekAvailability', children: (0, jsx_runtime_1.jsxs)(S.InputWeekAvailability, { className: 'input_week_availability', children: [label && (0, jsx_runtime_1.jsx)("label", { className: 'font-18-bold', children: label }), isMobile ? renderMobileLayout() : renderDesktopLayout()] }) }));
100
15
  }
101
16
  //# sourceMappingURL=input.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-week-availability/input.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-week-availability/input.tsx"],"names":[],"mappings":";;AAUA,sDAaC;;AArBD,+BAAgD;AAChD,+BAAgD;AAOhD,SAAgB,qBAAqB,CAAC,EAMd;QALtB,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,cAAc,oBAAA;IAEd,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,IAAI;YACP,OAAO,uBAAC,8BAAuB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,GAAI,CAAA;QAClH,KAAK,IAAI;YACP,OAAO,uBAAC,8BAAuB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,GAAI,CAAA;IACpH,CAAC;AACH,CAAC"}
@@ -0,0 +1,7 @@
1
+ interface AvailabilitySwitchProps {
2
+ name: string;
3
+ readOnly?: boolean;
4
+ useIconComponent?: boolean;
5
+ }
6
+ export declare function AvailabilitySwitch({ name, readOnly, useIconComponent }: AvailabilitySwitchProps): import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.AvailabilitySwitch = AvailabilitySwitch;
4
+ var jsx_runtime_1 = require("react/jsx-runtime");
5
+ var ui_1 = require("../../../../../../ui/index.js");
6
+ function AvailabilitySwitch(_a) {
7
+ var name = _a.name, readOnly = _a.readOnly, _b = _a.useIconComponent, useIconComponent = _b === void 0 ? false : _b;
8
+ return ((0, jsx_runtime_1.jsx)(ui_1.InputSwitch, { name: name, readOnly: readOnly, design: 'checkbox', inputSwitchCheckbox: {
9
+ valueIsFalse: {
10
+ Icon: function () { return ((0, jsx_runtime_1.jsx)("svg", { className: 'icon-close', xmlns: 'http://www.w3.org/2000/svg', width: '20', height: '21', viewBox: '0 0 20 21', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M9.99959 9.32208L14.1244 5.19727L15.3029 6.37577L11.1781 10.5006L15.3029 14.6253L14.1244 15.8038L9.99959 11.6791L5.87481 15.8038L4.69629 14.6253L8.82109 10.5006L4.69629 6.37577L5.87481 5.19727L9.99959 9.32208Z', fill: '#DCDCDC' }) })); },
11
+ },
12
+ valueIsTrue: {
13
+ Icon: function () {
14
+ return useIconComponent ? ((0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'Checked', color: '#50C0BB' })) : ((0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)("svg", { className: 'icon-check', xmlns: 'http://www.w3.org/2000/svg', width: '20', height: '21', viewBox: '0 0 20 21', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M8.33308 13.1424L15.9934 5.48206L17.1719 6.66056L8.33308 15.4994L3.02979 10.1961L4.2083 9.01762L8.33308 13.1424Z', fill: '#50C0BB' }) }) }));
15
+ },
16
+ },
17
+ } }));
18
+ }
19
+ //# sourceMappingURL=availability-switch.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"availability-switch.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-week-availability/shared/components/availability-switch.tsx"],"names":[],"mappings":";;AAQA,gDAiDC;;AAzDD,2BAAwC;AAQxC,SAAgB,kBAAkB,CAAC,EAAqE;QAAnE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA;IAC3E,OAAO,CACL,uBAAC,gBAAW,IACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAC,UAAU,EACjB,mBAAmB,EAAE;YACnB,YAAY,EAAE;gBACZ,IAAI,EAAE,cAAM,OAAA,CACV,gCACE,SAAS,EAAC,YAAY,EACtB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,YAEX,iCACE,CAAC,EAAC,mNAAmN,EACrN,IAAI,EAAC,SAAS,GACd,GACE,CACP,EAdW,CAcX;aACF;YACD,WAAW,EAAE;gBACX,IAAI,EAAE;oBACJ,OAAA,gBAAgB,CAAC,CAAC,CAAC,CACjB,uBAAC,SAAI,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,GAAG,CACxC,CAAC,CAAC,CAAC,CACF,2CACE,gCACE,SAAS,EAAC,YAAY,EACtB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,YAEX,iCACE,CAAC,EAAC,kHAAkH,EACpH,IAAI,EAAC,SAAS,GACd,GACE,GACD,CACR;gBAlBD,CAkBC;aACJ;SACF,GACD,CACH,CAAA;AACH,CAAC"}
@@ -0,0 +1,11 @@
1
+ interface DesktopTableV1Props {
2
+ nameInput: string;
3
+ readOnly?: boolean;
4
+ useIconComponent?: boolean;
5
+ days: {
6
+ label: string;
7
+ value: string;
8
+ }[];
9
+ }
10
+ export declare function DesktopTableV1({ nameInput, readOnly, useIconComponent, days }: DesktopTableV1Props): import("react/jsx-runtime").JSX.Element;
11
+ export {};
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.DesktopTableV1 = DesktopTableV1;
4
+ var jsx_runtime_1 = require("react/jsx-runtime");
5
+ var react_1 = require("react");
6
+ var mock_1 = require("../../mock.js");
7
+ var availability_switch_1 = require("./availability-switch.js");
8
+ function DesktopTableV1(_a) {
9
+ var nameInput = _a.nameInput, readOnly = _a.readOnly, useIconComponent = _a.useIconComponent, days = _a.days;
10
+ return ((0, jsx_runtime_1.jsxs)("table", { className: 'tabela-disponibilidade', children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", {}), days.map(function (day, i) { return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("th", {}), (0, jsx_runtime_1.jsx)("th", { className: 'dia font-14', children: (0, jsx_runtime_1.jsx)("span", { children: day.label }) })] }, i)); })] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: mock_1.periods.map(function (period) { return ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: 'periodo font-14', children: period.label }), days.map(function (day) {
11
+ var key = "".concat(nameInput, ".").concat(day.value, ".").concat(period.value, ".active");
12
+ return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("td", {}), (0, jsx_runtime_1.jsx)("td", { className: 'celula', children: (0, jsx_runtime_1.jsx)(availability_switch_1.AvailabilitySwitch, { name: key, readOnly: readOnly, useIconComponent: useIconComponent }) })] }, key));
13
+ })] }, period.value)); }) })] }));
14
+ }
15
+ //# sourceMappingURL=desktop-table-v1.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"desktop-table-v1.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-week-availability/shared/components/desktop-table-v1.tsx"],"names":[],"mappings":";;AAWA,wCAqCC;;AAhDD,+BAAgC;AAChC,mCAAoC;AACpC,6DAA0D;AAS1D,SAAgB,cAAc,CAAC,EAAoE;QAAlE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,gBAAgB,sBAAA,EAAE,IAAI,UAAA;IAC1E,OAAO,CACL,mCAAO,SAAS,EAAC,wBAAwB,aACvC,4CACE,2CACE,gCAAS,EACR,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,CAAC,IAAK,OAAA,CACpB,wBAAC,gBAAQ,eACP,gCAAS,EACT,+BAAI,SAAS,EAAC,aAAa,YACzB,2CAAO,GAAG,CAAC,KAAK,GAAQ,GACrB,KAJQ,CAAC,CAKL,CACZ,EAPqB,CAOrB,CAAC,IACC,GACC,EACR,4CACG,cAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CACvB,2CACE,+BAAI,SAAS,EAAC,iBAAiB,YAAE,MAAM,CAAC,KAAK,GAAM,EAClD,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG;4BACZ,IAAM,GAAG,GAAG,UAAG,SAAS,cAAI,GAAG,CAAC,KAAK,cAAI,MAAM,CAAC,KAAK,YAAS,CAAA;4BAE9D,OAAO,CACL,wBAAC,gBAAQ,eACP,gCAAS,EACT,+BAAI,SAAS,EAAC,QAAQ,YACpB,uBAAC,wCAAkB,IAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,gBAAgB,GAAI,GACtF,KAJQ,GAAG,CAKP,CACZ,CAAA;wBACH,CAAC,CAAC,KAbK,MAAM,CAAC,KAAK,CAchB,CACN,EAhBwB,CAgBxB,CAAC,GACI,IACF,CACT,CAAA;AACH,CAAC"}
@@ -0,0 +1,11 @@
1
+ interface DesktopTableProps {
2
+ nameInput: string;
3
+ readOnly?: boolean;
4
+ useIconComponent?: boolean;
5
+ days: {
6
+ label: string;
7
+ value: string;
8
+ }[];
9
+ }
10
+ export declare function DesktopTable({ nameInput, readOnly, useIconComponent, days }: DesktopTableProps): import("react/jsx-runtime").JSX.Element;
11
+ export {};
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.DesktopTable = DesktopTable;
4
+ var jsx_runtime_1 = require("react/jsx-runtime");
5
+ var mock_1 = require("../../mock.js");
6
+ var availability_switch_1 = require("./availability-switch.js");
7
+ function DesktopTable(_a) {
8
+ var nameInput = _a.nameInput, readOnly = _a.readOnly, useIconComponent = _a.useIconComponent, days = _a.days;
9
+ return ((0, jsx_runtime_1.jsxs)("table", { className: 'tabela-disponibilidade', children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", {}), days.map(function (day, i) { return ((0, jsx_runtime_1.jsx)("th", { className: 'dia font-14', children: (0, jsx_runtime_1.jsx)("span", { className: 'font-14-regular', children: day.label }) }, i)); })] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: mock_1.periods.map(function (period) { return ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: 'periodo font-14', children: period.label }), days.map(function (day) {
10
+ var key = "".concat(nameInput, ".").concat(day.value, ".").concat(period.value, ".active");
11
+ return ((0, jsx_runtime_1.jsx)("td", { className: 'celula', children: (0, jsx_runtime_1.jsx)(availability_switch_1.AvailabilitySwitch, { name: key, readOnly: readOnly, useIconComponent: useIconComponent }) }, key));
12
+ })] }, period.value)); }) })] }));
13
+ }
14
+ //# sourceMappingURL=desktop-table.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"desktop-table.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-week-availability/shared/components/desktop-table.tsx"],"names":[],"mappings":";;AAUA,oCA8BC;;AAxCD,mCAAoC;AACpC,6DAA0D;AAS1D,SAAgB,YAAY,CAAC,EAAkE;QAAhE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,gBAAgB,sBAAA,EAAE,IAAI,UAAA;IACxE,OAAO,CACL,mCAAO,SAAS,EAAC,wBAAwB,aACvC,4CACE,2CACE,gCAAS,EACR,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,CAAC,IAAK,OAAA,CACpB,+BAAY,SAAS,EAAC,aAAa,YACjC,iCAAM,SAAS,EAAC,iBAAiB,YAAE,GAAG,CAAC,KAAK,GAAQ,IAD7C,CAAC,CAEL,CACN,EAJqB,CAIrB,CAAC,IACC,GACC,EACR,4CACG,cAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CACvB,2CACE,+BAAI,SAAS,EAAC,iBAAiB,YAAE,MAAM,CAAC,KAAK,GAAM,EAClD,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG;4BACZ,IAAM,GAAG,GAAG,UAAG,SAAS,cAAI,GAAG,CAAC,KAAK,cAAI,MAAM,CAAC,KAAK,YAAS,CAAA;4BAC9D,OAAO,CACL,+BAAc,SAAS,EAAC,QAAQ,YAC9B,uBAAC,wCAAkB,IAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,gBAAgB,GAAI,IADlF,GAAG,CAEP,CACN,CAAA;wBACH,CAAC,CAAC,KATK,MAAM,CAAC,KAAK,CAUhB,CACN,EAZwB,CAYxB,CAAC,GACI,IACF,CACT,CAAA;AACH,CAAC"}
@@ -0,0 +1,11 @@
1
+ interface MobileLayoutProps {
2
+ nameInput: string;
3
+ readOnly?: boolean;
4
+ useIconComponent?: boolean;
5
+ days: {
6
+ label: string;
7
+ value: string;
8
+ }[];
9
+ }
10
+ export declare function MobileLayout({ nameInput, readOnly, useIconComponent, days }: MobileLayoutProps): import("react/jsx-runtime").JSX.Element;
11
+ export {};
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.MobileLayout = MobileLayout;
4
+ var jsx_runtime_1 = require("react/jsx-runtime");
5
+ var mock_1 = require("../../mock.js");
6
+ var availability_switch_1 = require("./availability-switch.js");
7
+ function MobileLayout(_a) {
8
+ var nameInput = _a.nameInput, readOnly = _a.readOnly, useIconComponent = _a.useIconComponent, days = _a.days;
9
+ return ((0, jsx_runtime_1.jsx)("div", { className: 'week-availability-mobile', children: days.map(function (day) { return ((0, jsx_runtime_1.jsxs)("div", { className: 'day-card', children: [(0, jsx_runtime_1.jsx)("div", { className: 'day-title', children: day.label }), (0, jsx_runtime_1.jsx)("div", { className: 'periods', children: mock_1.periods.map(function (period) {
10
+ var key = "".concat(nameInput, ".").concat(day.value, ".").concat(period.value, ".active");
11
+ return ((0, jsx_runtime_1.jsxs)("div", { className: 'period-row', children: [(0, jsx_runtime_1.jsx)("span", { className: 'period-label', children: period.label }), (0, jsx_runtime_1.jsx)(availability_switch_1.AvailabilitySwitch, { name: key, readOnly: readOnly, useIconComponent: useIconComponent })] }, period.value));
12
+ }) })] }, day.value)); }) }));
13
+ }
14
+ //# sourceMappingURL=mobile-layout.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mobile-layout.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-week-availability/shared/components/mobile-layout.tsx"],"names":[],"mappings":";;AAUA,oCAqBC;;AA/BD,mCAAoC;AACpC,6DAA0D;AAS1D,SAAgB,YAAY,CAAC,EAAkE;QAAhE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,gBAAgB,sBAAA,EAAE,IAAI,UAAA;IACxE,OAAO,CACL,gCAAK,SAAS,EAAC,0BAA0B,YACtC,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CACjB,iCAAK,SAAS,EAAC,UAAU,aACvB,gCAAK,SAAS,EAAC,WAAW,YAAE,GAAG,CAAC,KAAK,GAAO,EAC5C,gCAAK,SAAS,EAAC,SAAS,YACrB,cAAO,CAAC,GAAG,CAAC,UAAC,MAAM;wBAClB,IAAM,GAAG,GAAG,UAAG,SAAS,cAAI,GAAG,CAAC,KAAK,cAAI,MAAM,CAAC,KAAK,YAAS,CAAA;wBAC9D,OAAO,CACL,iCAAK,SAAS,EAAC,YAAY,aACzB,iCAAM,SAAS,EAAC,cAAc,YAAE,MAAM,CAAC,KAAK,GAAQ,EACpD,uBAAC,wCAAkB,IAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,gBAAgB,GAAI,KAF1D,MAAM,CAAC,KAAK,CAGvC,CACP,CAAA;oBACH,CAAC,CAAC,GACE,KAZuB,GAAG,CAAC,KAAK,CAalC,CACP,EAfkB,CAelB,CAAC,GACE,CACP,CAAA;AACH,CAAC"}
@@ -0,0 +1,6 @@
1
+ export declare const dayLabels: {
2
+ readonly short: readonly ["S", "T", "Q", "Q", "S", "S", "D"];
3
+ readonly medium: readonly ["Seg", "Ter", "Qua", "Qui", "Sex", "Sab", "Dom"];
4
+ readonly long: readonly ["Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado", "Domingo"];
5
+ };
6
+ export type DayLabelFormat = keyof typeof dayLabels;
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.dayLabels = void 0;
4
+ exports.dayLabels = {
5
+ short: ['S', 'T', 'Q', 'Q', 'S', 'S', 'D'],
6
+ medium: ['Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sab', 'Dom'],
7
+ long: ['Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado', 'Domingo'],
8
+ };
9
+ //# sourceMappingURL=day-labels.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"day-labels.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-week-availability/shared/constants/day-labels.ts"],"names":[],"mappings":";;;AAAa,QAAA,SAAS,GAAG;IACvB,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IAC1C,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;IACzD,IAAI,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC;CACpE,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { WeekAvailabilityResult } from '../types.js';
2
+ export declare function useWeekAvailability(name?: string): {
3
+ nameInput: string;
4
+ initialValue: WeekAvailabilityResult;
5
+ };
@@ -0,0 +1,39 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ Object.defineProperty(exports, "__esModule", { value: true });
14
+ exports.useWeekAvailability = useWeekAvailability;
15
+ var react_1 = require("react");
16
+ var formik_1 = require("formik");
17
+ var mock_1 = require("../../mock.js");
18
+ var day_formatter_1 = require("../utils/day-formatter.js");
19
+ function useWeekAvailability(name) {
20
+ var _a = (0, formik_1.useFormikContext)(), values = _a.values, setFieldValue = _a.setFieldValue;
21
+ var initialValue = day_formatter_1.dayValues.reduce(function (reducer, day) {
22
+ var _a;
23
+ return __assign(__assign({}, reducer), (_a = {}, _a[day] = mock_1.periods.reduce(function (reducerPeriod, period) {
24
+ var _a;
25
+ return (__assign(__assign({}, reducerPeriod), (_a = {}, _a[period.value] = { active: false }, _a)));
26
+ }, {}), _a));
27
+ }, {});
28
+ var nameInput = name || 'weekAvailability';
29
+ (0, react_1.useEffect)(function () {
30
+ if (!(values === null || values === void 0 ? void 0 : values[nameInput])) {
31
+ setFieldValue(nameInput, initialValue);
32
+ }
33
+ }, []);
34
+ return {
35
+ nameInput: nameInput,
36
+ initialValue: initialValue,
37
+ };
38
+ }
39
+ //# sourceMappingURL=use-week-availability.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-week-availability.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-week-availability/shared/hooks/use-week-availability.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAMA,kDAsBC;AA5BD,+BAAiC;AACjC,iCAAyC;AACzC,mCAAoC;AAEpC,wDAAkD;AAElD,SAAgB,mBAAmB,CAAC,IAAa;IACzC,IAAA,KAA4B,IAAA,yBAAgB,GAAE,EAA5C,MAAM,YAAA,EAAE,aAAa,mBAAuB,CAAA;IAEpD,IAAM,YAAY,GAA2B,yBAAS,CAAC,MAAM,CAAC,UAAC,OAAO,EAAE,GAAG;;QACzE,6BACK,OAAO,gBACT,GAAG,IAAG,cAAO,CAAC,MAAM,CAAC,UAAC,aAAa,EAAE,MAAM;;YAAK,OAAA,uBAAM,aAAa,gBAAG,MAAM,CAAC,KAAK,IAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAG;QAAzD,CAAyD,EAAE,EAAE,CAAC,OAChH;IACH,CAAC,EAAE,EAA4B,CAAC,CAAA;IAEhC,IAAM,SAAS,GAAG,IAAI,IAAI,kBAAkB,CAAA;IAE5C,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,SAAS,CAAC,CAAA,EAAE,CAAC;YACzB,aAAa,CAAC,SAAS,EAAE,YAAY,CAAC,CAAA;QACxC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO;QACL,SAAS,WAAA;QACT,YAAY,cAAA;KACb,CAAA;AACH,CAAC"}
@@ -0,0 +1,9 @@
1
+ export * from './types.js';
2
+ export * from './hooks/use-week-availability.js';
3
+ export * from './components/availability-switch.js';
4
+ export * from './components/desktop-table.js';
5
+ export * from './components/desktop-table-v1.js';
6
+ export * from './components/mobile-layout.js';
7
+ export * from './styles/base-styles.js';
8
+ export * from './styles/mobile-styles.js';
9
+ export * from './styles/desktop-styles.js';
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./types.js"), exports);
18
+ __exportStar(require("./hooks/use-week-availability.js"), exports);
19
+ __exportStar(require("./components/availability-switch.js"), exports);
20
+ __exportStar(require("./components/desktop-table.js"), exports);
21
+ __exportStar(require("./components/desktop-table-v1.js"), exports);
22
+ __exportStar(require("./components/mobile-layout.js"), exports);
23
+ __exportStar(require("./styles/base-styles.js"), exports);
24
+ __exportStar(require("./styles/mobile-styles.js"), exports);
25
+ __exportStar(require("./styles/desktop-styles.js"), exports);
26
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-week-availability/shared/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,gEAA6C;AAC7C,mEAAgD;AAChD,6DAA0C;AAC1C,gEAA6C;AAC7C,6DAA0C;AAC1C,uDAAoC;AACpC,yDAAsC;AACtC,0DAAuC"}
@@ -0,0 +1 @@
1
+ export declare const BaseInputWeekAvailability: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
+ return cooked;
5
+ };
6
+ var __importDefault = (this && this.__importDefault) || function (mod) {
7
+ return (mod && mod.__esModule) ? mod : { "default": mod };
8
+ };
9
+ Object.defineProperty(exports, "__esModule", { value: true });
10
+ exports.BaseInputWeekAvailability = void 0;
11
+ var styled_components_1 = __importDefault(require("styled-components"));
12
+ exports.BaseInputWeekAvailability = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n > label {\n margin-bottom: clamp(10px, 1vw, 15px);\n }\n\n th {\n text-align: center;\n }\n\n thead {\n background-color: transparent !important;\n\n th:not(:first-child) {\n padding: 1px 5px 5px;\n border-radius: 5px 5px 0 0;\n }\n }\n\n tr:not(:last-child) {\n td,\n th {\n padding: 1px 5px 5px;\n }\n }\n\n tr:last-child td {\n border-radius: 0 0 5px 5px;\n padding: 1px 5px;\n }\n\n th,\n td {\n &:not(:first-child):not(:empty) {\n background-color: #f2f2f2;\n }\n\n &:empty {\n padding: 1px 3px !important;\n }\n\n &:first-child {\n padding-right: 15px !important;\n }\n }\n\n td > div {\n height: 100%;\n margin: auto;\n }\n\n table label {\n width: 20px !important;\n height: 20px !important;\n border: none !important;\n background: transparent !important;\n margin-bottom: 0 !important;\n cursor: pointer;\n\n svg {\n width: 100% !important;\n height: 100% !important;\n }\n }\n\n .input_control {\n margin-bottom: 2px !important;\n }\n\n .input-wrapper {\n display: flex;\n align-items: center;\n }\n\n @media only screen and (max-width: 1600px) {\n thead th:not(:first-child),\n tr:not(:last-child) td,\n tr:not(:last-child) th,\n tr:last-child td {\n padding: 1px 4px 4px;\n }\n\n th,\n td {\n &:empty {\n padding: 1px 2px !important;\n }\n\n &:first-child {\n padding-right: 10px !important;\n }\n }\n\n tr:last-child td {\n padding-bottom: 1px !important;\n }\n\n table label {\n width: 18px !important;\n height: 18px !important;\n }\n }\n\n @media only screen and (max-width: 1024px) {\n > label {\n width: 100%;\n text-align: center;\n max-width: 242px;\n margin-bottom: 10px;\n }\n\n table label {\n width: 16px !important;\n height: 16px !important;\n }\n\n th,\n td {\n font-size: 12px;\n\n &:first-child {\n padding-right: 5px !important;\n }\n }\n }\n"], ["\n > label {\n margin-bottom: clamp(10px, 1vw, 15px);\n }\n\n th {\n text-align: center;\n }\n\n thead {\n background-color: transparent !important;\n\n th:not(:first-child) {\n padding: 1px 5px 5px;\n border-radius: 5px 5px 0 0;\n }\n }\n\n tr:not(:last-child) {\n td,\n th {\n padding: 1px 5px 5px;\n }\n }\n\n tr:last-child td {\n border-radius: 0 0 5px 5px;\n padding: 1px 5px;\n }\n\n th,\n td {\n &:not(:first-child):not(:empty) {\n background-color: #f2f2f2;\n }\n\n &:empty {\n padding: 1px 3px !important;\n }\n\n &:first-child {\n padding-right: 15px !important;\n }\n }\n\n td > div {\n height: 100%;\n margin: auto;\n }\n\n table label {\n width: 20px !important;\n height: 20px !important;\n border: none !important;\n background: transparent !important;\n margin-bottom: 0 !important;\n cursor: pointer;\n\n svg {\n width: 100% !important;\n height: 100% !important;\n }\n }\n\n .input_control {\n margin-bottom: 2px !important;\n }\n\n .input-wrapper {\n display: flex;\n align-items: center;\n }\n\n @media only screen and (max-width: 1600px) {\n thead th:not(:first-child),\n tr:not(:last-child) td,\n tr:not(:last-child) th,\n tr:last-child td {\n padding: 1px 4px 4px;\n }\n\n th,\n td {\n &:empty {\n padding: 1px 2px !important;\n }\n\n &:first-child {\n padding-right: 10px !important;\n }\n }\n\n tr:last-child td {\n padding-bottom: 1px !important;\n }\n\n table label {\n width: 18px !important;\n height: 18px !important;\n }\n }\n\n @media only screen and (max-width: 1024px) {\n > label {\n width: 100%;\n text-align: center;\n max-width: 242px;\n margin-bottom: 10px;\n }\n\n table label {\n width: 16px !important;\n height: 16px !important;\n }\n\n th,\n td {\n font-size: 12px;\n\n &:first-child {\n padding-right: 5px !important;\n }\n }\n }\n"])));
13
+ var templateObject_1;
14
+ //# sourceMappingURL=base-styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base-styles.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-week-availability/shared/styles/base-styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,yBAAyB,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,gnEAAA,6iEA4HrD,KAAA"}
@@ -0,0 +1 @@
1
+ export declare const DesktopStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
+ return cooked;
5
+ };
6
+ var __importDefault = (this && this.__importDefault) || function (mod) {
7
+ return (mod && mod.__esModule) ? mod : { "default": mod };
8
+ };
9
+ Object.defineProperty(exports, "__esModule", { value: true });
10
+ exports.DesktopStyles = void 0;
11
+ var styled_components_1 = __importDefault(require("styled-components"));
12
+ exports.DesktopStyles = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n @media only screen and (min-width: 769px) {\n .tabela-disponibilidade {\n border-collapse: separate;\n border-spacing: 24px 0;\n width: 100%;\n table-layout: fixed;\n }\n .tabela-disponibilidade th.dia {\n background: #fff;\n border: 1px solid #ccc;\n border-bottom: none;\n border-radius: 10px 10px 0 0;\n padding: 16px 0 8px 0;\n text-align: center;\n color: #1a1a1a;\n }\n .tabela-disponibilidade td.celula {\n background: #fff;\n border-left: 1px solid #ccc;\n border-right: 1px solid #ccc;\n text-align: center;\n padding: 1rem 0;\n }\n .tabela-disponibilidade tr:last-child td.celula {\n border-radius: 0 0 10px 10px;\n border-bottom: 1px solid #ccc;\n }\n .tabela-disponibilidade th,\n .tabela-disponibilidade td {\n vertical-align: middle;\n }\n .tabela-disponibilidade td.periodo {\n font-size: 14px;\n font-weight: 400;\n color: #1a1a1a;\n background: transparent;\n text-align: right;\n padding-right: 12px;\n min-width: 60px;\n }\n .tabela-disponibilidade label {\n width: 24px !important;\n height: 24px !important;\n margin: 0 auto !important;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .tabela-disponibilidade .icon-check,\n .tabela-disponibilidade .icon-close {\n width: 24px !important;\n height: 24px !important;\n }\n .tabela-disponibilidade th:not(.dia),\n .tabela-disponibilidade td:not(.celula):not(.periodo) {\n background: transparent !important;\n border: none !important;\n padding: 0 !important;\n }\n }\n"], ["\n @media only screen and (min-width: 769px) {\n .tabela-disponibilidade {\n border-collapse: separate;\n border-spacing: 24px 0;\n width: 100%;\n table-layout: fixed;\n }\n .tabela-disponibilidade th.dia {\n background: #fff;\n border: 1px solid #ccc;\n border-bottom: none;\n border-radius: 10px 10px 0 0;\n padding: 16px 0 8px 0;\n text-align: center;\n color: #1a1a1a;\n }\n .tabela-disponibilidade td.celula {\n background: #fff;\n border-left: 1px solid #ccc;\n border-right: 1px solid #ccc;\n text-align: center;\n padding: 1rem 0;\n }\n .tabela-disponibilidade tr:last-child td.celula {\n border-radius: 0 0 10px 10px;\n border-bottom: 1px solid #ccc;\n }\n .tabela-disponibilidade th,\n .tabela-disponibilidade td {\n vertical-align: middle;\n }\n .tabela-disponibilidade td.periodo {\n font-size: 14px;\n font-weight: 400;\n color: #1a1a1a;\n background: transparent;\n text-align: right;\n padding-right: 12px;\n min-width: 60px;\n }\n .tabela-disponibilidade label {\n width: 24px !important;\n height: 24px !important;\n margin: 0 auto !important;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .tabela-disponibilidade .icon-check,\n .tabela-disponibilidade .icon-close {\n width: 24px !important;\n height: 24px !important;\n }\n .tabela-disponibilidade th:not(.dia),\n .tabela-disponibilidade td:not(.celula):not(.periodo) {\n background: transparent !important;\n border: none !important;\n padding: 0 !important;\n }\n }\n"])));
13
+ var templateObject_1;
14
+ //# sourceMappingURL=desktop-styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"desktop-styles.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-week-availability/shared/styles/desktop-styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,wvDAAA,qrDA6DtC,KAAA"}
@@ -0,0 +1 @@
1
+ export declare const MobileStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
+ return cooked;
5
+ };
6
+ var __importDefault = (this && this.__importDefault) || function (mod) {
7
+ return (mod && mod.__esModule) ? mod : { "default": mod };
8
+ };
9
+ Object.defineProperty(exports, "__esModule", { value: true });
10
+ exports.MobileStyles = void 0;
11
+ var styled_components_1 = __importDefault(require("styled-components"));
12
+ exports.MobileStyles = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .week-availability-mobile {\n display: none;\n }\n\n @media only screen and (max-width: 768px) {\n .tabela-disponibilidade {\n display: none !important;\n }\n .week-availability-mobile {\n display: flex;\n flex-direction: row;\n gap: 24px;\n width: 100%;\n align-items: flex-start;\n justify-content: center;\n }\n .day-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n padding: 24px 10px;\n border-radius: 10px;\n border: 1px solid #ccc;\n background: #fff;\n flex: 1 0 0;\n min-width: 80px;\n box-sizing: border-box;\n }\n .day-title {\n color: #1a1a1a;\n text-align: center;\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n }\n .periods {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n }\n .period-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n gap: 8px;\n }\n .period-label {\n display: block;\n color: #1a1a1a;\n font-family: 'Poppins', sans-serif;\n font-size: 12px;\n font-weight: 400;\n line-height: 18px;\n text-align: left;\n }\n .day-card label {\n width: 24px !important;\n height: 24px !important;\n margin: 0 !important;\n background: transparent !important;\n box-shadow: none !important;\n }\n .day-card label[aria-checked='true'],\n .day-card label input:checked + span {\n background: transparent !important;\n box-shadow: none !important;\n }\n }\n"], ["\n .week-availability-mobile {\n display: none;\n }\n\n @media only screen and (max-width: 768px) {\n .tabela-disponibilidade {\n display: none !important;\n }\n .week-availability-mobile {\n display: flex;\n flex-direction: row;\n gap: 24px;\n width: 100%;\n align-items: flex-start;\n justify-content: center;\n }\n .day-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n padding: 24px 10px;\n border-radius: 10px;\n border: 1px solid #ccc;\n background: #fff;\n flex: 1 0 0;\n min-width: 80px;\n box-sizing: border-box;\n }\n .day-title {\n color: #1a1a1a;\n text-align: center;\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n }\n .periods {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n }\n .period-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n gap: 8px;\n }\n .period-label {\n display: block;\n color: #1a1a1a;\n font-family: 'Poppins', sans-serif;\n font-size: 12px;\n font-weight: 400;\n line-height: 18px;\n text-align: left;\n }\n .day-card label {\n width: 24px !important;\n height: 24px !important;\n margin: 0 !important;\n background: transparent !important;\n box-shadow: none !important;\n }\n .day-card label[aria-checked='true'],\n .day-card label input:checked + span {\n background: transparent !important;\n box-shadow: none !important;\n }\n }\n"])));
13
+ var templateObject_1;
14
+ //# sourceMappingURL=mobile-styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mobile-styles.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-week-availability/shared/styles/mobile-styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,41DAAA,yxDA4ErC,KAAA"}
@@ -0,0 +1,20 @@
1
+ import { dayValues } from './utils/day-formatter.js';
2
+ import { periods } from '../mock.js';
3
+ import { DayLabelFormat } from './constants/day-labels.js';
4
+ export type { DayLabelFormat };
5
+ export type DayValue = (typeof dayValues)[number];
6
+ export type PeriodValue = (typeof periods)[number]['value'];
7
+ export type WeekAvailabilityResult = {
8
+ [day in DayValue]: {
9
+ [period in PeriodValue]: {
10
+ active: boolean;
11
+ };
12
+ };
13
+ };
14
+ export interface WeekAvailabilityBaseProps {
15
+ dayLabelFormat?: DayLabelFormat;
16
+ }
17
+ export declare function getDays(format?: DayLabelFormat): {
18
+ label: "Dom" | "Seg" | "Ter" | "Qua" | "Qui" | "Sex" | "T" | "Q" | "D" | "S" | "Sab" | "Segunda" | "Terça" | "Quarta" | "Quinta" | "Sexta" | "Sábado" | "Domingo";
19
+ value: "segunda" | "terca" | "quarta" | "quinta" | "sexta" | "sabado" | "domingo";
20
+ }[];
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.getDays = getDays;
4
+ var day_formatter_1 = require("./utils/day-formatter.js");
5
+ function getDays(format) {
6
+ if (format === void 0) { format = 'medium'; }
7
+ return (0, day_formatter_1.getDaysWithFormat)(format);
8
+ }
9
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-week-availability/shared/types.ts"],"names":[],"mappings":";;AAqBA,0BAEC;AAvBD,uDAAoE;AAqBpE,SAAgB,OAAO,CAAC,MAAiC;IAAjC,uBAAA,EAAA,iBAAiC;IACvD,OAAO,IAAA,iCAAiB,EAAC,MAAM,CAAC,CAAA;AAClC,CAAC"}
@@ -0,0 +1,6 @@
1
+ import { DayLabelFormat } from '../constants/day-labels.js';
2
+ export declare const dayValues: readonly ["segunda", "terca", "quarta", "quinta", "sexta", "sabado", "domingo"];
3
+ export declare function getDaysWithFormat(format: DayLabelFormat): {
4
+ label: "Dom" | "Seg" | "Ter" | "Qua" | "Qui" | "Sex" | "T" | "Q" | "D" | "S" | "Sab" | "Segunda" | "Terça" | "Quarta" | "Quinta" | "Sexta" | "Sábado" | "Domingo";
5
+ value: "segunda" | "terca" | "quarta" | "quinta" | "sexta" | "sabado" | "domingo";
6
+ }[];
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.dayValues = void 0;
4
+ exports.getDaysWithFormat = getDaysWithFormat;
5
+ var day_labels_1 = require("../constants/day-labels.js");
6
+ exports.dayValues = ['segunda', 'terca', 'quarta', 'quinta', 'sexta', 'sabado', 'domingo'];
7
+ function getDaysWithFormat(format) {
8
+ return exports.dayValues.map(function (value, index) { return ({
9
+ label: day_labels_1.dayLabels[format][index],
10
+ value: value,
11
+ }); });
12
+ }
13
+ //# sourceMappingURL=day-formatter.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"day-formatter.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-week-availability/shared/utils/day-formatter.ts"],"names":[],"mappings":";;;AAIA,8CAKC;AATD,sDAAmE;AAEtD,QAAA,SAAS,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAU,CAAA;AAExG,SAAgB,iBAAiB,CAAC,MAAsB;IACtD,OAAO,iBAAS,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CAAC;QACtC,KAAK,EAAE,sBAAS,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC;QAC/B,KAAK,OAAA;KACN,CAAC,EAHqC,CAGrC,CAAC,CAAA;AACL,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { InputProps } from '../../../../../ui/index.js';
2
+ import { DayLabelFormat } from '../shared/types.js';
3
+ interface Props extends InputProps {
4
+ dayLabelFormat?: DayLabelFormat;
5
+ }
6
+ export declare function InputWeekAvailabilityV1({ name, label, readOnly, dayLabelFormat }: Props): import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.InputWeekAvailabilityV1 = InputWeekAvailabilityV1;
4
+ var jsx_runtime_1 = require("react/jsx-runtime");
5
+ var ui_1 = require("../../../../../ui/index.js");
6
+ var use_week_availability_1 = require("../shared/hooks/use-week-availability.js");
7
+ var desktop_table_v1_1 = require("../shared/components/desktop-table-v1.js");
8
+ var base_styles_1 = require("../shared/styles/base-styles.js");
9
+ var types_1 = require("../shared/types.js");
10
+ function InputWeekAvailabilityV1(_a) {
11
+ var name = _a.name, label = _a.label, readOnly = _a.readOnly, dayLabelFormat = _a.dayLabelFormat;
12
+ var nameInput = (0, use_week_availability_1.useWeekAvailability)(name).nameInput;
13
+ var days = (0, types_1.getDays)(dayLabelFormat || 'short');
14
+ return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'InputWeekAvailability', children: (0, jsx_runtime_1.jsxs)(base_styles_1.BaseInputWeekAvailability, { className: 'input_week_availability', children: [label && (0, jsx_runtime_1.jsx)("label", { className: 'font-18-bold', children: label }), (0, jsx_runtime_1.jsx)(desktop_table_v1_1.DesktopTableV1, { nameInput: nameInput, readOnly: readOnly, useIconComponent: false, days: days })] }) }));
15
+ }
16
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-week-availability/v-01/index.tsx"],"names":[],"mappings":";;AAUA,0DAYC;;AAtBD,2BAAwC;AACxC,+EAA2E;AAC3E,0EAAsE;AACtE,4DAAwE;AACxE,yCAAyD;AAMzD,SAAgB,uBAAuB,CAAC,EAAgD;QAA9C,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,cAAc,oBAAA;IACrE,IAAA,SAAS,GAAK,IAAA,2CAAmB,EAAC,IAAI,CAAC,UAA9B,CAA8B;IAC/C,IAAM,IAAI,GAAG,IAAA,eAAO,EAAC,cAAc,IAAI,OAAO,CAAC,CAAA;IAE/C,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,uBAAuB,YACjC,wBAAC,uCAAyB,IAAC,SAAS,EAAC,yBAAyB,aAC3D,KAAK,IAAI,kCAAO,SAAS,EAAC,cAAc,YAAE,KAAK,GAAS,EACzD,uBAAC,iCAAc,IAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,IACvE,GACtB,CACT,CAAA;AACH,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { InputProps } from '../../../../../ui/index.js';
2
+ import { DayLabelFormat } from '../shared/types.js';
3
+ interface Props extends InputProps {
4
+ dayLabelFormat?: DayLabelFormat;
5
+ }
6
+ export declare function InputWeekAvailabilityV2({ name, label, readOnly, dayLabelFormat }: Props): import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.InputWeekAvailabilityV2 = InputWeekAvailabilityV2;
4
+ var jsx_runtime_1 = require("react/jsx-runtime");
5
+ var ui_1 = require("../../../../../ui/index.js");
6
+ var use_window_1 = require("../../../../../ui/hooks/use-window.js");
7
+ var use_week_availability_1 = require("../shared/hooks/use-week-availability.js");
8
+ var desktop_table_1 = require("../shared/components/desktop-table.js");
9
+ var mobile_layout_1 = require("../shared/components/mobile-layout.js");
10
+ var base_styles_1 = require("../shared/styles/base-styles.js");
11
+ var mobile_styles_1 = require("../shared/styles/mobile-styles.js");
12
+ var desktop_styles_1 = require("../shared/styles/desktop-styles.js");
13
+ var types_1 = require("../shared/types.js");
14
+ function InputWeekAvailabilityV2(_a) {
15
+ var name = _a.name, label = _a.label, readOnly = _a.readOnly, dayLabelFormat = _a.dayLabelFormat;
16
+ var nameInput = (0, use_week_availability_1.useWeekAvailability)(name).nameInput;
17
+ var windowObj = (0, use_window_1.useWindow)();
18
+ var isMobile = windowObj && windowObj.innerWidth <= 768;
19
+ var days = (0, types_1.getDays)(dayLabelFormat || 'medium');
20
+ return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'InputWeekAvailability', children: (0, jsx_runtime_1.jsx)(base_styles_1.BaseInputWeekAvailability, { className: 'input_week_availability', children: (0, jsx_runtime_1.jsx)(mobile_styles_1.MobileStyles, { children: (0, jsx_runtime_1.jsxs)(desktop_styles_1.DesktopStyles, { children: [label && (0, jsx_runtime_1.jsx)("label", { className: 'font-18-bold', children: label }), isMobile ? ((0, jsx_runtime_1.jsx)(mobile_layout_1.MobileLayout, { nameInput: nameInput, readOnly: readOnly, useIconComponent: true, days: days })) : ((0, jsx_runtime_1.jsx)(desktop_table_1.DesktopTable, { nameInput: nameInput, readOnly: readOnly, useIconComponent: true, days: days }))] }) }) }) }));
21
+ }
22
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-week-availability/v-02/index.tsx"],"names":[],"mappings":";;AAcA,0DAsBC;;AApCD,2BAAwC;AACxC,oDAAiD;AACjD,+EAA2E;AAC3E,oEAAiE;AACjE,oEAAiE;AACjE,4DAAwE;AACxE,gEAA6D;AAC7D,kEAA+D;AAC/D,yCAAyD;AAMzD,SAAgB,uBAAuB,CAAC,EAAgD;QAA9C,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,cAAc,oBAAA;IACrE,IAAA,SAAS,GAAK,IAAA,2CAAmB,EAAC,IAAI,CAAC,UAA9B,CAA8B;IAC/C,IAAM,SAAS,GAAG,IAAA,sBAAS,GAAE,CAAA;IAC7B,IAAM,QAAQ,GAAG,SAAS,IAAI,SAAS,CAAC,UAAU,IAAI,GAAG,CAAA;IACzD,IAAM,IAAI,GAAG,IAAA,eAAO,EAAC,cAAc,IAAI,QAAQ,CAAC,CAAA;IAEhD,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,uBAAuB,YACjC,uBAAC,uCAAyB,IAAC,SAAS,EAAC,yBAAyB,YAC5D,uBAAC,4BAAY,cACX,wBAAC,8BAAa,eACX,KAAK,IAAI,kCAAO,SAAS,EAAC,cAAc,YAAE,KAAK,GAAS,EACxD,QAAQ,CAAC,CAAC,CAAC,CACV,uBAAC,4BAAY,IAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CAC/F,CAAC,CAAC,CAAC,CACF,uBAAC,4BAAY,IAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CAC/F,IACa,GACH,GACW,GACtB,CACT,CAAA;AACH,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "infinity-forge",
3
- "version": "11.1.6",
3
+ "version": "11.1.7",
4
4
  "description": "codie Library",
5
5
  "main": "./dist/index",
6
6
  "module": "./dist/index",
@@ -1 +0,0 @@
1
- export declare const InputWeekAvailability: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;
@@ -1,14 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __importDefault = (this && this.__importDefault) || function (mod) {
7
- return (mod && mod.__esModule) ? mod : { "default": mod };
8
- };
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- exports.InputWeekAvailability = void 0;
11
- var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.InputWeekAvailability = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n > label {\n margin-bottom: clamp(10px, 1vw, 15px);\n }\n\n th {\n text-align: center;\n }\n\n thead {\n background-color: transparent !important;\n\n th:not(:first-child) {\n padding: 1px 5px 5px;\n border-radius: 5px 5px 0 0;\n }\n }\n\n tr:not(:last-child) {\n td,\n th {\n padding: 1px 5px 5px;\n }\n }\n\n tr:last-child td {\n border-radius: 0 0 5px 5px;\n padding: 1px 5px;\n }\n\n th,\n td {\n &:not(:first-child):not(:empty) {\n background-color: #f2f2f2;\n }\n\n &:empty {\n padding: 1px 3px !important;\n }\n\n &:first-child {\n padding-right: 15px !important;\n }\n }\n\n td > div {\n height: 100%;\n margin: auto;\n }\n\n table label {\n width: 20px !important;\n height: 20px !important;\n border: none !important;\n background: transparent !important;\n margin-bottom: 0 !important;\n cursor: pointer;\n\n svg {\n width: 100% !important;\n height: 100% !important;\n }\n }\n\n .input_control {\n margin-bottom: 2px !important;\n }\n\n .input-wrapper {\n display: flex;\n align-items: center;\n }\n\n @media only screen and (max-width: 1600px) {\n thead th:not(:first-child),\n tr:not(:last-child) td,\n tr:not(:last-child) th,\n tr:last-child td {\n padding: 1px 4px 4px;\n }\n\n th,\n td {\n &:empty {\n padding: 1px 2px !important;\n }\n\n &:first-child {\n padding-right: 10px !important;\n }\n }\n\n tr:last-child td {\n padding-bottom: 1px !important;\n }\n\n table label {\n width: 18px !important;\n height: 18px !important;\n }\n }\n\n @media only screen and (max-width: 1024px) {\n > label {\n width: 100%;\n text-align: center;\n max-width: 242px;\n margin-bottom: 10px;\n }\n\n table label {\n width: 16px !important;\n height: 16px !important;\n }\n\n th,\n td {\n font-size: 12px;\n\n &:first-child {\n padding-right: 5px !important;\n }\n }\n }\n\n .week-availability-mobile {\n display: none;\n }\n\n @media only screen and (max-width: 768px) {\n .tabela-disponibilidade {\n display: none !important;\n }\n .week-availability-mobile {\n display: flex;\n flex-direction: row;\n gap: 24px;\n width: 100%;\n align-items: flex-start;\n justify-content: center;\n }\n .day-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n padding: 24px 10px;\n border-radius: 10px;\n border: 1px solid #ccc;\n background: #fff;\n flex: 1 0 0;\n min-width: 80px;\n box-sizing: border-box;\n }\n .day-title {\n color: #1a1a1a;\n text-align: center;\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n }\n .periods {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n }\n .period-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n gap: 8px;\n }\n .period-label {\n display: block;\n color: #1a1a1a;\n font-family: 'Poppins', sans-serif;\n font-size: 12px;\n font-weight: 400;\n line-height: 18px;\n text-align: left;\n }\n .day-card label {\n width: 24px !important;\n height: 24px !important;\n margin: 0 !important;\n background: transparent !important;\n box-shadow: none !important;\n }\n .day-card label[aria-checked='true'],\n .day-card label input:checked + span {\n background: transparent !important;\n box-shadow: none !important;\n }\n }\n\n @media only screen and (min-width: 769px) {\n .tabela-disponibilidade {\n border-collapse: separate;\n border-spacing: 24px 0;\n width: 100%;\n table-layout: fixed;\n }\n .tabela-disponibilidade th.dia {\n background: #fff;\n border: 1px solid #ccc;\n border-bottom: none;\n border-radius: 10px 10px 0 0;\n padding: 16px 0 8px 0;\n text-align: center;\n color: #1a1a1a;\n }\n .tabela-disponibilidade td.celula {\n background: #fff;\n border-left: 1px solid #ccc;\n border-right: 1px solid #ccc;\n text-align: center;\n padding: 1rem 0;\n }\n .tabela-disponibilidade tr:last-child td.celula {\n border-radius: 0 0 10px 10px;\n border-bottom: 1px solid #ccc;\n }\n .tabela-disponibilidade th,\n .tabela-disponibilidade td {\n vertical-align: middle;\n }\n .tabela-disponibilidade td.periodo {\n font-size: 14px;\n font-weight: 400;\n color: #1a1a1a;\n background: transparent;\n text-align: right;\n padding-right: 12px;\n min-width: 60px;\n }\n .tabela-disponibilidade label {\n width: 24px !important;\n height: 24px !important;\n margin: 0 auto !important;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .tabela-disponibilidade .icon-check,\n .tabela-disponibilidade .icon-close {\n width: 24px !important;\n height: 24px !important;\n }\n .tabela-disponibilidade th:not(.dia),\n .tabela-disponibilidade td:not(.celula):not(.periodo) {\n background: transparent !important;\n border: none !important;\n padding: 0 !important;\n }\n }\n"], ["\n > label {\n margin-bottom: clamp(10px, 1vw, 15px);\n }\n\n th {\n text-align: center;\n }\n\n thead {\n background-color: transparent !important;\n\n th:not(:first-child) {\n padding: 1px 5px 5px;\n border-radius: 5px 5px 0 0;\n }\n }\n\n tr:not(:last-child) {\n td,\n th {\n padding: 1px 5px 5px;\n }\n }\n\n tr:last-child td {\n border-radius: 0 0 5px 5px;\n padding: 1px 5px;\n }\n\n th,\n td {\n &:not(:first-child):not(:empty) {\n background-color: #f2f2f2;\n }\n\n &:empty {\n padding: 1px 3px !important;\n }\n\n &:first-child {\n padding-right: 15px !important;\n }\n }\n\n td > div {\n height: 100%;\n margin: auto;\n }\n\n table label {\n width: 20px !important;\n height: 20px !important;\n border: none !important;\n background: transparent !important;\n margin-bottom: 0 !important;\n cursor: pointer;\n\n svg {\n width: 100% !important;\n height: 100% !important;\n }\n }\n\n .input_control {\n margin-bottom: 2px !important;\n }\n\n .input-wrapper {\n display: flex;\n align-items: center;\n }\n\n @media only screen and (max-width: 1600px) {\n thead th:not(:first-child),\n tr:not(:last-child) td,\n tr:not(:last-child) th,\n tr:last-child td {\n padding: 1px 4px 4px;\n }\n\n th,\n td {\n &:empty {\n padding: 1px 2px !important;\n }\n\n &:first-child {\n padding-right: 10px !important;\n }\n }\n\n tr:last-child td {\n padding-bottom: 1px !important;\n }\n\n table label {\n width: 18px !important;\n height: 18px !important;\n }\n }\n\n @media only screen and (max-width: 1024px) {\n > label {\n width: 100%;\n text-align: center;\n max-width: 242px;\n margin-bottom: 10px;\n }\n\n table label {\n width: 16px !important;\n height: 16px !important;\n }\n\n th,\n td {\n font-size: 12px;\n\n &:first-child {\n padding-right: 5px !important;\n }\n }\n }\n\n .week-availability-mobile {\n display: none;\n }\n\n @media only screen and (max-width: 768px) {\n .tabela-disponibilidade {\n display: none !important;\n }\n .week-availability-mobile {\n display: flex;\n flex-direction: row;\n gap: 24px;\n width: 100%;\n align-items: flex-start;\n justify-content: center;\n }\n .day-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n padding: 24px 10px;\n border-radius: 10px;\n border: 1px solid #ccc;\n background: #fff;\n flex: 1 0 0;\n min-width: 80px;\n box-sizing: border-box;\n }\n .day-title {\n color: #1a1a1a;\n text-align: center;\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n }\n .periods {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n }\n .period-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n gap: 8px;\n }\n .period-label {\n display: block;\n color: #1a1a1a;\n font-family: 'Poppins', sans-serif;\n font-size: 12px;\n font-weight: 400;\n line-height: 18px;\n text-align: left;\n }\n .day-card label {\n width: 24px !important;\n height: 24px !important;\n margin: 0 !important;\n background: transparent !important;\n box-shadow: none !important;\n }\n .day-card label[aria-checked='true'],\n .day-card label input:checked + span {\n background: transparent !important;\n box-shadow: none !important;\n }\n }\n\n @media only screen and (min-width: 769px) {\n .tabela-disponibilidade {\n border-collapse: separate;\n border-spacing: 24px 0;\n width: 100%;\n table-layout: fixed;\n }\n .tabela-disponibilidade th.dia {\n background: #fff;\n border: 1px solid #ccc;\n border-bottom: none;\n border-radius: 10px 10px 0 0;\n padding: 16px 0 8px 0;\n text-align: center;\n color: #1a1a1a;\n }\n .tabela-disponibilidade td.celula {\n background: #fff;\n border-left: 1px solid #ccc;\n border-right: 1px solid #ccc;\n text-align: center;\n padding: 1rem 0;\n }\n .tabela-disponibilidade tr:last-child td.celula {\n border-radius: 0 0 10px 10px;\n border-bottom: 1px solid #ccc;\n }\n .tabela-disponibilidade th,\n .tabela-disponibilidade td {\n vertical-align: middle;\n }\n .tabela-disponibilidade td.periodo {\n font-size: 14px;\n font-weight: 400;\n color: #1a1a1a;\n background: transparent;\n text-align: right;\n padding-right: 12px;\n min-width: 60px;\n }\n .tabela-disponibilidade label {\n width: 24px !important;\n height: 24px !important;\n margin: 0 auto !important;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .tabela-disponibilidade .icon-check,\n .tabela-disponibilidade .icon-close {\n width: 24px !important;\n height: 24px !important;\n }\n .tabela-disponibilidade th:not(.dia),\n .tabela-disponibilidade td:not(.celula):not(.periodo) {\n background: transparent !important;\n border: none !important;\n padding: 0 !important;\n }\n }\n"])));
13
- var templateObject_1;
14
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-week-availability/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,qBAAqB,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,0jLAAA,u/KAqQjD,KAAA"}