@loja-integrada/admin-components 0.12.3 → 0.12.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loja-integrada/admin-components",
-  "version": "0.12.3",
+  "version": "0.12.4",
   "author": "Loja Integrada Front-End Team",
   "license": "MIT",
   "main": "dist/index.js",
@@ -69,15 +69,15 @@
     "@cypress/webpack-dev-server": "^1.3.1",
     "@fullhuman/postcss-purgecss": "^4.0.3",
     "@size-limit/preset-small-lib": "^4.10.1",
-    "@storybook/addon-a11y": "^6.3.7",
-    "@storybook/addon-essentials": "^6.3.7",
+    "@storybook/addon-a11y": "^6.4.19",
+    "@storybook/addon-essentials": "^6.4.19",
     "@storybook/addon-info": "^5.3.21",
-    "@storybook/addon-links": "^6.3.7",
+    "@storybook/addon-links": "^6.4.19",
     "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addons": "^6.3.7",
-    "@storybook/react": "^6.3.7",
+    "@storybook/addons": "^6.4.19",
+    "@storybook/react": "^6.4.19",
     "@storybook/storybook-deployer": "^2.8.10",
-    "@storybook/testing-react": "^0.0.21",
+    "@storybook/testing-react": "^1.2.3",
     "@testing-library/react": "^11.2.7",
     "@types/node": "^15.12.0",
     "@types/react": "^17.0.3",
@@ -100,7 +100,7 @@
     "react-is": "^17.0.1",
     "rollup-plugin-postcss": "^4.0.0",
     "size-limit": "^4.11.0",
-    "storybook-addon-designs": "^6.0.1",
+    "storybook-addon-designs": "^6.2.1",
     "tailwindcss": "^2.2.4",
     "tsdx": "^0.14.1",
     "tslib": "^2.1.0",

package/src/Components/Table/Table.tsx

@@ -65,13 +65,8 @@ const TableComponent = ({
     [columnsProps]
   )
 
-  const {
-    getTableProps,
-    getTableBodyProps,
-    headerGroups,
-    rows,
-    prepareRow,
-  } = useTable({ columns, data: rowsPropsMemoized })
+  const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow } =
+    useTable({ columns, data: rowsPropsMemoized })
 
   const handleSelect = React.useCallback(
     (newSelectedRows: number[]) => {
@@ -160,10 +155,8 @@ const TableComponent = ({
       >
         <thead className={`text-left`}>
           {headerGroups.map((headerGroup) => {
-            const {
-              key,
-              ...restHeaderGroupProps
-            } = headerGroup.getHeaderGroupProps()
+            const { key, ...restHeaderGroupProps } =
+              headerGroup.getHeaderGroupProps()
             return (
               <tr key={key} {...restHeaderGroupProps} className="bg-base-2">
                 {selectable && (

package/src/Forms/Input/Input.stories.tsx

@@ -146,10 +146,25 @@ WithBothWithoutBorder.args = {
   name: 'valor',
 }
 
-export const WithComplement = Template.bind({})
-WithComplement.args = {
+export const WithLabelComplement = Template.bind({})
+WithLabelComplement.args = {
   label: 'Label',
   labelComplement: <Icon icon="infoCircle" size={4} block />,
   required: true,
   name: 'nome',
 }
+
+export const Search = Template.bind({})
+Search.args = {
+  type: "search",
+  sufix: (
+    <button
+      type="submit"
+      className="w-full h-full flex items-center justify-center text-tertiary hover:text-primary"
+    >
+      <Icon icon="search" block />
+    </button>
+  ),
+  sufixBorder: false,
+  name: 'search',
+}

package/src/Forms/Input/Input.tsx

@@ -63,8 +63,8 @@ const InputComponent = (
     hasErrorState ? errorBorderClasses : defaultBorderClasses
   } ${prefix && prefixBorder ? 'border-l' : ''}  ${
     sufix && sufixBorder ? 'border-r' : ''
-  } ${prefix && !prefixBorder ? 'pl-0 -ml-2' : ''} ${
-    sufix && !sufixBorder ? 'pr-0 -mr-2' : ''
+  } ${prefix && !prefixBorder ? 'pl-0' : ''} ${
+    sufix && !sufixBorder ? 'pr-0' : ''
   }`
 
   const LabelComponent = (

package/src/Forms/InputCurrency/InputCurrency.tsx

@@ -100,9 +100,8 @@ export const InputCurrencyComponent = (
       setMaskedValue(calculatedMaskedValue)
       return [calculatedValue, calculatedMaskedValue]
     } else {
-      const [maxCalculatedValue, maxCalculatedMaskedValue] = calculateValues(
-        max
-      )
+      const [maxCalculatedValue, maxCalculatedMaskedValue] =
+        calculateValues(max)
       setMaskedValue(maxCalculatedMaskedValue)
       return [maxCalculatedValue, maxCalculatedMaskedValue]
     }

package/src/Layout/ActionBar/ActionBar.tsx

@@ -8,9 +8,8 @@ const ActionBarComponent = ({ onlyMobile, children }: ActionBarProps) => {
   const [containerExpanded, setContainerExpanded] = React.useState(true)
   useEffect(() => {
     const botbar = window.parent.document.querySelector<HTMLElement>('.botbar')
-    const container = window.document.querySelector<HTMLElement>(
-      '.page-container'
-    )
+    const container =
+      window.document.querySelector<HTMLElement>('.page-container')
 
     if (botbar) botbar.style.display = 'none'
     if (container) {