@fluentui/react-search 0.0.0-nightly-20240411-0405.1

package/lib-commonjs/components/SearchBox/useSearchBoxStyles.styles.js

@@ -0,0 +1,161 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    searchBoxClassNames: function() {
+        return searchBoxClassNames;
+    },
+    useSearchBoxStyles_unstable: function() {
+        return useSearchBoxStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reactinput = require("@fluentui/react-input");
+const searchBoxClassNames = {
+    root: 'fui-SearchBox',
+    dismiss: 'fui-SearchBox__dismiss',
+    contentAfter: 'fui-SearchBox__contentAfter',
+    contentBefore: 'fui-SearchBox__contentBefore',
+    input: 'fui-SearchBox__input'
+};
+/**
+ * Styles for the root slot
+ */ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
+    small: {
+        i8kkvl: "fjuset5",
+        B2u0y6b: "f1xzfw5u",
+        uwmqm3: [
+            "fk8j09s",
+            "fdw0yi8"
+        ],
+        z189sj: [
+            "fdw0yi8",
+            "fk8j09s"
+        ]
+    },
+    medium: {
+        i8kkvl: "fjuset5",
+        B2u0y6b: "f1xzfw5u",
+        uwmqm3: [
+            "f1f5gg8d",
+            "f1vdfbxk"
+        ],
+        z189sj: [
+            "f1vdfbxk",
+            "f1f5gg8d"
+        ]
+    },
+    large: {
+        i8kkvl: "fjuset5",
+        B2u0y6b: "f1xzfw5u",
+        uwmqm3: [
+            "f1ng84yb",
+            "f11gcy0p"
+        ],
+        z189sj: [
+            "f11gcy0p",
+            "f1ng84yb"
+        ]
+    },
+    input: {
+        uwmqm3: [
+            "fk8j09s",
+            "fdw0yi8"
+        ],
+        z189sj: [
+            "fhxju0i",
+            "f1cnd47f"
+        ],
+        Boqhc8c: "f18izjht",
+        B8uat0v: "fcoa6sg"
+    }
+}, {
+    d: [
+        ".fjuset5{column-gap:0;}",
+        ".f1xzfw5u{max-width:468px;}",
+        ".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}",
+        ".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}",
+        ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
+        ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
+        ".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}",
+        ".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}",
+        ".fhxju0i{padding-right:0;}",
+        ".f1cnd47f{padding-left:0;}",
+        ".f18izjht::-webkit-search-decoration{display:none;}",
+        ".fcoa6sg::-webkit-search-cancel-button{display:none;}"
+    ]
+});
+const useContentAfterStyles = /*#__PURE__*/ (0, _react.__styles)({
+    contentAfter: {
+        uwmqm3: [
+            "f1uw59to",
+            "fw5db7e"
+        ],
+        i8kkvl: "f1ufnopg"
+    },
+    rest: {
+        abs64n: "fk73vx1",
+        Bqenvij: "fniina8",
+        a9b677: "f3tsq5r"
+    }
+}, {
+    d: [
+        ".f1uw59to{padding-left:var(--spacingHorizontalM);}",
+        ".fw5db7e{padding-right:var(--spacingHorizontalM);}",
+        ".f1ufnopg{column-gap:var(--spacingHorizontalXS);}",
+        ".fk73vx1{opacity:0;}",
+        ".fniina8{height:0;}",
+        ".f3tsq5r{width:0;}"
+    ]
+});
+const useDismissClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r1pvzcuu", null, [
+    ".r1pvzcuu{box-sizing:border-box;color:var(--colorNeutralForeground3);display:flex;cursor:pointer;}",
+    ".r1pvzcuu>svg{font-size:20px;}"
+]);
+const useDismissStyles = /*#__PURE__*/ (0, _react.__styles)({
+    disabled: {
+        sj55zd: "f1s2aq7o"
+    },
+    small: {
+        kwki1k: "f3u2cy0"
+    },
+    medium: {},
+    large: {
+        kwki1k: "fa420co"
+    }
+}, {
+    d: [
+        ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}",
+        ".f3u2cy0>svg{font-size:16px;}",
+        ".fa420co>svg{font-size:24px;}"
+    ]
+});
+const useSearchBoxStyles_unstable = (state)=>{
+    const { disabled, focused, size } = state;
+    const rootStyles = useRootStyles();
+    const contentAfterStyles = useContentAfterStyles();
+    const dismissClassName = useDismissClassName();
+    const dismissStyles = useDismissStyles();
+    state.root.className = (0, _react.mergeClasses)(searchBoxClassNames.root, rootStyles[size], state.root.className);
+    state.input.className = (0, _react.mergeClasses)(searchBoxClassNames.input, rootStyles.input, state.input.className);
+    if (state.dismiss) {
+        state.dismiss.className = (0, _react.mergeClasses)(searchBoxClassNames.dismiss, dismissClassName, disabled && dismissStyles.disabled, dismissStyles[size], state.dismiss.className);
+    }
+    if (state.contentBefore) {
+        state.contentBefore.className = (0, _react.mergeClasses)(searchBoxClassNames.contentBefore, state.contentBefore.className);
+    }
+    if (state.contentAfter) {
+        state.contentAfter.className = (0, _react.mergeClasses)(searchBoxClassNames.contentAfter, contentAfterStyles.contentAfter, !focused && contentAfterStyles.rest, state.contentAfter.className);
+    } else if (state.dismiss) {
+        state.dismiss.className = (0, _react.mergeClasses)(state.dismiss.className, contentAfterStyles.contentAfter);
+    }
+    (0, _reactinput.useInputStyles_unstable)(state);
+    return state;
+}; //# sourceMappingURL=useSearchBoxStyles.styles.js.map

package/lib-commonjs/components/SearchBox/useSearchBoxStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useSearchBoxStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useInputStyles_unstable } from '@fluentui/react-input';\nexport const searchBoxClassNames = {\n  root: 'fui-SearchBox',\n  dismiss: 'fui-SearchBox__dismiss',\n  contentAfter: 'fui-SearchBox__contentAfter',\n  contentBefore: 'fui-SearchBox__contentBefore',\n  input: 'fui-SearchBox__input'\n};\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n  small: {\n    i8kkvl: \"fjuset5\",\n    B2u0y6b: \"f1xzfw5u\",\n    uwmqm3: [\"fk8j09s\", \"fdw0yi8\"],\n    z189sj: [\"fdw0yi8\", \"fk8j09s\"]\n  },\n  medium: {\n    i8kkvl: \"fjuset5\",\n    B2u0y6b: \"f1xzfw5u\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"]\n  },\n  large: {\n    i8kkvl: \"fjuset5\",\n    B2u0y6b: \"f1xzfw5u\",\n    uwmqm3: [\"f1ng84yb\", \"f11gcy0p\"],\n    z189sj: [\"f11gcy0p\", \"f1ng84yb\"]\n  },\n  input: {\n    uwmqm3: [\"fk8j09s\", \"fdw0yi8\"],\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Boqhc8c: \"f18izjht\",\n    B8uat0v: \"fcoa6sg\"\n  }\n}, {\n  d: [\".fjuset5{column-gap:0;}\", \".f1xzfw5u{max-width:468px;}\", \".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}\", \".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}\", \".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f18izjht::-webkit-search-decoration{display:none;}\", \".fcoa6sg::-webkit-search-cancel-button{display:none;}\"]\n});\nconst useContentAfterStyles = /*#__PURE__*/__styles({\n  contentAfter: {\n    uwmqm3: [\"f1uw59to\", \"fw5db7e\"],\n    i8kkvl: \"f1ufnopg\"\n  },\n  rest: {\n    abs64n: \"fk73vx1\",\n    Bqenvij: \"fniina8\",\n    a9b677: \"f3tsq5r\"\n  }\n}, {\n  d: [\".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1ufnopg{column-gap:var(--spacingHorizontalXS);}\", \".fk73vx1{opacity:0;}\", \".fniina8{height:0;}\", \".f3tsq5r{width:0;}\"]\n});\nconst useDismissClassName = /*#__PURE__*/__resetStyles(\"r1pvzcuu\", null, [\".r1pvzcuu{box-sizing:border-box;color:var(--colorNeutralForeground3);display:flex;cursor:pointer;}\", \".r1pvzcuu>svg{font-size:20px;}\"]);\nconst useDismissStyles = /*#__PURE__*/__styles({\n  disabled: {\n    sj55zd: \"f1s2aq7o\"\n  },\n  small: {\n    kwki1k: \"f3u2cy0\"\n  },\n  medium: {},\n  large: {\n    kwki1k: \"fa420co\"\n  }\n}, {\n  d: [\".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f3u2cy0>svg{font-size:16px;}\", \".fa420co>svg{font-size:24px;}\"]\n});\n/**\n * Apply styling to the SearchBox slots based on the state\n */\nexport const useSearchBoxStyles_unstable = state => {\n  const {\n    disabled,\n    focused,\n    size\n  } = state;\n  const rootStyles = useRootStyles();\n  const contentAfterStyles = useContentAfterStyles();\n  const dismissClassName = useDismissClassName();\n  const dismissStyles = useDismissStyles();\n  state.root.className = mergeClasses(searchBoxClassNames.root, rootStyles[size], state.root.className);\n  state.input.className = mergeClasses(searchBoxClassNames.input, rootStyles.input, state.input.className);\n  if (state.dismiss) {\n    state.dismiss.className = mergeClasses(searchBoxClassNames.dismiss, dismissClassName, disabled && dismissStyles.disabled, dismissStyles[size], state.dismiss.className);\n  }\n  if (state.contentBefore) {\n    state.contentBefore.className = mergeClasses(searchBoxClassNames.contentBefore, state.contentBefore.className);\n  }\n  if (state.contentAfter) {\n    state.contentAfter.className = mergeClasses(searchBoxClassNames.contentAfter, contentAfterStyles.contentAfter, !focused && contentAfterStyles.rest, state.contentAfter.className);\n  } else if (state.dismiss) {\n    state.dismiss.className = mergeClasses(state.dismiss.className, contentAfterStyles.contentAfter);\n  }\n  useInputStyles_unstable(state);\n  return state;\n};\n//# sourceMappingURL=useSearchBoxStyles.styles.js.map"],"names":["searchBoxClassNames","useSearchBoxStyles_unstable","root","dismiss","contentAfter","contentBefore","input","useRootStyles","__styles","small","i8kkvl","B2u0y6b","uwmqm3","z189sj","medium","large","Boqhc8c","B8uat0v","d","useContentAfterStyles","rest","abs64n","Bqenvij","a9b677","useDismissClassName","__resetStyles","useDismissStyles","disabled","sj55zd","kwki1k","state","focused","size","rootStyles","contentAfterStyles","dismissClassName","dismissStyles","className","mergeClasses","useInputStyles_unstable"],"mappings":"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"}

package/lib-commonjs/index.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    SearchBox: function() {
+        return _SearchBox.SearchBox;
+    },
+    renderSearchBox_unstable: function() {
+        return _SearchBox.renderSearchBox_unstable;
+    },
+    searchBoxClassNames: function() {
+        return _SearchBox.searchBoxClassNames;
+    },
+    useSearchBoxStyles_unstable: function() {
+        return _SearchBox.useSearchBoxStyles_unstable;
+    },
+    useSearchBox_unstable: function() {
+        return _SearchBox.useSearchBox_unstable;
+    }
+});
+const _SearchBox = require("./SearchBox");

package/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export { SearchBox, renderSearchBox_unstable, searchBoxClassNames, useSearchBoxStyles_unstable, useSearchBox_unstable } from './SearchBox';\n"],"names":["SearchBox","renderSearchBox_unstable","searchBoxClassNames","useSearchBoxStyles_unstable","useSearchBox_unstable"],"mappings":";;;;;;;;;;;IAASA,SAAS;eAATA,oBAAS;;IAAEC,wBAAwB;eAAxBA,mCAAwB;;IAAEC,mBAAmB;eAAnBA,8BAAmB;;IAAEC,2BAA2B;eAA3BA,sCAA2B;;IAAEC,qBAAqB;eAArBA,gCAAqB;;;2BAAQ"}

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@fluentui/react-search",
+  "version": "0.0.0-nightly-20240411-0405.1",
+  "description": "Search input for Fluent UI v9",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "typings": "./dist/index.d.ts",
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui"
+  },
+  "license": "MIT",
+  "scripts": {
+    "build": "just-scripts build",
+    "clean": "just-scripts clean",
+    "code-style": "just-scripts code-style",
+    "just": "just-scripts",
+    "lint": "just-scripts lint",
+    "test": "jest --passWithNoTests",
+    "test-ssr": "test-ssr \"./stories/**/*.stories.tsx\"",
+    "type-check": "tsc -b tsconfig.json",
+    "generate-api": "just-scripts generate-api",
+    "storybook": "start-storybook",
+    "start": "yarn storybook"
+  },
+  "devDependencies": {
+    "@fluentui/eslint-plugin": "*",
+    "@fluentui/react-conformance": "0.0.0-nightly-20240411-0405.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240411-0405.1",
+    "@fluentui/scripts-api-extractor": "*",
+    "@fluentui/scripts-tasks": "*"
+  },
+  "dependencies": {
+    "@fluentui/react-icons": "^2.0.224",
+    "@fluentui/react-input": "0.0.0-nightly-20240411-0405.1",
+    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240411-0405.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20240411-0405.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20240411-0405.1",
+    "@griffel/react": "^1.5.14",
+    "@swc/helpers": "^0.5.1"
+  },
+  "peerDependencies": {
+    "@types/react": ">=16.14.0 <19.0.0",
+    "@types/react-dom": ">=16.9.0 <19.0.0",
+    "react": ">=16.14.0 <19.0.0",
+    "react-dom": ">=16.14.0 <19.0.0"
+  },
+  "beachball": {},
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
+      "import": "./lib/index.js",
+      "require": "./lib-commonjs/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "*.md",
+    "dist/*.d.ts",
+    "lib",
+    "lib-commonjs"
+  ]
+}