pentatrion-design 1.2.8 → 1.2.9

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 (7) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/components/fields/checkbox/index.d.mts +2 -1
  3. package/dist/components/fields/checkbox/index.d.mts.map +1 -1
  4. package/dist/components/fields/checkbox/index.mjs +49 -43
  5. package/dist/components/fields/checkbox/index.mjs.map +1 -1
  6. package/package.json +1 -1
  7. package/src/components/fields/checkbox/Checkbox.tsx +4 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## 1.2.9
2
+
3
+ ### Patch Changes
4
+
5
+ - dabacb0: add shape for checkbox
6
+
1
7
  ## 1.2.8
2
8
 
3
9
  ### Patch Changes
package/dist/components/fields/checkbox/index.d.mts CHANGED
@@ -10,9 +10,10 @@ interface CheckboxProps extends ComponentProps<"input"> {
10
10
  indeterminate?: boolean;
11
11
  disabled?: boolean;
12
12
  color?: ThemeColor;
13
+ shape?: "square" | "circle";
13
14
  ref?: RefObject<HTMLInputElement>;
14
15
  }
15
- declare function Checkbox({ color, indeterminate, disabled, className, children, ref, ...rest }: CheckboxProps): import("react").JSX.Element;
16
+ declare function Checkbox({ color, shape, indeterminate, disabled, className, children, ref, ...rest }: CheckboxProps): import("react").JSX.Element;
16
17
  interface CheckboxButtonProps extends Omit<ComponentProps<"input">, "size"> {
17
18
  disabled?: boolean;
18
19
  color?: ButtonProps["color"];
package/dist/components/fields/checkbox/index.d.mts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/fields/checkbox/Checkbox.tsx","../../../../src/components/fields/checkbox/CheckboxField.tsx","../../../../src/components/fields/checkbox/CheckboxesField.tsx"],"mappings":";;;;;;;;UAKiB,sBAAsB;EACrC;EACA;EACA,QAAQ;EACR,MAAM,UAAU;;iBAGF,WACd,OACA,eACA,UACA,WACA,UACA,QACG,QACF,gCAAa,IAAA;UAqBN,4BAA4B,KAAK;EACzC;EACA,QAAQ;EACR,UAAU;EACV,OAAO;EACP,QAAQ;EACR;EACA;EACA,MAAM,UAAU;;iBAEF,iBACd,OACA,UACA,OACA,MACA,MACA,WACA,SACA,WACA,UACA,QACG,QACF,sCAAmB,IAAA;;;UC3DZ,gBAAc,KAAK;EAC3B,MAAM;EACN;;iBAGc,gBAAgB,MAAM,eAAe,IAAI,aAAa,QAAQ,0BAAK,IAAA;;;UCHzE,cAAc,KAAK;EAC3B,MAAM;EACN,SAAS;EACT;;iBAGc,kBACd,MACA,SACA,IAAI,UACJ,WACA,cACG,QACF,wBAAK,IAAA"}
1
+ {"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/fields/checkbox/Checkbox.tsx","../../../../src/components/fields/checkbox/CheckboxField.tsx","../../../../src/components/fields/checkbox/CheckboxesField.tsx"],"mappings":";;;;;;;;UAKiB,sBAAsB;EACrC;EACA;EACA,QAAQ;EACR;EACA,MAAM,UAAU;;iBAGF,WACd,OACA,OACA,eACA,UACA,WACA,UACA,QACG,QACF,gCAAa,IAAA;UAsBN,4BAA4B,KAAK;EACzC;EACA,QAAQ;EACR,UAAU;EACV,OAAO;EACP,QAAQ;EACR;EACA;EACA,MAAM,UAAU;;iBAEF,iBACd,OACA,UACA,OACA,MACA,MACA,WACA,SACA,WACA,UACA,QACG,QACF,sCAAmB,IAAA;;;UC9DZ,gBAAc,KAAK;EAC3B,MAAM;EACN;;iBAGc,gBAAgB,MAAM,eAAe,IAAI,aAAa,QAAQ,0BAAK,IAAA;;;UCHzE,cAAc,KAAK;EAC3B,MAAM;EACN,SAAS;EACT;;iBAGc,kBACd,MACA,SACA,IAAI,UACJ,WACA,cACG,QACF,wBAAK,IAAA"}
package/dist/components/fields/checkbox/index.mjs CHANGED
@@ -7,7 +7,7 @@ import clsx from "clsx";
7
7
  import { useField } from "@conform-to/react/future";
8
8
  //#region src/components/fields/checkbox/Checkbox.tsx
9
9
  function Checkbox(t0) {
10
- const $ = c(24);
10
+ const $ = c(26);
11
11
  let children;
12
12
  let className;
13
13
  let indeterminate;
@@ -15,8 +15,9 @@ function Checkbox(t0) {
15
15
  let rest;
16
16
  let t1;
17
17
  let t2;
18
+ let t3;
18
19
  if ($[0] !== t0) {
19
- ({color: t1, indeterminate, disabled: t2, className, children, ref, ...rest} = t0);
20
+ ({color: t1, shape: t2, indeterminate, disabled: t3, className, children, ref, ...rest} = t0);
20
21
  $[0] = t0;
21
22
  $[1] = children;
22
23
  $[2] = className;
@@ -25,6 +26,7 @@ function Checkbox(t0) {
25
26
  $[5] = rest;
26
27
  $[6] = t1;
27
28
  $[7] = t2;
29
+ $[8] = t3;
28
30
  } else {
29
31
  children = $[1];
30
32
  className = $[2];
@@ -33,58 +35,62 @@ function Checkbox(t0) {
33
35
  rest = $[5];
34
36
  t1 = $[6];
35
37
  t2 = $[7];
38
+ t3 = $[8];
36
39
  }
37
40
  const color = t1 === void 0 ? "yellow" : t1;
38
- const disabled = t2 === void 0 ? false : t2;
39
- let t3;
40
- if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
41
- t3 = clsx("flex cursor-pointer items-center");
42
- $[8] = t3;
43
- } else t3 = $[8];
44
- const t4 = indeterminate && "indeterminate";
45
- let t5;
46
- if ($[9] !== className || $[10] !== t4) {
47
- t5 = clsx("p8n-input-checkbox", "my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-sm bg-origin-border p-0 outline-offset-0 select-none", t4, className);
48
- $[9] = className;
49
- $[10] = t4;
50
- $[11] = t5;
51
- } else t5 = $[11];
52
- let t6;
53
- if ($[12] !== disabled) {
54
- t6 = disabled ? { disabled } : {};
55
- $[12] = disabled;
56
- $[13] = t6;
57
- } else t6 = $[13];
41
+ const shape = t2 === void 0 ? "square" : t2;
42
+ const disabled = t3 === void 0 ? false : t3;
43
+ let t4;
44
+ if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
45
+ t4 = clsx("flex cursor-pointer items-center");
46
+ $[9] = t4;
47
+ } else t4 = $[9];
48
+ const t5 = shape === "square" ? "rounded-sm" : "rounded-full";
49
+ const t6 = indeterminate && "indeterminate";
58
50
  let t7;
59
- if ($[14] !== color || $[15] !== ref || $[16] !== rest || $[17] !== t5 || $[18] !== t6) {
60
- t7 = /* @__PURE__ */ jsx("input", {
51
+ if ($[10] !== className || $[11] !== t5 || $[12] !== t6) {
52
+ t7 = clsx("p8n-input-checkbox", "my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none bg-origin-border p-0 outline-offset-0 select-none", t5, t6, className);
53
+ $[10] = className;
54
+ $[11] = t5;
55
+ $[12] = t6;
56
+ $[13] = t7;
57
+ } else t7 = $[13];
58
+ let t8;
59
+ if ($[14] !== disabled) {
60
+ t8 = disabled ? { disabled } : {};
61
+ $[14] = disabled;
62
+ $[15] = t8;
63
+ } else t8 = $[15];
64
+ let t9;
65
+ if ($[16] !== color || $[17] !== ref || $[18] !== rest || $[19] !== t7 || $[20] !== t8) {
66
+ t9 = /* @__PURE__ */ jsx("input", {
61
67
  "data-color": color,
62
68
  ref,
63
69
  type: "checkbox",
64
- className: t5,
65
- ...t6,
70
+ className: t7,
71
+ ...t8,
66
72
  ...rest
67
73
  });
68
- $[14] = color;
69
- $[15] = ref;
70
- $[16] = rest;
71
- $[17] = t5;
72
- $[18] = t6;
74
+ $[16] = color;
75
+ $[17] = ref;
76
+ $[18] = rest;
73
77
  $[19] = t7;
74
- } else t7 = $[19];
75
- let t8;
76
- if ($[20] !== children || $[21] !== disabled || $[22] !== t7) {
77
- t8 = /* @__PURE__ */ jsxs("label", {
78
+ $[20] = t8;
79
+ $[21] = t9;
80
+ } else t9 = $[21];
81
+ let t10;
82
+ if ($[22] !== children || $[23] !== disabled || $[24] !== t9) {
83
+ t10 = /* @__PURE__ */ jsxs("label", {
78
84
  "aria-disabled": disabled,
79
- className: t3,
80
- children: [t7, children]
85
+ className: t4,
86
+ children: [t9, children]
81
87
  });
82
- $[20] = children;
83
- $[21] = disabled;
84
- $[22] = t7;
85
- $[23] = t8;
86
- } else t8 = $[23];
87
- return t8;
88
+ $[22] = children;
89
+ $[23] = disabled;
90
+ $[24] = t9;
91
+ $[25] = t10;
92
+ } else t10 = $[25];
93
+ return t10;
88
94
  }
89
95
  function CheckboxButton(t0) {
90
96
  const $ = c(36);
package/dist/components/fields/checkbox/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","names":["ComponentProps","RefObject","ThemeColor","clsx","ButtonProps","buttonVariants","CheckboxProps","indeterminate","disabled","color","ref","HTMLInputElement","Checkbox","t0","$","_c","children","className","rest","t1","t2","undefined","t3","Symbol","for","t4","t5","t6","t7","t8","CheckboxButtonProps","Omit","variant","size","width","icon","showInput","CheckboxButton","t9","t10","FieldName","useField","Field","FieldProps","Checkbox","Props","Omit","name","checkboxLabel","CheckboxField","t0","$","_c","forcedId","rest","id","field","t1","defaultChecked","t2","errors","FieldName","useField","Field","FieldProps","SelectOption","Checkbox","clsx","Props","Omit","name","options","direction","CheckboxesField","t0","$","_c","className","forcedId","rest","id","field","t1","fieldErrors","Object","values","flat","itemErrors","errors","length","undefined","t2","t3","t4","defaultOptions","t5","option","value","includes","label","map","t6"],"sources":["../../../../src/components/fields/checkbox/Checkbox.tsx","../../../../src/components/fields/checkbox/CheckboxField.tsx","../../../../src/components/fields/checkbox/CheckboxesField.tsx"],"sourcesContent":["import { ComponentProps, RefObject } from \"react\";\nimport { type ThemeColor } from \"../../../types\";\nimport clsx from \"clsx\";\nimport { ButtonProps, buttonVariants } from \"../../button\";\n\nexport interface CheckboxProps extends ComponentProps<\"input\"> {\n indeterminate?: boolean;\n disabled?: boolean;\n color?: ThemeColor;\n ref?: RefObject<HTMLInputElement>;\n}\n\nexport function Checkbox({\n color = \"yellow\",\n indeterminate,\n disabled = false,\n className,\n children,\n ref,\n ...rest\n}: CheckboxProps) {\n return (\n <label aria-disabled={disabled} className={clsx(\"flex cursor-pointer items-center\")}>\n <input\n data-color={color}\n ref={ref}\n type=\"checkbox\"\n className={clsx(\n \"p8n-input-checkbox\",\n \"my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-sm bg-origin-border p-0 outline-offset-0 select-none\",\n indeterminate && \"indeterminate\",\n className,\n )}\n {...(disabled ? { disabled } : {})}\n {...rest}\n />\n {children}\n </label>\n );\n}\n\ninterface CheckboxButtonProps extends Omit<ComponentProps<\"input\">, \"size\"> {\n disabled?: boolean;\n color?: ButtonProps[\"color\"];\n variant?: ButtonProps[\"variant\"];\n size?: ButtonProps[\"size\"];\n width?: ButtonProps[\"width\"];\n icon?: boolean;\n showInput?: boolean;\n ref?: RefObject<HTMLInputElement>;\n}\nexport function CheckboxButton({\n color = \"yellow\",\n disabled = false,\n width = \"fit\",\n size,\n icon,\n showInput,\n variant,\n className,\n children,\n ref,\n ...rest\n}: CheckboxButtonProps) {\n return (\n <label\n aria-disabled={disabled}\n className={clsx(\n className,\n showInput && \"pr-2 pl-1\",\n buttonVariants({ variant, size, icon: icon || showInput, width }),\n )}\n data-color={color}\n >\n <input\n ref={ref}\n type=\"checkbox\"\n className={clsx(\n showInput\n ? \"p8n-input-checkbox my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-2xl bg-origin-border p-0 outline-offset-0 select-none\"\n : \"h-0 w-0 translate-x-[-9999px] overflow-hidden\",\n //indeterminate && \"indeterminate\",\n className,\n )}\n {...(disabled ? { disabled } : {})}\n {...rest}\n />\n {children}\n </label>\n );\n}\n","import { FieldName, useField } from \"@conform-to/react/future\";\nimport { Field, FieldProps } from \"../field/Field\";\nimport { Checkbox } from \"./Checkbox\";\n\ninterface Props extends Omit<FieldProps, \"children\" | \"group\"> {\n name: FieldName<boolean | undefined>;\n checkboxLabel: string;\n}\n\nexport function CheckboxField({ name, checkboxLabel, id: forcedId, ...rest }: Props) {\n const field = useField(name);\n const id = forcedId ?? field.id;\n\n return (\n <Field id={id} errors={field.errors} data-testid={name} {...rest}>\n <Checkbox name={field.name} defaultChecked={field.defaultChecked}>\n {checkboxLabel}\n </Checkbox>\n </Field>\n );\n}\n","import { FieldName, useField } from \"@conform-to/react/future\";\nimport { Field, FieldProps } from \"../field/Field\";\nimport { SelectOption } from \"../select/types\";\nimport { Checkbox } from \"./Checkbox\";\nimport clsx from \"clsx\";\n\ninterface Props extends Omit<FieldProps, \"children\" | \"group\"> {\n name: FieldName<(string | number)[] | null | undefined>;\n options: SelectOption[];\n direction?: \"horizontal\" | \"vertical\";\n}\n\nexport function CheckboxesField({\n name,\n options,\n id: forcedId,\n direction,\n className,\n ...rest\n}: Props) {\n const field = useField(name);\n const id = forcedId ?? field.id;\n const itemErrors = Object.values(field.fieldErrors).flat();\n const errors = field.errors ?? (itemErrors.length > 0 ? itemErrors : undefined);\n\n return (\n <Field id={id} group errors={errors} data-testid={name} {...rest}>\n <div\n className={clsx(\n className,\n !className &&\n direction === \"horizontal\" &&\n \"sm:grid-cols-repeat-fill-160 grid grid-cols-2 gap-x-2 lg:gap-x-4\",\n )}\n >\n {options.map((option) => (\n <Checkbox\n key={option.value}\n name={name}\n value={option.value}\n defaultChecked={field.defaultOptions?.includes(option.value)}\n >\n {option.label}\n </Checkbox>\n ))}\n </div>\n </Field>\n );\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.mjs","names":["ComponentProps","RefObject","ThemeColor","clsx","ButtonProps","buttonVariants","CheckboxProps","indeterminate","disabled","color","shape","ref","HTMLInputElement","Checkbox","t0","$","_c","children","className","rest","t1","t2","t3","undefined","t4","Symbol","for","t5","t6","t7","t8","t9","t10","CheckboxButtonProps","Omit","variant","size","width","icon","showInput","CheckboxButton","FieldName","useField","Field","FieldProps","Checkbox","Props","Omit","name","checkboxLabel","CheckboxField","t0","$","_c","forcedId","rest","id","field","t1","defaultChecked","t2","errors","FieldName","useField","Field","FieldProps","SelectOption","Checkbox","clsx","Props","Omit","name","options","direction","CheckboxesField","t0","$","_c","className","forcedId","rest","id","field","t1","fieldErrors","Object","values","flat","itemErrors","errors","length","undefined","t2","t3","t4","defaultOptions","t5","option","value","includes","label","map","t6"],"sources":["../../../../src/components/fields/checkbox/Checkbox.tsx","../../../../src/components/fields/checkbox/CheckboxField.tsx","../../../../src/components/fields/checkbox/CheckboxesField.tsx"],"sourcesContent":["import { ComponentProps, RefObject } from \"react\";\nimport { type ThemeColor } from \"../../../types\";\nimport clsx from \"clsx\";\nimport { ButtonProps, buttonVariants } from \"../../button\";\n\nexport interface CheckboxProps extends ComponentProps<\"input\"> {\n indeterminate?: boolean;\n disabled?: boolean;\n color?: ThemeColor;\n shape?: \"square\" | \"circle\";\n ref?: RefObject<HTMLInputElement>;\n}\n\nexport function Checkbox({\n color = \"yellow\",\n shape = \"square\",\n indeterminate,\n disabled = false,\n className,\n children,\n ref,\n ...rest\n}: CheckboxProps) {\n return (\n <label aria-disabled={disabled} className={clsx(\"flex cursor-pointer items-center\")}>\n <input\n data-color={color}\n ref={ref}\n type=\"checkbox\"\n className={clsx(\n \"p8n-input-checkbox\",\n \"my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none bg-origin-border p-0 outline-offset-0 select-none\",\n shape === \"square\" ? \"rounded-sm\" : \"rounded-full\",\n indeterminate && \"indeterminate\",\n className,\n )}\n {...(disabled ? { disabled } : {})}\n {...rest}\n />\n {children}\n </label>\n );\n}\n\ninterface CheckboxButtonProps extends Omit<ComponentProps<\"input\">, \"size\"> {\n disabled?: boolean;\n color?: ButtonProps[\"color\"];\n variant?: ButtonProps[\"variant\"];\n size?: ButtonProps[\"size\"];\n width?: ButtonProps[\"width\"];\n icon?: boolean;\n showInput?: boolean;\n ref?: RefObject<HTMLInputElement>;\n}\nexport function CheckboxButton({\n color = \"yellow\",\n disabled = false,\n width = \"fit\",\n size,\n icon,\n showInput,\n variant,\n className,\n children,\n ref,\n ...rest\n}: CheckboxButtonProps) {\n return (\n <label\n aria-disabled={disabled}\n className={clsx(\n className,\n showInput && \"pr-2 pl-1\",\n buttonVariants({ variant, size, icon: icon || showInput, width }),\n )}\n data-color={color}\n >\n <input\n ref={ref}\n type=\"checkbox\"\n className={clsx(\n showInput\n ? \"p8n-input-checkbox my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-2xl bg-origin-border p-0 outline-offset-0 select-none\"\n : \"h-0 w-0 translate-x-[-9999px] overflow-hidden\",\n //indeterminate && \"indeterminate\",\n className,\n )}\n {...(disabled ? { disabled } : {})}\n {...rest}\n />\n {children}\n </label>\n );\n}\n","import { FieldName, useField } from \"@conform-to/react/future\";\nimport { Field, FieldProps } from \"../field/Field\";\nimport { Checkbox } from \"./Checkbox\";\n\ninterface Props extends Omit<FieldProps, \"children\" | \"group\"> {\n name: FieldName<boolean | undefined>;\n checkboxLabel: string;\n}\n\nexport function CheckboxField({ name, checkboxLabel, id: forcedId, ...rest }: Props) {\n const field = useField(name);\n const id = forcedId ?? field.id;\n\n return (\n <Field id={id} errors={field.errors} data-testid={name} {...rest}>\n <Checkbox name={field.name} defaultChecked={field.defaultChecked}>\n {checkboxLabel}\n </Checkbox>\n </Field>\n );\n}\n","import { FieldName, useField } from \"@conform-to/react/future\";\nimport { Field, FieldProps } from \"../field/Field\";\nimport { SelectOption } from \"../select/types\";\nimport { Checkbox } from \"./Checkbox\";\nimport clsx from \"clsx\";\n\ninterface Props extends Omit<FieldProps, \"children\" | \"group\"> {\n name: FieldName<(string | number)[] | null | undefined>;\n options: SelectOption[];\n direction?: \"horizontal\" | \"vertical\";\n}\n\nexport function CheckboxesField({\n name,\n options,\n id: forcedId,\n direction,\n className,\n ...rest\n}: Props) {\n const field = useField(name);\n const id = forcedId ?? field.id;\n const itemErrors = Object.values(field.fieldErrors).flat();\n const errors = field.errors ?? (itemErrors.length > 0 ? itemErrors : undefined);\n\n return (\n <Field id={id} group errors={errors} data-testid={name} {...rest}>\n <div\n className={clsx(\n className,\n !className &&\n direction === \"horizontal\" &&\n \"sm:grid-cols-repeat-fill-160 grid grid-cols-2 gap-x-2 lg:gap-x-4\",\n )}\n >\n {options.map((option) => (\n <Checkbox\n key={option.value}\n name={name}\n value={option.value}\n defaultChecked={field.defaultOptions?.includes(option.value)}\n >\n {option.label}\n </Checkbox>\n ))}\n </div>\n </Field>\n );\n}\n"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pentatrion-design",
3
- "version": "1.2.8",
3
+ "version": "1.2.9",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "author": "Hugues Tavernier",
package/src/components/fields/checkbox/Checkbox.tsx CHANGED
@@ -7,11 +7,13 @@ export interface CheckboxProps extends ComponentProps<"input"> {
7
7
  indeterminate?: boolean;
8
8
  disabled?: boolean;
9
9
  color?: ThemeColor;
10
+ shape?: "square" | "circle";
10
11
  ref?: RefObject<HTMLInputElement>;
11
12
  }
12
13
 
13
14
  export function Checkbox({
14
15
  color = "yellow",
16
+ shape = "square",
15
17
  indeterminate,
16
18
  disabled = false,
17
19
  className,
@@ -27,7 +29,8 @@ export function Checkbox({
27
29
  type="checkbox"
28
30
  className={clsx(
29
31
  "p8n-input-checkbox",
30
- "my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-sm bg-origin-border p-0 outline-offset-0 select-none",
32
+ "my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none bg-origin-border p-0 outline-offset-0 select-none",
33
+ shape === "square" ? "rounded-sm" : "rounded-full",
31
34
  indeterminate && "indeterminate",
32
35
  className,
33
36
  )}