w-design-system 0.0.26 → 0.0.28

package/dist/components/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAiCtC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqCxC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAgDtC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqCxC,CAAA"}

package/dist/components/Button/index.js

@@ -15,37 +15,51 @@ import { ButtonStyled } from './styles';
 import { spinSVG } from '../../assets/icon';
 import { theme } from '../Themes';
 const { colors } = theme;
-const handleColorLoading = (variante) => {
-    if (variante === 'primary') {
-        return colors.cyan50;
-    }
-    if (variante === 'primary') {
-        return colors.cyan50;
+const handleColorLoading = ({ variant, outline }) => {
+    if (outline) {
+        if (variant === 'primary') {
+            return colors.cyan50;
+        }
+        if (variant === 'secondary') {
+            return colors.cyan30;
+        }
+        if (variant === 'danger') {
+            return colors.red40;
+        }
+        if (variant === 'warning') {
+            return colors.honey30;
+        }
+        if (variant === 'gray') {
+            return colors.shade30;
+        }
+        if (variant === 'success') {
+            return colors.mint40;
+        }
+        if (variant === 'yellow') {
+            return colors.yellow30;
+        }
     }
-    if (variante === 'secondary') {
-        return colors.cyan30;
+    if (variant === 'primary') {
+        return 'white';
     }
-    if (variante === 'danger') {
-        return colors.red40;
+    if (variant === 'primary') {
+        return colors.cyan50;
     }
-    if (variante === 'warning') {
+    if (variant === 'warning') {
         return colors.honey30;
     }
-    if (variante === 'gray') {
-        return colors.shade30;
-    }
-    if (variante === 'success') {
-        return colors.mint40;
+    if (variant === 'gray') {
+        return colors.shade40;
     }
-    if (variante === 'yellow') {
+    if (variant === 'yellow') {
         return colors.yellow30;
     }
-    return colors.cyan50;
+    return 'white';
 };
 export const Button = (_a) => {
     var { variant = 'primary', children, disabled = false, icon, radius, outline, halfLeft, halfRight, fullWidth, size, loading } = _a, props = __rest(_a, ["variant", "children", "disabled", "icon", "radius", "outline", "halfLeft", "halfRight", "fullWidth", "size", "loading"]);
     return (React.createElement(ButtonStyled, Object.assign({ variant: variant, disabled: disabled, radius: radius, outline: outline, halfLeft: halfLeft, halfRight: halfRight, fullWidth: fullWidth, size: size }, props),
-        loading && React.createElement(IconWrapper, { src: spinSVG, loading: true, color: outline ? handleColorLoading(variant) : 'white' }),
+        loading && React.createElement(IconWrapper, { src: spinSVG, loading: true, color: handleColorLoading({ variant, outline }) }),
         icon && (React.createElement(IconWrapper, { src: icon, color: 'white', className: 'buttonRadiusWrapperIcon', width: size !== 'large' ? '20px' : '24px', height: size !== 'large' ? '20px' : '24px' })),
         children));
 };

package/dist/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACjC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;AAExB,MAAM,kBAAkB,GAAG,CAAC,QAAgB,EAAE,EAAE;IAC9C,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,MAAM,CAAC,MAAM,CAAA;IACtB,CAAC;IACD,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,MAAM,CAAC,MAAM,CAAA;IACtB,CAAC;IACD,IAAI,QAAQ,KAAK,WAAW,EAAE,CAAC;QAC7B,OAAO,MAAM,CAAC,MAAM,CAAA;IACtB,CAAC;IACD,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;QAC1B,OAAO,MAAM,CAAC,KAAK,CAAA;IACrB,CAAC;IACD,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,MAAM,CAAC,OAAO,CAAA;IACvB,CAAC;IACD,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;QACxB,OAAO,MAAM,CAAC,OAAO,CAAA;IACvB,CAAC;IACD,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,MAAM,CAAC,MAAM,CAAA;IACtB,CAAC;IACD,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;QAC1B,OAAO,MAAM,CAAC,QAAQ,CAAA;IACxB,CAAC;IACD,OAAO,MAAM,CAAC,MAAM,CAAA;AACtB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAa7C,EAAE,EAAE;QAbyC,EAC5C,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,IAAI,EACJ,OAAO,OAER,EADI,KAAK,cAZoC,yHAa7C,CADS;IACJ,OAAA,CACJ,oBAAC,YAAY,kBACX,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,IACN,KAAK;QAER,OAAO,IAAI,oBAAC,WAAW,IAAC,GAAG,EAAE,OAAO,EAAE,OAAO,QAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,GAAI;QACxG,IAAI,IAAI,CACP,oBAAC,WAAW,IACV,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,yBAAyB,EACpC,KAAK,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EACzC,MAAM,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,GAC1C,CACH;QACA,QAAQ,CACI,CAChB,CAAA;CAAA,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/DatePicker/index.d.ts

@@ -0,0 +1,17 @@
+import React, { HTMLAttributes } from 'react';
+export interface DatePickerProps extends HTMLAttributes<HTMLDivElement> {
+    placeholder?: string;
+    label: string;
+    options?: {
+        text: string;
+        id: number;
+    }[];
+    selectedOption?: number | null;
+    readonly?: boolean;
+    disabled?: boolean;
+    onSelectedOptionChange?: (option: number | null) => void;
+    customDate: Date | null;
+    onSelectedCustomDate?: (date: Date | null) => void;
+}
+export declare const DatePicker: React.FC<DatePickerProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DatePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG7C,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACxC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sBAAsB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxD,UAAU,EAAE,IAAI,GAAG,IAAI,CAAA;IACvB,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;CACnD;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAahD,CAAA"}

package/dist/components/DatePicker/index.js

@@ -0,0 +1,22 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { DateRangePicker } from '../DateRangePicker';
+export const DatePicker = (_a) => {
+    var { onSelectedCustomDate, customDate } = _a, props = __rest(_a, ["onSelectedCustomDate", "customDate"]);
+    const onRangeSelected = (start) => {
+        if (onSelectedCustomDate)
+            onSelectedCustomDate(start);
+    };
+    return (React.createElement(DateRangePicker, Object.assign({}, props, { isRange: false, onSelectedCustomRange: onRangeSelected, startCustomDate: customDate, endCustomDate: customDate })));
+};
+//# sourceMappingURL=index.js.map

package/dist/components/DatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAcpD,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAA8C,EAAE,EAAE;QAAlD,EAAE,oBAAoB,EAAE,UAAU,OAAY,EAAP,KAAK,cAA5C,sCAA8C,CAAF;IAChG,MAAM,eAAe,GAAG,CAAC,KAAkB,EAAE,EAAE;QAC7C,IAAI,oBAAoB;YAAE,oBAAoB,CAAC,KAAK,CAAC,CAAA;IACvD,CAAC,CAAA;IACD,OAAO,CACL,oBAAC,eAAe,oBACV,KAAK,IACT,OAAO,EAAE,KAAK,EACd,qBAAqB,EAAE,eAAe,EACtC,eAAe,EAAE,UAAU,EAC3B,aAAa,EAAE,UAAU,IACzB,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/components/DatePicker/stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DatePicker as DatePicker } from './index';
+declare const meta: Meta<typeof DatePicker>;
+export default meta;
+type Story = StoryObj<typeof DatePicker>;
+export declare const SelecionarDataDeDatas: Story;
+export declare const SelecionarDatasSimples: Story;
+//# sourceMappingURL=stories.d.ts.map

package/dist/components/DatePicker/stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,UAAU,IAAI,UAAU,EAAE,MAAM,SAAS,CAAA;AAGlD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAUC,CAAA;AAEnC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AA4CxC,eAAO,MAAM,qBAAqB,EAAE,KAEnC,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAEpC,CAAA"}

package/dist/components/DatePicker/stories.js

@@ -0,0 +1,61 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { DatePicker as DatePicker } from './index';
+import React from 'react';
+const meta = {
+    title: 'Components/DatePicker',
+    component: DatePicker,
+    tags: ['autodocs'],
+    argTypes: {
+        placeholder: { control: 'text' },
+        label: { control: 'text' },
+        readonly: { control: 'boolean' },
+        disabled: { control: 'boolean' },
+    },
+};
+export default meta;
+const ComponentWrapper = (_a) => {
+    var { defaultOptions } = _a, args = __rest(_a, ["defaultOptions"]);
+    const [selectedOption, setSelectOption] = React.useState(null);
+    const [customDate, setCustomDate] = React.useState(null);
+    const onSelectedOptionChange = (option) => {
+        setSelectOption(option);
+        if (option === null) {
+            setCustomDate(null);
+            return;
+        }
+        const date = new Date();
+        date.setDate(date.getDate() + option);
+        setCustomDate(date);
+    };
+    return (React.createElement(DatePicker, Object.assign({ selectedOption: selectedOption, customDate: customDate, onSelectedOptionChange: onSelectedOptionChange, onSelectedCustomDate: date => setCustomDate(date), options: defaultOptions !== null && defaultOptions !== void 0 ? defaultOptions : [
+            {
+                text: 'Ontem',
+                id: -1,
+            },
+            {
+                text: 'Hoje',
+                id: 0,
+            },
+            {
+                text: 'Amanhã',
+                id: 1,
+            },
+        ] }, args)));
+};
+export const SelecionarDataDeDatas = {
+    render: args => React.createElement(ComponentWrapper, { label: "Data da Disputa", placeholder: "Placeholder" }),
+};
+export const SelecionarDatasSimples = {
+    render: args => React.createElement(ComponentWrapper, { defaultOptions: [] }),
+};
+//# sourceMappingURL=stories.js.map

package/dist/components/DatePicker/stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/DatePicker/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,UAAU,IAAI,UAAU,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACjC;CACgC,CAAA;AAEnC,eAAe,IAAI,CAAA;AAGnB,MAAM,gBAAgB,GAAG,CAAC,EAAgC,EAAE,EAAE;QAApC,EAAE,cAAc,OAAgB,EAAX,IAAI,cAAzB,kBAA2B,CAAF;IACjD,MAAM,CAAC,cAAc,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAE7E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,IAAI,CAAC,CAAA;IACrE,MAAM,sBAAsB,GAAG,CAAC,MAAqB,EAAE,EAAE;QACvD,eAAe,CAAC,MAAM,CAAC,CAAA;QACvB,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;YACpB,aAAa,CAAC,IAAI,CAAC,CAAA;YACnB,OAAM;QACR,CAAC;QACD,MAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAA;QACvB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,MAAM,CAAC,CAAA;QACrC,aAAa,CAAC,IAAI,CAAC,CAAA;IAErB,CAAC,CAAA;IACD,OAAO,CACL,oBAAC,UAAU,kBACT,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,sBAAsB,EAAE,sBAAsB,EAC9C,oBAAoB,EAAE,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,EACjD,OAAO,EACL,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI;YAChB;gBACE,IAAI,EAAE,OAAO;gBACb,EAAE,EAAE,CAAC,CAAC;aACP;YACD;gBACE,IAAI,EAAE,MAAM;gBACZ,EAAE,EAAE,CAAC;aACN;YACD;gBACE,IAAI,EAAE,QAAQ;gBACd,EAAE,EAAE,CAAC;aACN;SACF,IAEC,IAAI,EACR,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAU;IAC1C,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,oBAAC,gBAAgB,IAAC,KAAK,EAAC,iBAAiB,EAAC,WAAW,EAAC,aAAa,GAAG;CACvF,CAAA;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAU;IAC3C,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,oBAAC,gBAAgB,IAAC,cAAc,EAAE,EAAE,GAAI;CACzD,CAAA"}

package/dist/components/DateRangePicker/index.d.ts

@@ -0,0 +1,19 @@
+import React, { HTMLAttributes } from 'react';
+export interface DateRangePickerProps extends HTMLAttributes<HTMLDivElement> {
+    isRange?: boolean;
+    placeholder?: string;
+    label?: string;
+    options?: {
+        text: string;
+        id: number;
+    }[];
+    selectedOption?: number | null;
+    readonly?: boolean;
+    disabled?: boolean;
+    onSelectedOptionChange?: (option: number | null) => void;
+    startCustomDate: Date | null;
+    endCustomDate: Date | null;
+    onSelectedCustomRange: (start: Date | null, end: Date | null) => void;
+}
+export declare const DateRangePicker: React.FC<DateRangePickerProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DateRangePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAwC,MAAM,OAAO,CAAA;AAcnF,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACxC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sBAAsB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxD,eAAe,EAAE,IAAI,GAAG,IAAI,CAAA;IAC5B,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;IAC1B,qBAAqB,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;CACtE;AAmCD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4K1D,CAAA"}

package/dist/components/DateRangePicker/index.js

@@ -0,0 +1,159 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { calendarSVG, chevronLeftSVG, chevronRightSVG } from '../../assets/icon';
+import { IconWrapper } from '../IconWrapper';
+import { Select } from '../Select';
+import { theme } from '../Themes';
+import { CalendarDay, CalendarDaySelectedBackground, CalendarDayValue, CalendarGrid, CalendarHeader, CalendarWeekDayLabel, } from './styles';
+const monthNames = [
+    'Janeiro',
+    'Fevereiro',
+    'Março',
+    'Abril',
+    'Maio',
+    'Junho',
+    'Julho',
+    'Agosto',
+    'Setembro',
+    'Outubro',
+    'Novembro',
+    'Dezembro',
+];
+const weekDays = ['DOM', 'SEG', 'TER', 'QUA', 'QUI', 'SEX', 'SAB'];
+export const DateRangePicker = (_a) => {
+    var _b, _c, _d;
+    var { label, options, selectedOption, onSelectedOptionChange, placeholder, onSelectedCustomRange, startCustomDate, endCustomDate, isRange } = _a, props = __rest(_a, ["label", "options", "selectedOption", "onSelectedOptionChange", "placeholder", "onSelectedCustomRange", "startCustomDate", "endCustomDate", "isRange"]);
+    const [currentYear, setCurrentYear] = useState(0);
+    const [currentMonth, setCurrentMonth] = useState(0);
+    const [currentMouseHoverDate, setCurrentMouseHoverDate] = useState(null);
+    const selectRef = useRef(null);
+    useEffect(() => {
+        const date = new Date();
+        setCurrentYear(date.getFullYear());
+        setCurrentMonth(date.getMonth());
+    }, []);
+    const days = [];
+    const changeMonth = (delta) => {
+        const newDate = new Date(currentYear, currentMonth + delta);
+        setCurrentYear(newDate.getFullYear());
+        setCurrentMonth(newDate.getMonth());
+    };
+    const onSelectedOptionChangeHandler = (option) => {
+        var _a;
+        if (onSelectedOptionChange) {
+            onSelectedOptionChange(option);
+            if (onSelectedCustomRange)
+                onSelectedCustomRange(null, null);
+            (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.setOpen(false);
+        }
+    };
+    const onDayClick = (date) => {
+        var _a, _b, _c;
+        if (onSelectedOptionChange)
+            onSelectedOptionChange(null);
+        if (!startCustomDate) {
+            onSelectedCustomRange && onSelectedCustomRange(date, null);
+            currentMouseHoverDate && setCurrentMouseHoverDate(date);
+            if (isRange === false)
+                (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.setOpen(false);
+        }
+        else if (!endCustomDate) {
+            let firstDate = startCustomDate;
+            let secondDate = date;
+            if (firstDate && secondDate && firstDate > secondDate) {
+                const temp = firstDate;
+                firstDate = secondDate;
+                secondDate = temp;
+            }
+            onSelectedCustomRange && onSelectedCustomRange(firstDate, secondDate);
+            (_b = selectRef.current) === null || _b === void 0 ? void 0 : _b.setOpen(false);
+        }
+        else {
+            if (isRange === false)
+                (_c = selectRef.current) === null || _c === void 0 ? void 0 : _c.setOpen(false);
+            onSelectedCustomRange && onSelectedCustomRange(date, null);
+            setCurrentMouseHoverDate(date);
+        }
+    };
+    const onMouseEnter = (date) => {
+        if (startCustomDate && !endCustomDate) {
+            setCurrentMouseHoverDate(date);
+        }
+    };
+    const onMouseLeave = (date) => { };
+    const day = new Date(currentYear, currentMonth, 1);
+    for (let i = 0; i < day.getDay(); i++) {
+        days.push({ type: 'empty', key: `before-${i}` });
+    }
+    const todayString = new Date().toDateString();
+    let firstDate = startCustomDate;
+    let secondDate = endCustomDate !== null && endCustomDate !== void 0 ? endCustomDate : currentMouseHoverDate;
+    if (firstDate && secondDate && firstDate > secondDate) {
+        const temp = firstDate;
+        firstDate = secondDate;
+        secondDate = temp;
+    }
+    while (day.getMonth() === currentMonth) {
+        const isSelected = (_b = (firstDate && secondDate && day >= firstDate && day <= secondDate)) !== null && _b !== void 0 ? _b : false;
+        days.push({
+            type: 'day',
+            value: day.getDate(),
+            today: day.toDateString() === todayString,
+            selected: isSelected,
+            date: new Date(day),
+            isFirstSelected: (_c = (firstDate && firstDate.toDateString() === day.toDateString())) !== null && _c !== void 0 ? _c : false,
+            isLastSelected: (_d = (secondDate && secondDate.toDateString() === day.toDateString())) !== null && _d !== void 0 ? _d : false,
+        });
+        day.setDate(day.getDate() + 1);
+    }
+    const value = useMemo(() => {
+        if (selectedOption !== null)
+            return '';
+        if (!firstDate && !secondDate)
+            return '';
+        if (firstDate && !secondDate)
+            return firstDate.toLocaleDateString();
+        if (secondDate && (firstDate === null || firstDate === void 0 ? void 0 : firstDate.toLocaleDateString()) === secondDate.toLocaleDateString())
+            return firstDate.toLocaleDateString();
+        if (firstDate && secondDate)
+            return `${firstDate.toLocaleDateString()} - ${secondDate.toLocaleDateString()}`;
+        return '';
+    }, [selectedOption, firstDate, secondDate]);
+    placeholder = placeholder !== null && placeholder !== void 0 ? placeholder : 'Selecione um período';
+    const { customOptionId, optionComputed } = useMemo(() => {
+        if (options && options.length > 0) {
+            const customOptionId = Math.max(...options.map(option => { var _a; return (_a = option.id) !== null && _a !== void 0 ? _a : 0; })) + 1;
+            const optionComputed = [...options, { text: 'Período Personalizado', id: customOptionId }];
+            return { customOptionId, optionComputed };
+        }
+        return { customOptionId: 0, optionComputed: [] };
+    }, [selectedOption, options]);
+    return (React.createElement(Select, Object.assign({ ref: selectRef, placeholder: placeholder, label: label, value: value, leftIcon: React.createElement(IconWrapper, { className: "icon", src: calendarSVG, width: "20px", height: "20px", color: theme.colors.shade30 }), options: optionComputed, selectedOption: selectedOption !== null && selectedOption !== void 0 ? selectedOption : (firstDate ? customOptionId : null), onOptionChange: onSelectedOptionChangeHandler }, props),
+        React.createElement(CalendarHeader, null,
+            React.createElement(IconWrapper, { className: "icon", src: chevronLeftSVG, width: "14px", onClick: () => changeMonth(-1) }),
+            monthNames[currentMonth],
+            " ",
+            currentYear,
+            React.createElement(IconWrapper, { className: "icon", src: chevronRightSVG, width: "14px", onClick: () => changeMonth(1) })),
+        React.createElement(CalendarGrid, null,
+            weekDays.map(weekDay => (React.createElement(CalendarWeekDayLabel, { key: weekDay }, weekDay))),
+            days.map(day => {
+                if (day.type === 'empty') {
+                    return React.createElement("div", { key: day.key });
+                }
+                return (React.createElement(CalendarDay, { isFirstSelected: day.isFirstSelected, isLastSelected: day.isLastSelected, key: day.value, today: day.today, onClick: () => onDayClick(day.date), onMouseEnter: () => onMouseEnter(day.date), onMouseLeave: () => onMouseLeave(day.date) },
+                    React.createElement(CalendarDaySelectedBackground, { isFirstSelected: day.isFirstSelected, isLastSelected: day.isLastSelected, selected: day.selected, today: day.today }),
+                    React.createElement(CalendarDayValue, null, day.value)));
+            }))));
+};
+//# sourceMappingURL=index.js.map

package/dist/components/DateRangePicker/index.js.map

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

package/dist/components/DateRangePicker/stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DateRangePicker } from './index';
+declare const meta: Meta<typeof DateRangePicker>;
+export default meta;
+type Story = StoryObj<typeof DateRangePicker>;
+export declare const SelecionarIntervaloDeDatas: Story;
+export declare const SelecionarIntervaloDeDatasSimples: Story;
+//# sourceMappingURL=stories.d.ts.map

package/dist/components/DateRangePicker/stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,OAAO,EAAE,eAAe,EAAwB,MAAM,SAAS,CAAA;AAE/D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAeC,CAAA;AAExC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAA;AAsC7C,eAAO,MAAM,0BAA0B,EAAE,KAExC,CAAA;AAED,eAAO,MAAM,iCAAiC,EAAE,KAE/C,CAAA"}

package/dist/components/DateRangePicker/stories.js

@@ -0,0 +1,60 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { DateRangePicker } from './index';
+const meta = {
+    title: 'Components/DateRangePicker',
+    component: DateRangePicker,
+    tags: ['autodocs'],
+    argTypes: {
+        placeholder: { control: 'text' },
+        label: { control: 'text' },
+        readonly: { control: 'boolean' },
+        disabled: { control: 'boolean' },
+        selectedOption: { control: 'number' },
+        startCustomDate: { control: 'date' },
+        endCustomDate: { control: 'date' },
+        onSelectedOptionChange: { action: 'selectedOptionChange' },
+        onSelectedCustomRange: { action: 'selectedCustomRange' },
+    },
+};
+export default meta;
+const ComponentWrapper = (_a) => {
+    var { options } = _a, args = __rest(_a, ["options"]);
+    const [selectedOption, setSelectOption] = React.useState(null);
+    const [startDate, setStartDate] = React.useState(null);
+    const [endDate, setEndDate] = React.useState(null);
+    return (React.createElement(DateRangePicker, Object.assign({}, args, { selectedOption: selectedOption, startCustomDate: startDate, endCustomDate: endDate, onSelectedCustomRange: (start, end) => {
+            setStartDate(start);
+            setEndDate(end);
+        }, onSelectedOptionChange: option => setSelectOption(option), options: options !== null && options !== void 0 ? options : [
+            {
+                text: 'Últimos 30 dias',
+                id: 30,
+            },
+            {
+                text: 'Últimos 60 dias',
+                id: 60,
+            },
+            {
+                text: 'Últimos 90 dias',
+                id: 90,
+            },
+        ] })));
+};
+export const SelecionarIntervaloDeDatas = {
+    render: args => React.createElement(ComponentWrapper, { label: "Per\u00EDodo da Disputa", placeholder: "Placeholder" }),
+};
+export const SelecionarIntervaloDeDatasSimples = {
+    render: args => React.createElement(ComponentWrapper, { options: [] }),
+};
+//# sourceMappingURL=stories.js.map

package/dist/components/DateRangePicker/stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/DateRangePicker/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAwB,MAAM,SAAS,CAAA;AAE/D,MAAM,IAAI,GAAiC;IACzC,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,eAAe;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,cAAc,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACrC,eAAe,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACpC,aAAa,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAClC,sBAAsB,EAAE,EAAE,MAAM,EAAE,sBAAsB,EAAE;QAC1D,qBAAqB,EAAE,EAAE,MAAM,EAAE,qBAAqB,EAAE;KACzD;CACqC,CAAA;AAExC,eAAe,IAAI,CAAA;AAGnB,MAAM,gBAAgB,GAAG,CAAC,EAAmD,EAAE,EAAE;QAAvD,EAAE,OAAO,OAA0C,EAArC,IAAI,cAAlB,WAAoB,CAAF;IAC1C,MAAM,CAAC,cAAc,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAC7E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,IAAI,CAAC,CAAA;IACnE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,IAAI,CAAC,CAAA;IAE/D,OAAO,CACL,oBAAC,eAAe,oBACV,IAAI,IACR,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,SAAS,EAC1B,aAAa,EAAE,OAAO,EACtB,qBAAqB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;YACpC,YAAY,CAAC,KAAK,CAAC,CAAA;YACnB,UAAU,CAAC,GAAG,CAAC,CAAA;QACjB,CAAC,EACD,sBAAsB,EAAE,MAAM,CAAC,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,EACzD,OAAO,EACL,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI;YACT;gBACE,IAAI,EAAE,iBAAiB;gBACvB,EAAE,EAAE,EAAE;aACP;YACD;gBACE,IAAI,EAAE,iBAAiB;gBACvB,EAAE,EAAE,EAAE;aACP;YACD;gBACE,IAAI,EAAE,iBAAiB;gBACvB,EAAE,EAAE,EAAE;aACP;SACF,IAEH,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAU;IAC/C,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,oBAAC,gBAAgB,IAAC,KAAK,EAAC,yBAAoB,EAAC,WAAW,EAAC,aAAa,GAAG;CAC1F,CAAA;AAED,MAAM,CAAC,MAAM,iCAAiC,GAAU;IACtD,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,oBAAC,gBAAgB,IAAC,OAAO,EAAE,EAAE,GAAI;CAClD,CAAA"}

package/dist/components/DateRangePicker/styles.d.ts

@@ -0,0 +1,18 @@
+export declare const CalendarGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CalendarWeekDayLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CalendarHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export interface CalendarDayProps {
+    today: boolean;
+    isFirstSelected: boolean;
+    isLastSelected: boolean;
+}
+export declare const CalendarDay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CalendarDayProps>> & string;
+export interface CalendarDaySelectedBackgroundProps {
+    today: boolean;
+    isFirstSelected: boolean;
+    isLastSelected: boolean;
+    selected: boolean;
+}
+export declare const CalendarDaySelectedBackground: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CalendarDaySelectedBackgroundProps>> & string;
+export declare const CalendarDayValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/DateRangePicker/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,6NAYxB,CAAA;AAED,eAAO,MAAM,oBAAoB,6NAKhC,CAAA;AAED,eAAO,MAAM,cAAc,6NAyB1B,CAAA;AACD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,cAAc,EAAE,OAAO,CAAA;CACxB;AAED,eAAO,MAAM,WAAW,qPAmBvB,CAAA;AAED,MAAM,WAAW,kCAAkC;IACjD,KAAK,EAAE,OAAO,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,cAAc,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;CAClB;AACD,eAAO,MAAM,6BAA6B,uQAiCzC,CAAA;AACD,eAAO,MAAM,gBAAgB,6NAO5B,CAAA"}

package/dist/components/DateRangePicker/styles.js

@@ -0,0 +1,114 @@
+import styled from 'styled-components';
+import { theme } from '../Themes';
+export const CalendarGrid = styled.div `
+  display: grid;
+  font-family: 'Nunito Sans', sans-serif;
+  grid-template-columns: repeat(7, 36px);
+  align-items: center;
+  justify-items: center;
+  grid-column-gap: 0px;
+  grid-row-gap: 0px;
+  height: 100%;
+  width: 100%;
+  font-size: ${theme.paragraph.small};
+  color: ${theme.colors.shade50};
+`;
+export const CalendarWeekDayLabel = styled.div `
+  font-size: ${theme.paragraph['xx-small']};
+  color: ${theme.colors.shade30};
+  font-weight: 600;
+  margin-bottom: 4px;
+`;
+export const CalendarHeader = styled.div `
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: ${theme.paragraph.small};
+  font-family: 'Nunito Sans', sans-serif;
+  font-weight: 600;
+
+  .icon,
+  .icon svg,
+  .icon svg path {
+    fill: ${theme.colors.shade50} !important;
+  }
+
+  .icon:hover,
+  .icon:hover svg,
+  .icon:hover svg path {
+    fill: ${theme.colors.cyan30} !important;
+  }
+
+  .icon-disabled,
+  .icon-disabled svg,
+  .icon-disabled svg path {
+    fill: ${theme.colors.shade20} !important;
+  }
+`;
+export const CalendarDay = styled.div `
+  position: relative;
+  cursor: pointer;
+  width: 36px;
+  height: 36px;
+  box-sizing: border-box;
+  color: ${({ isFirstSelected, isLastSelected }) => isFirstSelected || isLastSelected ? theme.colors.white : theme.colors.shade50};
+
+  &:before {
+    position: absolute;
+    content: '';
+    inset: 0;
+    border-radius: 50%;
+    pointer-events: none;
+
+    ${({ today, isFirstSelected, isLastSelected }) => today && !(isFirstSelected || isLastSelected) ? `border: 1px solid ${theme.colors.cyan40}` : ''};
+  }
+`;
+export const CalendarDaySelectedBackground = styled.div `
+  position: absolute;
+  background-color: ${({ selected }) => selected && theme.colors.cyan30opacity16};
+  width: 100%;
+  height: 100%;
+  inset: 0;
+
+  border-radius: ${({ isFirstSelected, isLastSelected }) => {
+    if (isFirstSelected && isLastSelected)
+        return '50%';
+    if (isFirstSelected)
+        return '50% 0 0 50%';
+    if (isLastSelected)
+        return '0 50% 50% 0';
+    return '0';
+}};
+
+  &:hover {
+    border-radius: ${({ isFirstSelected, isLastSelected, selected }) => {
+    if (isFirstSelected && isLastSelected)
+        return '50%';
+    if (isFirstSelected)
+        return '50% 0 0 50%';
+    if (isLastSelected)
+        return '0 50% 50% 0';
+    if (selected)
+        return '0';
+    return '50%';
+}};
+    background-color: ${theme.colors.cyan30opacity16};
+  }
+
+  &::before {
+    content: '';
+    border-radius: 50%;
+    background-color: ${({ isFirstSelected, isLastSelected }) => isFirstSelected || isLastSelected ? theme.colors.cyan40 : 'transparent'};
+    position: absolute;
+    inset: 0;
+  }
+`;
+export const CalendarDayValue = styled.div `
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+`;
+//# sourceMappingURL=styles.js.map