@loja-integrada/admin-components 0.19.3 → 1.0.0-beta.0

package/src/Navigation/Stepper/index.tsx

@@ -1,97 +0,0 @@
-import React from 'react'
-
-export const Stepper: React.FC<StepperProps> = React.memo(
-  ({ className = '', currentStep = 0, steps = [], showText = false }) => {
-    const getColors = (step: number) => {
-      if (currentStep > step) return 'bg-primary border-primary'
-      if (currentStep === step) return 'bg-inverted-1 border-inverted-1'
-      return 'bg-base-4 border-base-4'
-    }
-    return (
-      <div
-        className={`w-full flex flex-row justify-center gap-x-10 mb-6 relative ${className}`}
-        id="stepsContainer"
-      >
-        {steps.map((item, index) => {
-          return (
-            <div
-              key={item.step}
-              id={`step${item.step}`}
-              className="flex flex-row items-center gap-y-2.5 gap-x-3.5 z-10 relative"
-            >
-              {!showText && index > 0 && (
-                <div
-                  id={`leftLinkStep${item.step}`}
-                  className={`w-5 h-0.5 absolute -left-5 ${
-                    currentStep >= item.step ? 'bg-primary' : 'bg-base-4'
-                  }`}
-                />
-              )}
-              <div
-                id={`stepCircle${item.step}`}
-                className={`flex w-8 h-8 rounded-full border-2 justify-center items-center text-base-1
-                  ${getColors(item.step)}
-                  ${item.customClassName}`}
-              >
-                <span
-                  onClick={() => item.handleClick?.()}
-                  className={`font-bold ${
-                    item.handleClick ? 'cursor-pointer' : ''
-                  }`}
-                >
-                  {item.step}
-                </span>
-              </div>
-              {showText && (
-                <span
-                  onClick={() => item.handleClick?.()}
-                  className={`text-center my-auto text-sm ${showText ? '' : ''}
-                  ${item.step < 2 ? 'cursor-pointer' : ''}
-                  ${currentStep === item.step ? 'font-bold' : ''}`}
-                >
-                  {item.text}
-                </span>
-              )}
-              {!showText && index < steps.length - 1 && (
-                <div
-                  id={`rightLinkStep${item.step}`}
-                  className={`w-5 h-0.5 absolute -right-5 ${
-                    currentStep > item.step ? 'bg-primary' : 'bg-base-4'
-                  }`}
-                />
-              )}
-            </div>
-          )
-        })}
-      </div>
-    )
-  }
-)
-
-type StepType = {
-  step: number
-  text?: string
-  handleClick?: Function
-  customClassName?: string
-}
-
-export interface StepperProps {
-  /**
-   * Custom class name
-   * */
-  className?: string
-  /**
-   * Current page step
-   * */
-  currentStep: number
-  /**
-   * Array of steps containing the step number (1, 2, 3, ..., n),
-   * text with step's title (optional) and a handler for the
-   * step's click (optional)
-   * */
-  steps: StepType[]
-  /**
-   * Shows step text instead of linking lines
-   * */
-  showText?: boolean
-}

package/src/Navigation/index.ts

@@ -1,2 +0,0 @@
-export * from './Breadcrumb'
-export * from './Pagination'

package/src/index.ts

@@ -1,6 +0,0 @@
-export * from './Components'
-export * from './Forms'
-export * from './Icons'
-export * from './Indicators'
-export * from './Layout'
-export * from './Navigation'

package/src/tailwind.scss

@@ -1,9 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@import '@loja-integrada/tailwindcss-config/src/_variables.scss';
-
-body {
-  @apply antialiased;
-}

package/src/utils/index.ts

@@ -1,19 +0,0 @@
-import { MutableRefObject, Ref } from 'react'
-
-export const safeCSSId = function (string: string) {
-  return encodeURIComponent(string)
-    .toLowerCase()
-    .replace(/\.|%[0-9a-z]{2}/gi, '')
-}
-
-export function composeRefs<T>(...refs: Array<Ref<T>>) {
-  return (value: T) => refs.forEach((ref) => setRef(ref, value))
-}
-export function setRef<T>(ref: Ref<T>, value: any) {
-  if (typeof ref === 'function') {
-    ref(value)
-  } else if (ref) {
-    const mutableRef = ref as MutableRefObject<T>
-    mutableRef.current = value
-  }
-}

package/src/utils/testConstants.ts

@@ -1,3 +0,0 @@
-export const defaultCSSforCypressTest = {
-  cssFile: 'src/tailwind.css',
-}