nectiasw 0.0.190 → 0.0.191

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.
@@ -6,5 +6,8 @@ interface ButtonProps {
6
6
  onClick: () => void;
7
7
  }
8
8
  export declare const WeekdayButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonProps>> & string;
9
- export declare const ButtonBar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
9
+ interface ButtonBarProps {
10
+ isMobile?: boolean;
11
+ }
12
+ export declare const ButtonBar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ButtonBarProps>> & string;
10
13
  export {};
@@ -11,4 +11,5 @@ export interface WeekdayBarProps {
11
11
  hoverColor?: string;
12
12
  isActive?: boolean;
13
13
  setActiveDays: (activeDays: number[]) => void;
14
+ isMobile?: boolean;
14
15
  }
package/dist/index.es.js CHANGED
@@ -44032,40 +44032,41 @@ const d_ = 2, _i = {
44032
44032
  background-color: ${({ hoverColor: e }) => e};
44033
44033
  }
44034
44034
  `, ase = ge.div`
44035
- display: flex;
44035
+ display: ${({ isMobile: e }) => e ? "" : "flex"};
44036
44036
  flex-direction: row;
44037
44037
  justify-content: space-around;
44038
44038
  `, Yfe = ({
44039
44039
  days: e,
44040
- activeDays: n,
44041
- activeColor: t,
44042
- setActiveDays: r
44040
+ isMobile: n,
44041
+ activeDays: t,
44042
+ activeColor: r,
44043
+ setActiveDays: i
44043
44044
  }) => {
44044
- const i = H.useCallback(
44045
- (a) => {
44046
- if (n.includes(a)) {
44047
- const l = n.filter((c) => c !== a);
44048
- return r(l);
44049
- }
44050
- const s = [...n, a];
44051
- r(s);
44045
+ const o = H.useCallback(
44046
+ (s) => {
44047
+ if (t.includes(s)) {
44048
+ const c = t.filter((d) => d !== s);
44049
+ return i(c);
44050
+ }
44051
+ const l = [...t, s];
44052
+ i(l);
44052
44053
  },
44053
- [n, r]
44054
- ), o = H.useCallback(
44055
- (a) => n.includes(a),
44056
- [n]
44054
+ [t, i]
44055
+ ), a = H.useCallback(
44056
+ (s) => t.includes(s),
44057
+ [t]
44057
44058
  );
44058
- return /* @__PURE__ */ B(ase, { children: e.map((a) => /* @__PURE__ */ B(
44059
+ return /* @__PURE__ */ B(ase, { isMobile: n, children: e.map((s) => /* @__PURE__ */ B(
44059
44060
  ose,
44060
44061
  {
44061
- color: a.color,
44062
- hoverColor: a.hoverColor,
44063
- activeColor: t,
44064
- isActive: o(a.id),
44065
- onClick: () => i(a.id),
44066
- children: a.name
44062
+ color: s.color,
44063
+ hoverColor: s.hoverColor,
44064
+ activeColor: r,
44065
+ isActive: a(s.id),
44066
+ onClick: () => o(s.id),
44067
+ children: s.name
44067
44068
  },
44068
- a.id
44069
+ s.id
44069
44070
  )) });
44070
44071
  }, sb = ({
44071
44072
  title: e,