@nextelco/common-ui 2.1.105 → 2.1.106

package/dist/esm/v1/primitives/lists/ListItem/ListCheckbox.js

@@ -1,28 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-import { CheckIcon } from "../../../foundations/icons/icons.js";
-function ListCheckbox({ checked, indeterminate = false, onChange, label, className = "" }) {
-  const ref = useRef(null);
-  useEffect(() => {
-    if (ref.current) ref.current.indeterminate = indeterminate && !checked;
-  }, [indeterminate, checked]);
-  return /* @__PURE__ */ jsxs("span", { className: `relative inline-flex h-4 w-4 shrink-0 ${className}`, children: [
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref,
-        type: "checkbox",
-        checked,
-        "aria-label": label,
-        onChange: (e) => onChange(e.target.checked),
-        onClick: (e) => e.stopPropagation(),
-        className: `peer m-0 h-4 w-4 cursor-pointer appearance-none border transition-colors focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-primary ${checked ? "border-primary bg-primary" : indeterminate ? "border-slate-300 bg-slate-300" : "border-slate-300 bg-white hover:border-slate-400"}`
-      }
-    ),
-    checked ? /* @__PURE__ */ jsx(CheckIcon, { size: 9, strokeWidth: 3, className: "pointer-events-none absolute inset-0 m-auto text-white" }) : indeterminate && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "pointer-events-none absolute inset-0 m-auto h-0.5 w-2 bg-white" })
-  ] });
-}
-export {
-  ListCheckbox
-};
-//# sourceMappingURL=ListCheckbox.js.map

package/dist/esm/v1/primitives/lists/ListItem/ListCheckbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListCheckbox.js","sources":["../../../../../../src/v1/primitives/lists/ListItem/ListCheckbox.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react'\r\nimport { CheckIcon } from '../../../foundations/icons/icons'\r\n\r\n/**\r\n * A caixa de marcar das listas (ListItem e o \"selecionar todos\" do ListFinder),\r\n * com o aspeto das caixas da Table. É um `<input type=\"checkbox\">` a sério, para\r\n * o teclado e os leitores de ecrã; o desenho é só por cima.\r\n */\r\nexport function ListCheckbox({ checked, indeterminate = false, onChange, label, className = '' }: {\r\n  checked: boolean\r\n  /** Algumas marcadas, não todas: a caixa fica a cinzento. */\r\n  indeterminate?: boolean\r\n  onChange: (checked: boolean) => void\r\n  label: string\r\n  className?: string\r\n}) {\r\n  const ref = useRef<HTMLInputElement>(null)\r\n  useEffect(() => { if (ref.current) ref.current.indeterminate = indeterminate && !checked }, [indeterminate, checked])\r\n  return (\r\n    <span className={`relative inline-flex h-4 w-4 shrink-0 ${className}`}>\r\n      <input\r\n        ref={ref}\r\n        type=\"checkbox\"\r\n        checked={checked}\r\n        aria-label={label}\r\n        onChange={e => onChange(e.target.checked)}\r\n        onClick={e => e.stopPropagation()}\r\n        className={`peer m-0 h-4 w-4 cursor-pointer appearance-none border transition-colors focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-primary ${\r\n          checked ? 'border-primary bg-primary' : indeterminate ? 'border-slate-300 bg-slate-300' : 'border-slate-300 bg-white hover:border-slate-400'}`}\r\n      />\r\n      {checked\r\n        ? <CheckIcon size={9} strokeWidth={3} className=\"pointer-events-none absolute inset-0 m-auto text-white\" />\r\n        : indeterminate && <span aria-hidden className=\"pointer-events-none absolute inset-0 m-auto h-0.5 w-2 bg-white\" />}\r\n    </span>\r\n  )\r\n}\r\n"],"names":[],"mappings":";;;AAQO,SAAS,aAAa,EAAE,SAAS,gBAAgB,OAAO,UAAU,OAAO,YAAY,MAOzF;AACD,QAAM,MAAM,OAAyB,IAAI;AACzC,YAAU,MAAM;AAAE,QAAI,IAAI,QAAS,KAAI,QAAQ,gBAAgB,iBAAiB,CAAC;AAAA,EAAQ,GAAG,CAAC,eAAe,OAAO,CAAC;AACpH,SACE,qBAAC,QAAA,EAAK,WAAW,yCAAyC,SAAS,IACjE,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,cAAY;AAAA,QACZ,UAAU,CAAA,MAAK,SAAS,EAAE,OAAO,OAAO;AAAA,QACxC,SAAS,CAAA,MAAK,EAAE,gBAAA;AAAA,QAChB,WAAW,iKACT,UAAU,8BAA8B,gBAAgB,kCAAkC,kDAAkD;AAAA,MAAA;AAAA,IAAA;AAAA,IAE/I,UACG,oBAAC,WAAA,EAAU,MAAM,GAAG,aAAa,GAAG,WAAU,yDAAA,CAAyD,IACvG,iBAAiB,oBAAC,QAAA,EAAK,eAAW,MAAC,WAAU,iEAAA,CAAiE;AAAA,EAAA,GACpH;AAEJ;"}

package/dist/types/v1/primitives/lists/ListItem/ListCheckbox.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-/**
- * A caixa de marcar das listas (ListItem e o "selecionar todos" do ListFinder),
- * com o aspeto das caixas da Table. É um `<input type="checkbox">` a sério, para
- * o teclado e os leitores de ecrã; o desenho é só por cima.
- */
-export declare function ListCheckbox({ checked, indeterminate, onChange, label, className }: {
-    checked: boolean;
-    /** Algumas marcadas, não todas: a caixa fica a cinzento. */
-    indeterminate?: boolean;
-    onChange: (checked: boolean) => void;
-    label: string;
-    className?: string;
-}): React.JSX.Element;