@dgshahr/ui-kit 0.0.6 → 0.0.8

package/dist/TextFieldWrapper-D-DH5_DG.cjs

@@ -1,169 +0,0 @@
-'use strict';
-
-require('./assets/styles.css');const jsxRuntime = require('react/jsx-runtime');
-const clsx = require('./clsx-BtxeOLZW.cjs');
-const react = require('react');
-;/* empty css                  */
-
-const InfoCircleOutlineIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          fill: "currentColor",
-          fillRule: "evenodd",
-          d: "M12.25 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5M2.5 12a9.75 9.75 0 0 1 9.75-9.75A9.75 9.75 0 0 1 22 12c0 5.384-4.365 9.75-9.75 9.75S2.5 17.384 2.5 12",
-          clipRule: "evenodd"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          fill: "currentColor",
-          fillRule: "evenodd",
-          d: "M12.25 7.541a.75.75 0 0 1 .75.75v.063a.75.75 0 0 1-1.5 0v-.063a.75.75 0 0 1 .75-.75m.006 3.103a.75.75 0 0 1 .75.75v4.3a.75.75 0 0 1-1.5 0v-4.3a.75.75 0 0 1 .75-.75",
-          clipRule: "evenodd"
-        }
-      )
-    ]
-  }
-);
-
-const FieldBottomInfo = (props) => {
-  const { errorMessage, hintMessage, maxLength, value } = props;
-  const showInfo = Boolean(errorMessage || hintMessage || maxLength);
-  if (showInfo)
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: clsx.clsx(
-          "dgs-ui-kit-flex dgs-ui-kit-font-p3-regular",
-          {
-            "dgs-ui-kit-justify-between": (errorMessage || hintMessage) && maxLength,
-            "dgs-ui-kit-justify-start": (errorMessage || hintMessage) && !maxLength,
-            "dgs-ui-kit-justify-end": !(errorMessage || hintMessage) && maxLength
-          },
-          errorMessage ? "dgs-ui-kit-text-error-500" : "dgs-ui-kit-text-gray-500"
-        ),
-        children: [
-          (errorMessage || hintMessage) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              InfoCircleOutlineIcon,
-              {
-                width: 16,
-                height: 16
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: errorMessage || hintMessage })
-          ] }),
-          maxLength && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ss02", children: [
-            value?.length ?? 0,
-            "/",
-            maxLength
-          ] })
-        ]
-      }
-    );
-  return null;
-};
-
-const FieldLabel = (props) => {
-  const { link, labelContent, required } = props;
-  const showLabel = Boolean(labelContent || link?.href);
-  if (showLabel)
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: clsx.clsx("dgs-ui-kit-flex dgs-ui-kit-mb-2", {
-          "dgs-ui-kit-justify-between": labelContent && link?.href,
-          "dgs-ui-kit-justify-start": labelContent && !link?.href,
-          "dgs-ui-kit-justify-end": !labelContent && link?.href
-        }),
-        children: [
-          labelContent && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "dgs-ui-kit-px-0 dgs-ui-kit-text-sm dgs-ui-kit-font-bold dgs-ui-kit-text-right md:dgs-ui-kit-mx-0", children: [
-            labelContent,
-            required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "dgs-ui-kit-ms-2 dgs-ui-kit-text-error-500", children: "*" })
-          ] }),
-          link?.href && /* @__PURE__ */ jsxRuntime.jsx(
-            "a",
-            {
-              href: link.href,
-              className: "dgs-ui-kit-font-button-small dgs-ui-kit-text-primary-400",
-              children: link.cnotent
-            }
-          )
-        ]
-      }
-    );
-  return null;
-};
-
-const TextFieldWrapper = (props) => {
-  const {
-    labelContent,
-    link,
-    containerClassName,
-    rightIcon,
-    isError,
-    errorMessage,
-    hintMessage,
-    required,
-    maxLength,
-    value: initialValue,
-    onChange,
-    children
-  } = props;
-  const [value, setValue] = react.useState(initialValue?.toString());
-  react.useEffect(() => {
-    setValue(initialValue?.toString());
-  }, [initialValue]);
-  const handleChangeField = (e) => {
-    setValue(e.currentTarget.value);
-    if (onChange) {
-      onChange(e);
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      FieldLabel,
-      {
-        labelContent,
-        link,
-        required
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: clsx.clsx(
-          "dgs-ui-kit-relative dgs-ui-kit-cursor-text dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-rounded-lg dgs-ui-kit-ring-4 dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-gap-x-3 dgs-ui-kit-p-3 dgs-ui-kit-bg-gray-100 dgs-ui-kit-transition-all dgs-ui-kit-ring-transparent hover:dgs-ui-kit-ring-gray-50 has-[:focus]:dgs-ui-kit-bg-white",
-          isError || errorMessage ? "dgs-ui-kit-border-error-500 has-[:focus]:dgs-ui-kit-ring-error-50" : "dgs-ui-kit-border-transparent hover:dgs-ui-kit-border-gray-300 has-[:focus]:dgs-ui-kit-border-primary-500 has-[:focus]:dgs-ui-kit-ring-primary-50",
-          containerClassName
-        ),
-        children: [
-          rightIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dgs-ui-kit-text-gray-600", children: rightIcon }),
-          children({ handleChangeField, setValue, value })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      FieldBottomInfo,
-      {
-        errorMessage,
-        hintMessage,
-        maxLength,
-        value
-      }
-    )
-  ] });
-};
-
-exports.TextFieldWrapper = TextFieldWrapper;

package/dist/clsx-BtxeOLZW.cjs

@@ -1,5 +0,0 @@
-'use strict';
-
-function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
-
-exports.clsx = clsx;

package/dist/clsx-ChV9xqsO.js

@@ -1,3 +0,0 @@
-function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
-
-export { clsx as c };