infinity-forge 9.7.9 → 9.9.0

package/dist/ui/components/form/input-star/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-star/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBlC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAwB;;WAEhD,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;;;;;;;;CAQhE,CAAA"}

package/dist/ui/components/form/input-svg/index.d.ts

@@ -0,0 +1,2 @@
+import { InputProps } from '../interfaces.js';
+export declare function InputSvg(props: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-svg/index.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useField } from 'formik';
+import { Icon } from '../../../../ui/index.js';
+import { InputControl } from '../input-control/index.js';
+import * as S from './styles.js';
+export function InputSvg(props) {
+    const [field, _, handlers] = useField({ name: props.name, type: props.type });
+    const handleFileUpload = (event) => {
+        const file = event.target.files[0];
+        if (file && file.type === 'image/svg+xml') {
+            const reader = new FileReader();
+            reader.onload = (e) => {
+                let svgString = e.target.result;
+                const parser = new DOMParser();
+                const svgDoc = parser.parseFromString(svgString, 'image/svg+xml');
+                const elementsWithFill = svgDoc.querySelectorAll('[fill]');
+                elementsWithFill.forEach((el) => {
+                    if (el.getAttribute('fill') !== 'none') {
+                        el.removeAttribute('fill');
+                    }
+                });
+                const elementsWithStroke = svgDoc.querySelectorAll('[stroke]');
+                elementsWithStroke.forEach((el) => {
+                    if (el.getAttribute('stroke') !== 'none') {
+                        el.removeAttribute('stroke');
+                    }
+                });
+                svgString = new XMLSerializer().serializeToString(svgDoc.documentElement);
+                handlers.setValue(svgString);
+            };
+            reader.readAsText(file);
+        }
+        else {
+            alert('Por favor, selecione um arquivo SVG válido.');
+        }
+    };
+    return (_jsx(InputControl, Object.assign({}, props, { fieldValue: field.value || '', children: _jsxs(S.InputSvg, { children: [_jsxs("label", { htmlFor: props.name + 'upload_svg', children: [_jsx("input", { style: { display: 'none' }, type: 'file', id: props.name + 'upload_svg', accept: '.svg', onChange: handleFileUpload }), _jsx(Icon, { name: 'IconUpload', color: '#fff' })] }), _jsx("div", { className: 'preview', children: field.value && _jsx("div", { dangerouslySetInnerHTML: { __html: field.value } }) }), _jsx("input", Object.assign({}, field, { id: props.name, placeholder: props.placeholder, type: 'text', readOnly: true, value: field.value || '', onChange: (ev) => {
+                        field.onChange(ev);
+                        props.onChangeInput && props.onChangeInput(ev.target.value);
+                    } }))] }) })));
+}
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-svg/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-svg/index.tsx"],"names":[],"mappings":"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"}

package/dist/ui/components/form/input-svg/styles.d.ts

@@ -0,0 +1 @@
+export declare const InputSvg: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;

package/dist/ui/components/form/input-svg/styles.js

@@ -0,0 +1,56 @@
+import styled from "styled-components";
+export const InputSvg = styled("div") `
+    display: flex;
+    gap: 10px;
+
+    label {
+        background-color: #000;
+        border-radius: 2px;
+        padding: 10px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 42px;
+        height: 42px;
+        cursor: pointer;
+        transition: 0.3s;
+
+        &:hover {
+            background-color: #111;
+        }
+
+        svg {
+            fill: #fff;
+        }
+    }
+
+    .preview {
+        border: 1px solid #000;
+        background-color: #f1f1f1;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 42px;
+        width: 42px; 
+        border-radius: 2px;
+
+        div {
+            height: inherit;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            width: 100%;
+        }
+
+        svg {
+            width: 25px;
+            height: auto;
+            fill: #000;
+        }
+    }
+
+    input {
+        width: calc(100% - 20px - 84px);
+    }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-svg/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-svg/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDpC,CAAA"}

package/dist/ui/components/form/input-switch/index.d.ts

@@ -0,0 +1,2 @@
+import { IInputSwitch } from './interfaces.js';
+export declare function InputSwitch(props: IInputSwitch): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-switch/index.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useField, useFormikContext } from 'formik';
+import { Icon } from '../../../../ui/index.js';
+import { InputControl } from '../input-control/index.js';
+import * as S from './styles.js';
+export function InputSwitch(props) {
+    var _a, _b;
+    const formikContext = useFormikContext();
+    const [field, state, utils] = useField({ name: props.name, type: 'checkbox' });
+    const isChecked = field === null || field === void 0 ? void 0 : field.value;
+    const htmlFor = props.name + (props.checkbox_key || '');
+    const Style = (() => {
+        switch (props.design) {
+            case 'checkbox':
+                return S.InputSwitchCheckbox;
+            default:
+                return S.InputSwitch;
+        }
+    })();
+    const isIconAlternative = ((_a = props.inputSwitchCheckbox) === null || _a === void 0 ? void 0 : _a.valueIsTrue.Icon) || ((_b = props.inputSwitchCheckbox) === null || _b === void 0 ? void 0 : _b.valueIsFalse.Icon);
+    return (_jsx(Style, { className: `${isIconAlternative && 'icon-alternative'}`, children: _jsxs(InputControl, Object.assign({}, props, { children: [_jsx("input", Object.assign({ type: 'checkbox', id: htmlFor }, field, { onChange: (ev) => {
+                        utils.setValue(ev.target.checked);
+                        props.onChangeInput &&
+                            props.onChangeInput(ev.target.checked, () => { }, { state, utils }, undefined, formikContext);
+                    }, className: `custom-checkbox ${props.design === 'checkbox' ? 'checkbox-design' : ''}` })), _jsx("label", { style: isChecked ? { background: props.color || '#444' } : {}, className: `custom-checkbox-label ${isChecked ? 'checked' : ''}`, htmlFor: htmlFor, children: props.design === 'checkbox' ? (_jsx("span", { className: 'checkbox-mark', children: props.inputSwitchCheckbox ? (isChecked ? (_jsx(props.inputSwitchCheckbox.valueIsTrue.Icon, {})) : (_jsx(props.inputSwitchCheckbox.valueIsFalse.Icon, {}))) : (isChecked && _jsx(Icon, { name: 'Checked' })) })) : (isChecked && _jsx(Icon, { name: 'Checked' })) })] })) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-switch/index.tsx"],"names":[],"mappings":"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"}

package/dist/ui/components/form/input-switch/interfaces.d.ts

@@ -0,0 +1,13 @@
+import { InputProps } from '../interfaces.js';
+export type IInputSwitch = {
+    color?: string;
+    design?: 'checkbox';
+    inputSwitchCheckbox?: {
+        valueIsTrue: {
+            Icon: () => React.ReactNode;
+        };
+        valueIsFalse: {
+            Icon: () => React.ReactNode;
+        };
+    };
+} & InputProps;

package/dist/ui/components/form/input-switch/interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interfaces.js.map

package/dist/ui/components/form/input-switch/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-switch/interfaces.ts"],"names":[],"mappings":""}

package/dist/ui/components/form/input-switch/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const InputSwitch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;
+export declare const InputSwitchCheckbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;

package/dist/ui/components/form/input-switch/styles.js

@@ -0,0 +1,121 @@
+import styled from 'styled-components';
+export const InputSwitch = styled('div') `
+  width: fit-content;
+
+  .container-switch {
+    display: flex;
+    flex-direction: row-reverse;
+    align-items: center;
+    gap: 10px;
+  }
+
+  .custom-checkbox {
+    display: none;
+  }
+
+  .custom-checkbox-label {
+    position: relative;
+    margin: 0;
+    cursor: pointer;
+    text-indent: -9999px;
+    width: 40px;
+    height: 20px;
+    background: grey;
+    display: block;
+    border-radius: 100px;
+    position: relative;
+
+    &:after {
+      content: '';
+      position: absolute;
+      top: 50%;
+      transform: translateY(-50%);
+      left: 5px;
+      width: 12px;
+      height: 12px;
+      background: #fff;
+      border-radius: 12px;
+      transition: 0.3s;
+    }
+
+    &.checked {
+      border: none;
+    }
+
+    svg {
+      stroke: #fff;
+      width: 100%;
+      height: auto;
+    }
+  }
+
+  input:checked + .custom-checkbox-label {
+    background: #bada55;
+  }
+
+  input:checked + .custom-checkbox-label:after {
+    left: calc(100% - 15px);
+  }
+`;
+export const InputSwitchCheckbox = styled('div') `
+  width: fit-content;
+
+  .container-switch {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex-direction: row-reverse;
+  }
+
+  .custom-checkbox {
+    display: none;
+  }
+
+  .checkbox-mark svg {
+    width: 14px;
+    height: 14px;
+  }
+
+  &:not(.icon-alternative) {
+    .custom-checkbox-label {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 18px;
+      height: 18px;
+      border: 2px solid #444;
+      border-radius: 4px;
+      background: #fff;
+      cursor: pointer;
+      transition: all 0.2s ease;
+      margin-bottom: 0;
+    }
+
+    .custom-checkbox-label .checkbox-mark {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+    }
+
+    input:checked + .custom-checkbox-label {
+      background: #444;
+      border-color: #444;
+    }
+
+    input:checked + .custom-checkbox-label .checkbox-mark {
+      color: white;
+    }
+
+    .checkbox-mark svg {
+      stroke: white;
+      display: none;
+    }
+
+    input:checked + .custom-checkbox-label .checkbox-mark svg {
+      display: block;
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-switch/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-switch/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAItC,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDvC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4D/C,CAAA"}

package/dist/ui/components/form/input-week-availability/availability-preview/index.d.ts

@@ -0,0 +1,4 @@
+import { WeekAvailabilityResult } from '../../../../../ui/index.js';
+export declare function AvailabilityPreview({ weekAvailability }: {
+    weekAvailability?: WeekAvailabilityResult;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-week-availability/availability-preview/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Error, Icon } from '../../../../../ui/index.js';
+import { days } from '../mock.js';
+import * as S from './styles.js';
+export function AvailabilityPreview({ weekAvailability }) {
+    return (_jsx(Error, { name: 'AvailabilityPreview', children: _jsx(S.AvailabilityPreview, { className: 'availability-preview', children: days === null || days === void 0 ? void 0 : days.map((day) => {
+                const dayIsActive = Object.values((weekAvailability === null || weekAvailability === void 0 ? void 0 : weekAvailability[day.value]) || {}).some((period) => period.active);
+                return (_jsxs("div", { className: `day ${dayIsActive && 'active'}`, children: [_jsx("span", { className: 'font-20', children: day.label }, day.value), dayIsActive ? (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '15', height: '11', viewBox: '0 0 15 11', fill: 'none', children: _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' }) })) : (_jsx(Icon, { name: 'IconClose' }))] }));
+            }) }) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-week-availability/availability-preview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-week-availability/availability-preview/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAA0B,MAAM,MAAM,CAAA;AAE1D,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAE7B,MAAM,UAAU,mBAAmB,CAAC,EAAE,gBAAgB,EAAiD;IACrG,OAAO,CACL,KAAC,KAAK,IAAC,IAAI,EAAC,qBAAqB,YAC/B,KAAC,CAAC,CAAC,mBAAmB,IAAC,SAAS,EAAC,sBAAsB,YACpD,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;gBACjB,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,GAAG,CAAC,KAAK,CAAC,KAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;gBAEtG,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,WAAW,IAAI,QAAQ,EAAE,aAC9C,eAAM,SAAS,EAAC,SAAS,YACtB,GAAG,CAAC,KAAK,IADmB,GAAG,CAAC,KAAK,CAEjC,EAEN,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YAC5F,eAAM,CAAC,EAAC,qHAAqH,GAAG,GAC5H,CACP,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,GAAG,CAC1B,IACG,CACP,CAAA;YACH,CAAC,CAAC,GACoB,GAClB,CACT,CAAA;AACH,CAAC"}

package/dist/ui/components/form/input-week-availability/availability-preview/styles.d.ts

@@ -0,0 +1 @@
+export declare const AvailabilityPreview: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;

package/dist/ui/components/form/input-week-availability/availability-preview/styles.js

@@ -0,0 +1,77 @@
+import styled from 'styled-components';
+export const AvailabilityPreview = styled('div') `
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 5px;
+
+  .day {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 2px;
+    padding: 5px 0;
+    border-radius: 10px;
+    color: ${(p) => p.theme.grey20};
+    background-color: ${(p) => p.theme.grey40};
+
+    &.active {
+      color: ${(p) => p.theme.grey};
+      background-color: ${(p) => p.theme.primaryColor};
+    }
+  }
+
+  svg {
+    width: 20px;
+    height: 20px;
+    flex-shrink: 0;
+    fill: currentColor;
+  }
+
+  @media only screen and (max-width: 1600px) {
+    .day {
+      padding: 4px 0;
+      gap: 1px;
+    }
+  }
+
+  @media only screen and (max-width: 1200px) {
+    gap: 4px;
+
+    .day {
+      padding: 3px 0;
+      gap: 0px;
+
+      svg {
+        width: 18px;
+        height: 18px;
+      }
+    }
+  }
+
+  @media only screen and (max-width: 768px) {
+    gap: 2px;
+
+    .day {
+      border-radius: 5px;
+      padding: 2px 0;
+    }
+  }
+
+  @media only screen and (max-width: 520px) {
+    gap: 1px;
+
+    .day {
+      span {
+        font-size: 1.2rem;
+      }
+
+      svg {
+        width: 12px;
+        height: 12px;
+      }
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-week-availability/availability-preview/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-week-availability/availability-preview/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;;;;aAcnC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM;wBACV,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM;;;eAG9B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI;0BACR,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDpD,CAAA"}

package/dist/ui/components/form/input-week-availability/index.d.ts

@@ -0,0 +1,2 @@
+export * from './input.js';
+export * from "./availability-preview/index.js";

package/dist/ui/components/form/input-week-availability/index.js

@@ -0,0 +1,3 @@
+export * from './input.js';
+export * from "./availability-preview/index.js";
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-week-availability/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-week-availability/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,wBAAwB,CAAA"}

package/dist/ui/components/form/input-week-availability/input.d.ts

@@ -0,0 +1,13 @@
+import { InputProps } from '../../../../ui/index.js';
+import { days, periods } from './mock.js';
+type DayValue = (typeof days)[number]['value'];
+type PeriodValue = (typeof periods)[number]['value'];
+export type WeekAvailabilityResult = {
+    [day in DayValue]: {
+        [period in PeriodValue]: {
+            active: boolean;
+        };
+    };
+};
+export declare function InputWeekAvailability({ name, label }: InputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/components/form/input-week-availability/input.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { Error, InputSwitch } from '../../../../ui/index.js';
+import { days, periods } from './mock.js';
+import { useFormikContext } from 'formik';
+import * as S from './styles.js';
+export function InputWeekAvailability({ name, label }) {
+    const { values, setFieldValue } = useFormikContext();
+    const initialValue = days.reduce((reducer, day) => {
+        return Object.assign(Object.assign({}, reducer), { [day.value]: periods.reduce((reducerPeriod, period) => (Object.assign(Object.assign({}, reducerPeriod), { [period.value]: { active: false } })), {}) });
+    }, {});
+    const nameInput = name || 'weekAvailability';
+    useEffect(() => {
+        if (!(values === null || values === void 0 ? void 0 : values[nameInput])) {
+            setFieldValue(nameInput, initialValue);
+        }
+    }, []);
+    return (_jsx(Error, { name: 'InputWeekAvailability', children: _jsxs(S.InputWeekAvailability, { className: 'input_week_availability', children: [label && _jsx("label", { className: 'font-18-bold', children: label }), _jsxs("table", { className: 'tabela-disponibilidade', children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", {}), days.map((day, i) => (_jsxs(_Fragment, { children: [_jsx("th", {}), _jsx("th", { className: 'dia font-14', children: _jsx("span", { children: day.label }) }, i)] })))] }) }), _jsx("tbody", { children: periods.map((period) => (_jsxs("tr", { children: [_jsx("td", { className: 'periodo font-14', children: period.label }), days.map((day) => {
+                                        const key = `${nameInput}.${day.value}.${period.value}.active`;
+                                        return (_jsxs(_Fragment, { children: [_jsx("td", {}), _jsx("td", { className: 'celula', children: _jsx(InputSwitch, { name: key, design: 'checkbox', inputSwitchCheckbox: {
+                                                            valueIsFalse: {
+                                                                Icon: () => (_jsx("span", { children: _jsx("svg", { className: 'icon-close', xmlns: 'http://www.w3.org/2000/svg', width: '20', height: '21', viewBox: '0 0 20 21', fill: 'none', children: _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' }) }) })),
+                                                            },
+                                                            valueIsTrue: {
+                                                                Icon: () => (_jsx("span", { children: _jsx("svg", { className: 'icon-check', xmlns: 'http://www.w3.org/2000/svg', width: '20', height: '21', viewBox: '0 0 20 21', fill: 'none', children: _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' }) }) })),
+                                                            },
+                                                        } }) }, key)] }));
+                                    })] }, period.value))) })] })] }) }));
+}
+//# sourceMappingURL=input.js.map

package/dist/ui/components/form/input-week-availability/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-week-availability/input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,KAAK,EAAc,WAAW,EAAE,MAAM,MAAM,CAAA;AAErD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAEzC,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAa7B,MAAM,UAAU,qBAAqB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAc;IAC/D,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAEpD,MAAM,YAAY,GAA2B,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE;QACxE,uCACK,OAAO,KACV,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CACzB,CAAC,aAAa,EAAE,MAAM,EAAE,EAAE,CAAC,iCAAM,aAAa,KAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,IAAG,EACpF,EAAE,CACH,IACF;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,SAAS,GAAG,IAAI,IAAI,kBAAkB,CAAA;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,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,CACL,KAAC,KAAK,IAAC,IAAI,EAAC,uBAAuB,YACjC,MAAC,CAAC,CAAC,qBAAqB,IAAC,SAAS,EAAC,yBAAyB,aACzD,KAAK,IAAI,gBAAO,SAAS,EAAC,cAAc,YAAE,KAAK,GAAS,EACzD,iBAAO,SAAS,EAAC,wBAAwB,aACvC,0BACE,yBACE,cAAS,EACR,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,8BACE,cAAS,EACT,aAAY,SAAS,EAAC,aAAa,YACjC,yBAAO,GAAG,CAAC,KAAK,GAAQ,IADjB,CAAC,CAEL,IACJ,CACJ,CAAC,IACC,GACC,EACR,0BACG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,yBACE,aAAI,SAAS,EAAC,iBAAiB,YAAE,MAAM,CAAC,KAAK,GAAM,EAClD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;wCAChB,MAAM,GAAG,GAAG,GAAG,SAAS,IAAI,GAAG,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,SAAS,CAAA;wCAE9D,OAAO,CACL,8BACE,cAAS,EACT,aAAc,SAAS,EAAC,QAAQ,YAC9B,KAAC,WAAW,IACV,IAAI,EAAE,GAAG,EACT,MAAM,EAAC,UAAU,EACjB,mBAAmB,EAAE;4DACnB,YAAY,EAAE;gEACZ,IAAI,EAAE,GAAG,EAAE,CAAC,CACV,yBACE,cACE,SAAS,EAAC,YAAY,EACtB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,YAEX,eACE,CAAC,EAAC,mNAAmN,EACrN,IAAI,EAAC,SAAS,GACd,GACE,GACD,CACR;6DACF;4DACD,WAAW,EAAE;gEACX,IAAI,EAAE,GAAG,EAAE,CAAC,CACV,yBACE,cACE,SAAS,EAAC,YAAY,EACtB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,YAEX,eACE,CAAC,EAAC,kHAAkH,EACpH,IAAI,EAAC,SAAS,GACd,GACE,GACD,CACR;6DACF;yDACF,GACD,IA5CK,GAAG,CA6CP,IACJ,CACJ,CAAA;oCACH,CAAC,CAAC,KAxDK,MAAM,CAAC,KAAK,CAyDhB,CACN,CAAC,GACI,IACF,IACgB,GACpB,CACT,CAAA;AACH,CAAC"}

package/dist/ui/components/form/input-week-availability/mock.d.ts

@@ -0,0 +1,8 @@
+export declare const days: {
+    label: string;
+    value: string;
+}[];
+export declare const periods: {
+    label: string;
+    value: string;
+}[];

package/dist/ui/components/form/input-week-availability/mock.js

@@ -0,0 +1,45 @@
+export const days = [
+    {
+        label: "S",
+        value: "segunda",
+    },
+    {
+        label: "T",
+        value: "terca",
+    },
+    {
+        label: "Q",
+        value: "quarta",
+    },
+    {
+        label: "Q",
+        value: "quinta",
+    },
+    {
+        label: "S",
+        value: "sexta",
+    },
+    {
+        label: "S",
+        value: "sabado",
+    },
+    {
+        label: "D",
+        value: "domingo",
+    },
+];
+export const periods = [
+    {
+        label: "Manhã",
+        value: "manha",
+    },
+    {
+        label: "Tarde",
+        value: "tarde",
+    },
+    {
+        label: "Noite",
+        value: "noite",
+    },
+];
+//# sourceMappingURL=mock.js.map

package/dist/ui/components/form/input-week-availability/mock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mock.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-week-availability/mock.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB;QACE,KAAK,EAAE,GAAG;QACV,KAAK,EAAE,SAAS;KACjB;IACD;QACE,KAAK,EAAE,GAAG;QACV,KAAK,EAAE,OAAO;KACf;IACD;QACE,KAAK,EAAE,GAAG;QACV,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,KAAK,EAAE,GAAG;QACV,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,KAAK,EAAE,GAAG;QACV,KAAK,EAAE,OAAO;KACf;IACD;QACE,KAAK,EAAE,GAAG;QACV,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,KAAK,EAAE,GAAG;QACV,KAAK,EAAE,SAAS;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB;QACE,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,OAAO;KACf;IACD;QACE,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,OAAO;KACf;IACD;QACE,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,OAAO;KACf;CACF,CAAC"}

package/dist/ui/components/form/input-week-availability/styles.d.ts

@@ -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;