nectiasw 0.0.67 → 0.0.69

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

@@ -11,6 +11,7 @@ export type CheckboxProps = {
     name?: string;
     label?: string;
     value?: string;
+    filter?: boolean;
     checked?: boolean;
     disabled?: boolean;
     className?: string;

package/dist/components/Checkbox/styled.d.ts

@@ -4,3 +4,12 @@ export declare const StyledCheckbox: import('styled-components/dist/types').ISty
     ref?: ((instance: HTMLInputElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLInputElement> | null | undefined;
 }>, never>, never>> & string;
 export declare const CheckboxIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react-icons/lib').IconBaseProps, CheckboxIconProps>> & string & Omit<import('react-icons/lib').IconType, keyof import('react').Component<any, {}, any>>;
+export declare const CheckboxIconFilter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    title?: string;
+    titleId?: string;
+} & import('react').RefAttributes<SVGSVGElement>, "ref"> & {
+    ref?: ((instance: SVGSVGElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<SVGSVGElement> | null | undefined;
+}, CheckboxIconProps>> & string & Omit<import('react').ForwardRefExoticComponent<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
+    title?: string;
+    titleId?: string;
+} & import('react').RefAttributes<SVGSVGElement>>, keyof import('react').Component<any, {}, any>>;

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

@@ -13,6 +13,7 @@ export type Option = {
     history?: string;
 };
 export type SelectProps = {
+    icon?: React.JSX.Element;
     disabled?: boolean;
     options?: Option[];
     devtools?: boolean;

package/dist/index.es.js

@@ -18980,70 +18980,6 @@ function IconBase(props) {
 function HiOutlineCheck(props) {
   return GenIcon({ "tag": "svg", "attr": { "fill": "none", "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "strokeLinecap": "round", "strokeLinejoin": "round", "d": "M5 13l4 4L19 7" }, "child": [] }] })(props);
 }
-const StyledCheckbox = styled.input.attrs({ type: "checkbox" })`
-  appearance: none;
-  border: 2px solid #939799;
-  background-color: #f3f3f3;
-  /* add styles for checked state */
-  &:checked {
-    background-color: #316772;
-    border-color: #316772;
-  }
-
-  /* add styles for disabled state */
-  &:disabled {
-    opacity: 0.7;
-    cursor: not-allowed;
-  }
-  transition: background-color 0.2s linear, border-color 0.2s linear;
-`;
-const CheckboxIcon = styled(HiOutlineCheck)`
-  position: absolute;
-  left: ${(props) => props.left};
-  top: ${(props) => props.top ?? "50%"};
-  right: ${(props) => props.right ?? "0.125rem"};
-  transform: translateY(-50%);
-  color: ${(props) => props.status ? "#FFFFFF" : "transparent"};
-  margin: 0;
-  padding: 0;
-  z-index: 1;
-  font-size: 20px;
-  transition: color 0.2s linear;
-`;
-StyledCheckbox.defaultProps = {
-  type: "checkbox"
-};
-const Checkbox = ({
-  id,
-  top,
-  left,
-  right,
-  name,
-  label,
-  checked,
-  disabled,
-  onChange: onChange2,
-  className
-}) => {
-  const handleClick = () => {
-    onChange2 == null ? void 0 : onChange2(!checked);
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx$1(classes$l.container.root, className && className), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      StyledCheckbox,
-      {
-        id,
-        name,
-        checked,
-        disabled,
-        onClick: handleClick,
-        className: classes$l.container.input
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(CheckboxIcon, { top, right, left, status: checked, onClick: handleClick }),
-    label && /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: id, className: classes$l.container.label, children: label })
-  ] });
-};
 function ChevronDownIcon({
   title,
   titleId,
@@ -19065,7 +19001,7 @@ function ChevronDownIcon({
     clipRule: "evenodd"
   }));
 }
-const ForwardRef$n = /* @__PURE__ */ React.forwardRef(ChevronDownIcon);
+const ForwardRef$o = /* @__PURE__ */ React.forwardRef(ChevronDownIcon);
 function ChevronLeftIcon({
   title,
   titleId,
@@ -19087,7 +19023,7 @@ function ChevronLeftIcon({
     clipRule: "evenodd"
   }));
 }
-const ForwardRef$m = /* @__PURE__ */ React.forwardRef(ChevronLeftIcon);
+const ForwardRef$n = /* @__PURE__ */ React.forwardRef(ChevronLeftIcon);
 function ChevronRightIcon({
   title,
   titleId,
@@ -19109,7 +19045,7 @@ function ChevronRightIcon({
     clipRule: "evenodd"
   }));
 }
-const ForwardRef$l = /* @__PURE__ */ React.forwardRef(ChevronRightIcon);
+const ForwardRef$m = /* @__PURE__ */ React.forwardRef(ChevronRightIcon);
 function ChevronUpIcon({
   title,
   titleId,
@@ -19131,7 +19067,127 @@ function ChevronUpIcon({
     clipRule: "evenodd"
   }));
 }
-const ForwardRef$k = /* @__PURE__ */ React.forwardRef(ChevronUpIcon);
+const ForwardRef$l = /* @__PURE__ */ React.forwardRef(ChevronUpIcon);
+function MinusIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /* @__PURE__ */ React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /* @__PURE__ */ React.createElement("title", {
+    id: titleId
+  }, title) : null, /* @__PURE__ */ React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M4 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H4.75A.75.75 0 0 1 4 10Z",
+    clipRule: "evenodd"
+  }));
+}
+const ForwardRef$k = /* @__PURE__ */ React.forwardRef(MinusIcon);
+const StyledCheckbox = styled.input.attrs({ type: "checkbox" })`
+  appearance: none;
+  border: 2px solid #939799;
+  background-color: #f3f3f3;
+  /* add styles for checked state */
+  &:checked {
+    background-color: #316772;
+    border-color: #316772;
+  }
+
+  /* add styles for disabled state */
+  &:disabled {
+    opacity: 0.7;
+    cursor: not-allowed;
+  }
+  transition: background-color 0.2s linear, border-color 0.2s linear;
+`;
+const CheckboxIcon = styled(HiOutlineCheck)`
+  position: absolute;
+  left: ${(props) => props.left};
+  top: ${(props) => props.top ?? "50%"};
+  right: ${(props) => props.right ?? "0.125rem"};
+  transform: translateY(-50%);
+  color: ${(props) => props.status ? "#FFFFFF" : "transparent"};
+  margin: 0;
+  padding: 0;
+  z-index: 1;
+  font-size: 20px;
+  transition: color 0.2s linear;
+`;
+const CheckboxIconFilter = styled(ForwardRef$k)`
+  position: absolute;
+  left: ${(props) => props.left};
+  top: ${(props) => props.top ?? "50%"};
+  right: ${(props) => props.right ?? "0.125rem"};
+  transform: translateY(-50%);
+  color: ${(props) => props.status ? "#FFFFFF" : "transparent"};
+  margin: 0;
+  padding: 0;
+  z-index: 1;
+  font-size: 20px;
+  transition: color 0.2s linear;
+`;
+StyledCheckbox.defaultProps = {
+  type: "checkbox"
+};
+const Checkbox = ({
+  id,
+  top,
+  left,
+  right,
+  name,
+  label,
+  filter: filter2,
+  checked,
+  disabled,
+  onChange: onChange2,
+  className
+}) => {
+  const handleClick = () => {
+    if (disabled) {
+      return;
+    }
+    onChange2 == null ? void 0 : onChange2(!checked);
+  };
+  if (filter2) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx$1(classes$l.container.root, className && className), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        StyledCheckbox,
+        {
+          id,
+          name,
+          checked,
+          disabled,
+          onClick: handleClick,
+          className: classes$l.container.input
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(CheckboxIconFilter, { top, right, left, status: checked, onClick: handleClick }),
+      label && /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: id, className: classes$l.container.label, children: label })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx$1(classes$l.container.root, className && className), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      StyledCheckbox,
+      {
+        id,
+        name,
+        checked,
+        disabled,
+        onClick: handleClick,
+        className: classes$l.container.input
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CheckboxIcon, { top, right, left, status: checked, onClick: handleClick }),
+    label && /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: id, className: classes$l.container.label, children: label })
+  ] });
+};
 const classes$k = {
   container: {
     root: "relative inline-block text-left",
@@ -19199,7 +19255,7 @@ const Dropdown$1 = React__default.memo(
       switch (orientation2) {
         case "top":
           return /* @__PURE__ */ jsxRuntimeExports.jsx(
-            ForwardRef$k,
+            ForwardRef$l,
             {
               className: classes$k.container.chevron,
               "aria-hidden": "true"
@@ -19207,7 +19263,7 @@ const Dropdown$1 = React__default.memo(
           );
         case "left":
           return /* @__PURE__ */ jsxRuntimeExports.jsx(
-            ForwardRef$m,
+            ForwardRef$n,
             {
               className: classes$k.container.chevron,
               "aria-hidden": "true"
@@ -19215,7 +19271,7 @@ const Dropdown$1 = React__default.memo(
           );
         case "right":
           return /* @__PURE__ */ jsxRuntimeExports.jsx(
-            ForwardRef$l,
+            ForwardRef$m,
             {
               className: classes$k.container.chevron,
               "aria-hidden": "true"
@@ -19223,7 +19279,7 @@ const Dropdown$1 = React__default.memo(
           );
         case "bottom":
           return /* @__PURE__ */ jsxRuntimeExports.jsx(
-            ForwardRef$n,
+            ForwardRef$o,
             {
               className: classes$k.container.chevron,
               "aria-hidden": "true"
@@ -26184,6 +26240,7 @@ const ForwardRef = /* @__PURE__ */ React.forwardRef(XMarkIcon);
 const Select = React__default.memo(
   (props) => {
     const {
+      icon,
       time,
       value,
       size,
@@ -40847,7 +40904,7 @@ const Collapse = React__default.memo(
                 open ? classes$b.icon.root : classes$b.icon.container
               ),
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                ForwardRef$n,
+                ForwardRef$o,
                 {
                   className: clsx$1(
                     classes$b.icon.size,
@@ -40886,7 +40943,7 @@ const Collapse = React__default.memo(
                 open ? classes$b.icon.root : classes$b.icon.container
               ),
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                ForwardRef$n,
+                ForwardRef$o,
                 {
                   className: clsx$1(
                     classes$b.icon.size,
@@ -40918,7 +40975,7 @@ const Collapse = React__default.memo(
               open ? classes$b.icon.root : classes$b.icon.container
             ),
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              ForwardRef$n,
+              ForwardRef$o,
               {
                 className: clsx$1(
                   classes$b.icon.size,
@@ -59327,7 +59384,7 @@ const Menu2 = (props) => {
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { onClick: handleSeeDetails, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        ForwardRef$n,
+        ForwardRef$o,
         {
           className: clsx$1(
             show ? classes$1.open : classes$1.close,
@@ -59518,7 +59575,7 @@ const Timeline = ({ events }) => {
                 /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: classes.timeline.button.category, children: event.category })
               ] }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(
-                ForwardRef$n,
+                ForwardRef$o,
                 {
                   className: classes.chevronIcon(isCurrentCategoryOpen)
                 }
@@ -61180,7 +61237,7 @@ const Dragarea = React__default.memo(
               " "
             ] })
           ] }),
-          renderBelowFilename && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { paddingY: 2, children: renderBelowFilename }),
+          renderBelowFilename && renderBelowFilename,
           /* @__PURE__ */ jsxRuntimeExports.jsxs(Message, { children: [
             text.filter(Boolean).map((msg) => /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: msg }, msg)),
             renderContent && renderContent