@arthurzakharov/ui-kit 1.0.3 → 1.0.6

package/dist/components/control/components/dropdown/dropdown.types.d.ts

@@ -0,0 +1,14 @@
+import { QuestionChoice } from '../../types';
+export interface DropdownProps {
+    choices: QuestionChoice[];
+    value: QuestionChoice[];
+    label?: string;
+    placeholder?: string;
+    noResult?: string;
+    isSearchHidden?: boolean;
+    multiple?: boolean;
+    closeButton?: string;
+    onChange: (values: QuestionChoice[]) => void;
+    onOpen?: (height: number, width: number) => void;
+    onClose?: () => void;
+}

package/dist/components/control/components/dropdown/dropdown.types.js

@@ -0,0 +1 @@
+

package/dist/components/control/components/dropdown/index.d.ts

@@ -0,0 +1 @@
+export { Dropdown } from './dropdown.component';

package/dist/components/control/components/dropdown/index.js

@@ -0,0 +1,4 @@
+import { D as p } from "../../../../index-DtupH5zG.js";
+export {
+  p as Dropdown
+};

package/dist/components/control/components/hidden-input/hidden-input.component.d.ts

@@ -0,0 +1,2 @@
+import { HiddenInputProps } from './hidden-input.types';
+export declare const HiddenInput: (props: HiddenInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/control/components/hidden-input/hidden-input.component.js

@@ -0,0 +1,26 @@
+import { jsx as o } from "react/jsx-runtime";
+import '../../../../assets/hidden-input-DHJQHUKd.css';const c = "_HiddenInput_bej3d_1", l = {
+  HiddenInput: c
+}, f = (a) => {
+  const { type: i, id: u, name: p, value: r, disabled: n = !1, checked: s, onChange: t } = a;
+  return /* @__PURE__ */ o(
+    "input",
+    {
+      "data-testid": "hidden-input",
+      type: i,
+      id: u,
+      name: p,
+      value: r,
+      checked: s,
+      disabled: n,
+      className: l.HiddenInput,
+      onChange: (e) => {
+        var d;
+        n || (e.preventDefault(), (d = e.nativeEvent) != null && d.pageX || e.nativeEvent.pageY ? (e.currentTarget.blur(), t(e, "mouse")) : t(e, "keyboard"));
+      }
+    }
+  );
+};
+export {
+  f as HiddenInput
+};

package/dist/components/control/components/hidden-input/hidden-input.types.d.ts

@@ -0,0 +1,11 @@
+import { ChangeEvent } from 'react';
+import { InputChangeSource } from '../../types';
+export interface HiddenInputProps {
+    id: string;
+    value: string;
+    name: string;
+    type: 'radio' | 'checkbox';
+    checked: boolean;
+    disabled?: boolean;
+    onChange: (e: ChangeEvent<HTMLInputElement>, source?: InputChangeSource) => void;
+}

package/dist/components/control/components/hidden-input/hidden-input.types.js

@@ -0,0 +1 @@
+

package/dist/components/control/components/hidden-input/index.d.ts

@@ -0,0 +1 @@
+export { HiddenInput } from './hidden-input.component';

package/dist/components/control/components/hidden-input/index.js

@@ -0,0 +1,4 @@
+import { HiddenInput as n } from "./hidden-input.component.js";
+export {
+  n as HiddenInput
+};

package/dist/components/control/components/input/index.d.ts

@@ -0,0 +1 @@
+export { Input } from './input.component';

package/dist/components/control/components/input/index.js

@@ -0,0 +1,4 @@
+import { Input as r } from "./input.component.js";
+export {
+  r as Input
+};

package/dist/components/control/components/input/input.component.d.ts

@@ -0,0 +1,2 @@
+import { InputProps } from './input.types';
+export declare const Input: ({ id, value, disabled, type, onAutofill, onAutofillCancel, onChange, onFocus, onBlur, }: InputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/control/components/input/input.component.js

@@ -0,0 +1,36 @@
+import { jsx as I } from "react/jsx-runtime";
+import '../../../../assets/input-DTN-3ZET.css';const i = "_Input_1vr20_1", p = {
+  Input: i,
+  "autofill-start": "_autofill-start_1vr20_1",
+  "autofill-cancel": "_autofill-cancel_1vr20_1"
+}, v = ({
+  id: a,
+  value: r,
+  disabled: _ = !1,
+  type: c = "text",
+  onAutofill: l,
+  onAutofillCancel: e,
+  onChange: s,
+  onFocus: n,
+  onBlur: m
+}) => /* @__PURE__ */ I(
+  "input",
+  {
+    "data-testid": "input",
+    disabled: _,
+    type: c,
+    id: a,
+    name: a,
+    value: r,
+    className: p.Input,
+    onChange: (t) => s(t.target.value, a, "keyboard"),
+    onAnimationStart: (t) => {
+      t.animationName === p["autofill-start"] && (l == null || l.call(null, a)), t.animationName === p["autofill-cancel"] && (e == null || e.call(null, a));
+    },
+    onFocus: () => n == null ? void 0 : n.call(null, a),
+    onBlur: () => m == null ? void 0 : m.call(null, a)
+  }
+);
+export {
+  v as Input
+};

package/dist/components/control/components/input/input.types.d.ts

@@ -0,0 +1,7 @@
+import { HTMLInputTypeAttribute } from 'react';
+import { Interactive } from '../../types';
+export interface InputProps extends Interactive<string> {
+    type?: HTMLInputTypeAttribute;
+    onAutofill?: (id: string) => void;
+    onAutofillCancel?: (id: string) => void;
+}

package/dist/components/control/components/input/input.types.js

@@ -0,0 +1 @@
+

package/dist/components/control/components/label/index.d.ts

@@ -0,0 +1 @@
+export { Label } from './label.component';

package/dist/components/control/components/label/index.js

@@ -0,0 +1,4 @@
+import { Label as r } from "./label.component.js";
+export {
+  r as Label
+};

package/dist/components/control/components/label/label.component.d.ts

@@ -0,0 +1,2 @@
+import { LabelProps } from './label.types';
+export declare const Label: (props: LabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/control/components/label/label.component.js

@@ -0,0 +1,28 @@
+import { jsx as i } from "react/jsx-runtime";
+import s from "clsx";
+import '../../../../assets/label-DF2VBeUr.css';const c = "_Label_3yaik_1", b = "_LabelPositionIdle_3yaik_6", L = "_LabelPositionActive_3yaik_11", r = "_LabelStateIdle_3yaik_16", n = "_LabelStateError_3yaik_20", _ = "_LabelStateSuccess_3yaik_24", e = {
+  Label: c,
+  LabelPositionIdle: b,
+  LabelPositionActive: L,
+  LabelStateIdle: r,
+  LabelStateError: n,
+  LabelStateSuccess: _
+}, I = (l) => {
+  const { children: o, position: a = "idle", state: t = "idle" } = l;
+  return /* @__PURE__ */ i(
+    "span",
+    {
+      className: s(e.Label, {
+        [e.LabelPositionIdle]: a === "idle",
+        [e.LabelPositionActive]: a === "active",
+        [e.LabelStateIdle]: t === "idle",
+        [e.LabelStateError]: t === "error",
+        [e.LabelStateSuccess]: t === "success"
+      }),
+      children: o
+    }
+  );
+};
+export {
+  I as Label
+};

package/dist/components/control/components/label/label.types.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+import { State } from '../../types';
+type LabelPosition = 'idle' | 'active';
+export interface LabelProps extends PropsWithChildren {
+    state?: State;
+    position?: LabelPosition;
+}
+export {};

package/dist/components/control/components/label/label.types.js

@@ -0,0 +1 @@
+

package/dist/components/control/components/radio/index.d.ts

@@ -0,0 +1 @@
+export { Radio } from './radio.component';

package/dist/components/control/components/radio/index.js

@@ -0,0 +1,4 @@
+import { R as r } from "../../../../index-DtupH5zG.js";
+export {
+  r as Radio
+};

package/dist/components/control/components/radio/radio.component.d.ts

@@ -0,0 +1,2 @@
+import { RadioProps } from './radio.types';
+export declare const Radio: (props: RadioProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/control/components/radio/radio.component.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "clsx";
+import { R as t } from "../../../../index-DtupH5zG.js";
+import "../../utils/utils.js";
+export {
+  t as Radio
+};

package/dist/components/control/components/radio/radio.types.d.ts

@@ -0,0 +1,6 @@
+import { Interactive, RadioChoice, State } from '../../types';
+export interface RadioProps extends Interactive<string> {
+    orientation: 'horizontal' | 'vertical';
+    choices: RadioChoice[];
+    state?: State;
+}

package/dist/components/control/components/radio/radio.types.js

@@ -0,0 +1 @@
+

package/dist/components/control/components/radio-label/index.d.ts

@@ -0,0 +1 @@
+export { RadioLabel } from './radio-label.component';

package/dist/components/control/components/radio-label/index.js

@@ -0,0 +1,4 @@
+import { RadioLabel as e } from "./radio-label.component.js";
+export {
+  e as RadioLabel
+};

package/dist/components/control/components/radio-label/radio-label.component.d.ts

@@ -0,0 +1,3 @@
+import { ChoiceValue } from '../../types';
+import { RadioLabelProps } from './radio-label.types';
+export declare const RadioLabel: <T extends ChoiceValue>(props: RadioLabelProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/control/components/radio-label/radio-label.component.js

@@ -0,0 +1,37 @@
+import { jsx as h } from "react/jsx-runtime";
+import { useToggle as l } from "usehooks-ts";
+import '../../../../assets/radio-label-Bd5UiESO.css';const v = "_RadioLabel_1xgor_1", b = {
+  RadioLabel: v
+}, L = (a) => {
+  const { children: t, id: c, value: e, choice: o, choices: i = [], state: d = "idle" } = a, [n, r] = l(!1), [u, s] = l(!1);
+  return /* @__PURE__ */ h(
+    "label",
+    {
+      "data-testid": "radio-label",
+      htmlFor: c,
+      className: b.RadioLabel,
+      onFocus: () => r(),
+      onBlur: () => r(),
+      onMouseEnter: () => s(),
+      onMouseLeave: () => s(),
+      children: t({
+        focused: n,
+        hovered: u,
+        checked: typeof e == "string" ? e === o.value : e.includes(o.value),
+        state: (() => {
+          switch (d) {
+            case "success":
+              return "idle";
+            case "error":
+              return i.some((g) => g.value === e) ? e === o.value ? "error" : "idle" : "error";
+            case "idle":
+              return "idle";
+          }
+        })()
+      })
+    }
+  );
+};
+export {
+  L as RadioLabel
+};

package/dist/components/control/components/radio-label/radio-label.types.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { RadioChoice, ChoiceValue, State } from '../../types';
+interface RadioLabelChild {
+    focused: boolean;
+    hovered: boolean;
+    checked: boolean;
+    state?: State;
+}
+export interface RadioLabelProps<T extends ChoiceValue> {
+    id: string;
+    value: T;
+    choice: RadioChoice;
+    choices?: RadioChoice[];
+    state?: State;
+    children: (props: RadioLabelChild) => ReactNode;
+}
+export {};

package/dist/components/control/components/radio-label/radio-label.types.js

@@ -0,0 +1 @@
+

package/dist/components/control/components/radio-text/index.d.ts

@@ -0,0 +1 @@
+export { RadioText } from './radio-text.component';

package/dist/components/control/components/radio-text/index.js

@@ -0,0 +1,4 @@
+import { RadioText as r } from "./radio-text.component.js";
+export {
+  r as RadioText
+};

package/dist/components/control/components/radio-text/radio-text.component.d.ts

@@ -0,0 +1,2 @@
+import { RadioTextProps } from './radio-text.types';
+export declare const RadioText: (props: RadioTextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/control/components/radio-text/radio-text.component.js

@@ -0,0 +1,33 @@
+import { jsx as o } from "react/jsx-runtime";
+import x from "clsx";
+import '../../../../assets/radio-text-DAsITkgm.css';const T = "_RadioText_8gt23_1", R = "_RadioTextSizeMd_8gt23_8", c = "_RadioTextSizeLg_8gt23_13", s = "_RadioTextOneLine_8gt23_18", _ = "_RadioTextContent_8gt23_19", e = {
+  RadioText: T,
+  RadioTextSizeMd: R,
+  RadioTextSizeLg: c,
+  RadioTextOneLine: s,
+  RadioTextContent: _
+}, L = (d) => {
+  const { children: t, size: i, checked: n, oneLine: a = !1 } = d;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: x(e.RadioText, {
+        [e.RadioTextSizeMd]: i === "md",
+        [e.RadioTextSizeLg]: i === "lg",
+        [e.RadioTextOneLine]: a
+      }),
+      children: /* @__PURE__ */ o(
+        "span",
+        {
+          "data-text": t,
+          "data-checked": n,
+          className: e.RadioTextContent,
+          dangerouslySetInnerHTML: { __html: t }
+        }
+      )
+    }
+  );
+};
+export {
+  L as RadioText
+};

package/dist/components/control/components/radio-text/radio-text.types.d.ts

@@ -0,0 +1,6 @@
+export interface RadioTextProps {
+    children: string;
+    size: 'md' | 'lg';
+    checked: boolean;
+    oneLine?: boolean;
+}

package/dist/components/control/components/radio-text/radio-text.types.js

@@ -0,0 +1 @@
+

package/dist/components/control/components/text/index.d.ts

@@ -0,0 +1 @@
+export { Text } from './text.component';

package/dist/components/control/components/text/index.js

@@ -0,0 +1,4 @@
+import { a as o } from "../../../../index-DtupH5zG.js";
+export {
+  o as Text
+};

package/dist/components/control/components/text/text.component.d.ts

@@ -0,0 +1,2 @@
+import { TextProps } from './text.types';
+export declare const Text: (props: TextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/control/components/text/text.component.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "clsx";
+import "usehooks-ts";
+import { a as i } from "../../../../index-DtupH5zG.js";
+export {
+  i as Text
+};

package/dist/components/control/components/text/text.types.d.ts

@@ -0,0 +1,6 @@
+import { InputProps } from '../input/input.types';
+import { State } from '../../types';
+export interface TextProps extends InputProps {
+    label: string;
+    state?: State;
+}

package/dist/components/control/components/text/text.types.js

@@ -0,0 +1 @@
+

package/dist/components/control/components/textarea/index.d.ts

@@ -0,0 +1 @@
+export { Textarea } from './textarea.component';

package/dist/components/control/components/textarea/index.js

@@ -0,0 +1,4 @@
+import { T as r } from "../../../../index-DtupH5zG.js";
+export {
+  r as Textarea
+};

package/dist/components/control/components/textarea/textarea.component.d.ts

@@ -0,0 +1,2 @@
+import { TextareaProps } from './textarea.types';
+export declare const Textarea: (props: TextareaProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/control/components/textarea/textarea.component.js

@@ -0,0 +1,6 @@
+import "react/jsx-runtime";
+import "usehooks-ts";
+import { T as e } from "../../../../index-DtupH5zG.js";
+export {
+  e as Textarea
+};

package/dist/components/control/components/textarea/textarea.types.d.ts

@@ -0,0 +1,8 @@
+import { Interactive, State } from '../../types';
+export interface TextareaProps extends Interactive<string> {
+    state?: State;
+    placeholder?: string;
+    rows?: number;
+    onAutofill?: (id: string) => void;
+    onAutofillCancel?: (id: string) => void;
+}

package/dist/components/control/components/textarea/textarea.types.js

@@ -0,0 +1 @@
+

package/dist/components/control/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useChoice } from './useChoice';

package/dist/components/control/hooks/index.js

@@ -0,0 +1,4 @@
+import { useChoice as r } from "./useChoice/useChoice.hook.js";
+export {
+  r as useChoice
+};

package/dist/components/control/hooks/useChoice/index.d.ts

@@ -0,0 +1 @@
+export { useChoice } from './useChoice.hook';

package/dist/components/control/hooks/useChoice/index.js

@@ -0,0 +1,4 @@
+import { useChoice as r } from "./useChoice.hook.js";
+export {
+  r as useChoice
+};

package/dist/components/control/hooks/useChoice/useChoice.hook.d.ts

@@ -0,0 +1,5 @@
+import { ChoiceType, ChoiceValue, InputChangeSource, Interactive } from '../../types';
+export declare const useChoice: (value: ChoiceValue, id: string, cb: Interactive<ChoiceValue>["onChange"]) => {
+    type: ChoiceType;
+    onChoiceChange: (newValue: string, source?: InputChangeSource) => void;
+};

package/dist/components/control/hooks/useChoice/useChoice.hook.js

@@ -0,0 +1,9 @@
+const s = (o, i, e) => ({
+  type: typeof o == "string" ? "radio" : "checkbox",
+  onChoiceChange: (t, r) => {
+    e(typeof o == "string" ? t : o.includes(t) ? o.filter((n) => n !== t).filter(Boolean) : [...o, t].filter(Boolean), i, r);
+  }
+});
+export {
+  s as useChoice
+};

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

@@ -0,0 +1,17 @@
+export declare const Control: {
+    Box: import('react').ForwardRefExoticComponent<import('./components/box/box.types').BoxProps & import('react').RefAttributes<HTMLDivElement>>;
+    Button: (props: import('./components/button/button.types').ButtonProps) => import("react/jsx-runtime").JSX.Element;
+    CardImage: (props: import('./components/card-image/card-image.types').CardImageProps) => import("react/jsx-runtime").JSX.Element;
+    CardText: (props: import('./components/card-text/card-text.types').CardTextProps) => import("react/jsx-runtime").JSX.Element;
+    Checkbox: (props: import('./components/checkbox/checkbox.types').CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+    Choice: (props: import('./components/choice/choice.types').ChoiceProps) => import("react/jsx-runtime").JSX.Element;
+    Dropdown: (props: import('./components/dropdown/dropdown.types').DropdownProps) => import("react/jsx-runtime").JSX.Element;
+    HiddenInput: (props: import('./components/hidden-input/hidden-input.types').HiddenInputProps) => import("react/jsx-runtime").JSX.Element;
+    Input: ({ id, value, disabled, type, onAutofill, onAutofillCancel, onChange, onFocus, onBlur, }: import('./components/input/input.types').InputProps) => import("react/jsx-runtime").JSX.Element;
+    Label: (props: import('./components/label/label.types').LabelProps) => import("react/jsx-runtime").JSX.Element;
+    Radio: (props: import('./components/radio/radio.types').RadioProps) => import("react/jsx-runtime").JSX.Element;
+    RadioLabel: <T extends import('./types').ChoiceValue>(props: import('./components/radio-label/radio-label.types').RadioLabelProps<T>) => import("react/jsx-runtime").JSX.Element;
+    RadioText: (props: import('./components/radio-text/radio-text.types').RadioTextProps) => import("react/jsx-runtime").JSX.Element;
+    Text: (props: import('./components/text/text.types').TextProps) => import("react/jsx-runtime").JSX.Element;
+    Textarea: (props: import('./components/textarea/textarea.types').TextareaProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/control/index.js

@@ -0,0 +1,12 @@
+import "./components/box/box.component.js";
+import "./components/button/button.component.js";
+import { d as l } from "../../index-DtupH5zG.js";
+import "./components/choice/choice.component.js";
+import "./components/hidden-input/hidden-input.component.js";
+import "./components/input/input.component.js";
+import "./components/label/label.component.js";
+import "./components/radio-label/radio-label.component.js";
+import "./components/radio-text/radio-text.component.js";
+export {
+  l as Control
+};

package/dist/components/control/types.d.ts

@@ -0,0 +1,35 @@
+export type InputChangeSource = 'mouse' | 'keyboard';
+export interface Interactive<V> {
+    id: string;
+    value: V;
+    disabled?: boolean;
+    onChange: (value: V, id: string, source?: InputChangeSource) => void;
+    onFocus?: (id: string) => void;
+    onBlur?: (id: string) => void;
+}
+export type RadioChoice = {
+    label: string;
+    value: string;
+    icon?: string;
+};
+export type ChoiceType = 'radio' | 'checkbox';
+export type ChoiceValue = string | string[];
+export type State = 'idle' | 'error' | 'success';
+export type QuestionPath = string[];
+export type QuestionChoice = {
+    value: string;
+    label: string;
+    icon?: string;
+    /**
+     * - string[] - array of question keys, that defines future path;
+     * - string - valid url that would be used for redirect;
+     */
+    path?: QuestionPath | string;
+    info?: string;
+    isPreselected?: boolean;
+    isDefault?: boolean;
+};
+export type Size = {
+    width: number;
+    height: number;
+};

package/dist/components/control/types.js

@@ -0,0 +1 @@
+

package/dist/components/control/utils/index.d.ts

@@ -0,0 +1 @@
+export { getChoiceId, containsHtml, clickHasNode } from './utils';

package/dist/components/control/utils/index.js

@@ -0,0 +1,6 @@
+import { clickHasNode as e, containsHtml as t, getChoiceId as i } from "./utils.js";
+export {
+  e as clickHasNode,
+  t as containsHtml,
+  i as getChoiceId
+};

package/dist/components/control/utils/utils.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from 'react';
+export declare const getChoiceId: (id: string, value: string, index: number) => string;
+export declare const containsHtml: (str?: string) => boolean;
+export declare const clickHasNode: (event: MouseEvent | TouchEvent | FocusEvent, element: RefObject<HTMLElement>) => boolean;

package/dist/components/control/utils/utils.js

@@ -0,0 +1,6 @@
+const c = (t, n, r) => [t, r, n.replace(/\s+/g, "-")].join("-"), e = (t) => /<([a-z][a-z0-9]*)\b[^>]*>(.*?)<\/\1>|<([a-z][a-z0-9]*)\b[^>]*\/?>/i.test(t || ""), o = (t, n) => !!(n.current && n.current.contains(t.target));
+export {
+  o as clickHasNode,
+  e as containsHtml,
+  c as getChoiceId
+};

package/dist/enums.d.ts

@@ -0,0 +1,14 @@
+export declare enum MONTH {
+    JANUARY = 0,
+    FEBRUARY = 1,
+    MARCH = 2,
+    APRIL = 3,
+    MAY = 4,
+    JUNE = 5,
+    JULY = 6,
+    AUGUST = 7,
+    SEPTEMBER = 8,
+    OCTOBER = 9,
+    NOVEMBER = 10,
+    DECEMBER = 11
+}

package/dist/enums.js

@@ -0,0 +1,4 @@
+var R = /* @__PURE__ */ ((E) => (E[E.JANUARY = 0] = "JANUARY", E[E.FEBRUARY = 1] = "FEBRUARY", E[E.MARCH = 2] = "MARCH", E[E.APRIL = 3] = "APRIL", E[E.MAY = 4] = "MAY", E[E.JUNE = 5] = "JUNE", E[E.JULY = 6] = "JULY", E[E.AUGUST = 7] = "AUGUST", E[E.SEPTEMBER = 8] = "SEPTEMBER", E[E.OCTOBER = 9] = "OCTOBER", E[E.NOVEMBER = 10] = "NOVEMBER", E[E.DECEMBER = 11] = "DECEMBER", E))(R || {});
+export {
+  R as MONTH
+};